@charset "UTF-8";
@import url("../simplicity/style.css");

/*
Theme Name: Simplicity child
Template:   simplicity
Version:    20141130
*/

/* Simplicity子テーマ用のスタイルを書く */

/*icon*/
@font-face {
	font-family: 'Conv_wg_handy_icons_vol2';
	src: url('fonts/wg_handy_icons_vol2.eot');
	src: url('fonts/wg_handy_icons_vol2.woff') format('woff'),
	url('fonts/wg_handy_icons_vol2.ttf') format('truetype'),
	url('fonts/wg_handy_icons_vol2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon{
	font-family:'Conv_wg_handy_icons_vol2',Sans-Serif;
	display:inline-block;
}

body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#333;
	background:#f4f4f4 ;
}
a{ color:#15b3ca; }
a:hover{
	color:#31cbe1;
	text-decoration:underline;
}
.m_b5{ margin-bottom:5px !important; }
.m_b10{ margin-bottom:10px !important; }
.m_b15{ margin-bottom:15px !important; }
.m_b20{ margin-bottom:20px !important; }
.m_b25{ margin-bottom:25px !important; }
.m_b30{ margin-bottom:30px !important; }
.m_b40{ margin-bottom:40px !important; }
.m_b50{ margin-bottom:50px !important; }
.m_b80{ margin-bottom:80px !important; }
.m_b100{ margin-bottom:100px !important; }

.text_pink{	color:#f66576 !important; }
.text_blue{	color:#16bbd3 !important; }
.text_green{ color:#83a51a !important; }
.text_red{ color:#e60012 !important; }
.text_gray{ color:#777 !important; }
.text_bold{	font-weight:bold !important; }

.text_11{ font-size:11px !important; }
.text_12{ font-size:12px !important; }
.text_13{ font-size:13px !important; }
.text_14{ font-size:14px !important; }
.text_15{ font-size:15px !important; }
.text_16{ font-size:16px !important; }
.text_17{ font-size:17px !important; }
.text_18{ font-size:18px !important; }
.text_19{ font-size:19px !important; }
.text_20{ font-size:20px !important; }
.text_21{ font-size:21px !important; }
.text_22{ font-size:22px !important; }
.text_23{ font-size:23px !important; }
.text_24{ font-size:24px !important; }
.text_25{ font-size:25px !important; }
.text_26{ font-size:26px !important; }
.text_27{ font-size:27px !important; }
.text_28{ font-size:28px !important; }

.op:hover{
	filter: alpha(opacity=60);
	-moz-opacity:060;
	opacity:0.60;
	-webkit-transition: opacity 0.1s ease-out;
	-moz-transition: opacity 0.1s ease-out;
	-ms-transition: opacity 0.1s ease-out;
	transition: opacity 0.1s ease-out;
}
.buruburu { display: block; }
.buruburu:hover {
	animation: shake 0.2s linear infinite;
	-webkit-animation: shake 0.2s linear infinite;
}
@keyframes shake {
    0% { transform: translate(2px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(2px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 3px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes shake {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(1px, 3px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

h1, h2, h3, h4, h5, h6 { color:#333; }
#new-entries a:hover,
#popular-entries a:hover,
.wpp-list a:hover,
.entry-read a:hover,
.entry .post-meta a:hover,
.related-entry-read a:hover,
.entry a:hover,
.related-entry-title a:hover,
.navigation a:hover,
#footer-widget a:hover,
.article-list .entry-title a:hover{
	color:#3cbee0;
}

/*--------------------------------------
	header
--------------------------------------*/

nav{ display:none; }
#header-in,
#navi-in,
#body-in,
#footer-in{
	width:980px;
}
#header{
	background: #fff;
	margin-bottom: 25px;
	width:100%;
	min-width:1000px;
}
#header-in{
	height:120px;
	padding:15px 0 0 0;
	position:relative;
}
#navi ul{
	border:none;
	background:#28b0d3;
	border-radius:5px;
	padding:5px 0;
}
#header .alignleft { margin-left:0; }
#site-title{
	margin-top:0;
	float:left;
}
#site-description{
	float:left;
	letter-spacing:1px;
	font-size:12px;
	margin:40px 0 0 12px;
	color:#333;
}
.head_menu{
	position:absolute;
	right:0;
	top:12px;
}
.head_menu li{
	font-family: 'Muli', sans-serif;
	float:left;
	list-style:none;
	text-align: center;
	font-size: 16px;
}
.head_menu li a{
	text-decoration:none;
	color:#fff;
	display:block;
	width: 135px;
	height: 37px;
	padding-top: 8px;
}
.head_menu li span{
	font-size:25px;
	display: inline-block;
	margin-right: 5px;
	color:#fff100;
	vertical-align: middle;
}
.head_menu li.home a{
	background: #7cd3e0;
	border-radius: 5px 0 0 5px;
}
.head_menu li.profile a{ background: #5bc8d8; }
.head_menu li.contact a{
	background: #32bace;
	border-radius: 0 5px 5px 0;
}
.head_menu li a:hover{ background:#ffef69 }
.head_menu li a:hover .icon{ color:#fff; }

/*--------------------------------------
	main column
--------------------------------------*/

#main{
	width:700px;
	border:none;
	padding:25px;
	border-radius:5px;
}

/*list*/
#main .entry{
	border-bottom:1px dotted #ddd;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
.entry-card-content{ margin-left:200px; }
.entry-thumb{
	overflow:hidden;
	width:180px;
	border-radius:8px;
	height:180px;
	margin-top: 0;
}
.entry-thumb img{
	width: auto;
	height: auto;
}
.entry h2{ margin: 0; }
.entry h2 a{
	letter-spacing:1px;
	font-size:19px;
	color:#333;
	font-weight:normal !important;
}
.entry h2 a:hover{ color:#00a6d2 }
.post-meta,
.entry .post-meta{
	background:none;
	color:#aaa;
	letter-spacing:1px;
	font-size:12px;
	margin:3px 0 5px 0;
	text-align:left;
}
.post-meta a,
.entry .post-meta a{
	color:#aaa;
	text-decoration:none;
}
.entry-snippet{
	color:#333;
	margin:0 0 10px 0;
}
.entry-read{
	border:1px solid #aaa;
	padding:3px 10px;
	border-radius:5px;
	width:80px;
	font-size:13px;
	text-align:center;
}
.entry-read a{ text-decoration:none; }
.entry-read a:hover{ color:#333; }
.entry-read:hover{
	background:#ffea5c;
	border:1px solid #ffea5c;
}
.entry-read a:hover{ color:#333 !important; }

/*entry*/
#breadcrumb{
	margin-bottom:30px;
	color:#ddd;
	font-size: 11px !important;
}
#breadcrumb a{ color:#ccc; }
#breadcrumb a:hover{ color:#00a6d2; }
.article h1.entry-title{
	font-size:25px;
	margin:15px 0 10px 0;
	font-weight:normal !important;
	letter-spacing:1px;
	line-height:1.3;
}
.entry-content{
	border-top:1px solid #eee;
	padding:10px 0;
	font-size:14px !important;
	line-height:1.6 !important;
	margin-bottom: 50px;
}
.entry-content p{
	padding-bottom: 5px;
}
.navigation{
	width:700px;
	margin:0 0 40px -25px;
}
.navigation > div {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.navigation > div + div{
	border-bottom:1px solid #ddd;
	border-top:none;
}
.navigation div a{ text-decoration:none; }
.navigation div a:hover{ background:#fcfbd2; }
.post-author{ padding-right:0 !important; }

/*sns*/

.sns-group-viral ul.snsb li a{
	width:90px;
	height:20px;
	line-height:20px;
	font-size:13px;
	text-align:left;
	padding:7px 5px 3px 6px;
}

/*comment*/

h3#comments,
h3#reply-title{
	font-weight:normal;
	font-size:18px;
	margin:0 0 20px 0;
}
.comment-form{
	background:#eee;
	border-radius:5px;
	padding:10px 25px;
}
.commets-list,
.trackback-list{
	margin:0 0 35px 0;
}
.commets-list li{
	border:6px solid #eee !important;
	border-radius:8px;
	padding:20px;
	margin:0 0 20px 0;
	border:none;
	width:auto;
}
.commets-list li.bypostauthor{
	border:6px solid #cfeef0 !important;
}
.commets-list li p{
	width:500px;
	margin:12px 0 0 0;
}
.comment-info{
	border-bottom:1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 3px;
}
#comments-thread img.avatar{ border-radius:5px; }
.comment-notes{ font-size:14px; }
.cptch_block{
	margin:20px 0;
	line-height:1.8;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
textarea{
	font-size:14px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}
#commentform input,
#commentform textarea{
	border:1px solid #ddd !important;
}
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea{
	box-shadow:none;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus{
	box-shadow:0 0 3px rgba(255,234,92,1) !important;
	border:1px solid #ffea5c !important;
}
input[type="submit"]:hover,
#commentform input[type="submit"]:hover{
	background:#ffea5c;
	border:1px solid #ffea5c !important;
}

/*--------------------------------------
	sidebar
--------------------------------------*/

#sidebar{
	width:260px;
	margin:0 0 50px 0;
}
#sidebar a{ text-decoration:none; }
#sidebar h4{
	font-size:16px;
	font-weight:normal;
	background:url("images/guruguru.png") no-repeat left top;
	padding-left:28px;
	border-bottom: 3px dotted #fff;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#sidebar ul{
	margin:0;
	padding:0;
}
#sidebar li{
	border-bottom:1px dotted #ccc;
	padding-bottom: 5px;
}
#sidebar .widget{ margin-bottom:30px; }
#s{ border-radius:5px !important; }
.qr{
	background: #fff;
	border-radius: 5px;
	padding:10px 15px;
}
.widget_recent_entries .post-date{
	color:#555;
	display: block;
}
#searchsubmit{
	filter: alpha(opacity=40);
	-moz-opacity:040;
	opacity:0.40;
}

/*calendar*/
#calendar_wrap{
	background:#fff;
	border-radius:5px;
	padding:10px 15px 15px 15px;
}
#wp-calendar{
	width:100%;
	text-align:center !important;
	border-top:3px solid #ddd;
	border-right:3px solid #ddd;
	border-bottom:4px solid #ddd;
	border-left:4px solid #ddd;
	border-radius:5px;
	border-collapse: separate;
	border-spacing:0;
	font-size:12px;
}
#wp-calendar th{
	text-align:center !important;
	background: #f4f4f4;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
}
#wp-calendar td{
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
}
#wp-calendar caption{
	font-size:15px;
	margin:0 0 5px 0;
	letter-spacing:1px;
}


/*BWP RecentComments*/
.recent-comment .recent-comment-avatar{
	padding-top: 0 !important;
}
.recent-comment .recent-comment-avatar img{
	border-radius: 5px;
	overflow: hidden;
}
.recent-comment-author{
	font-weight: normal !important;
	color:#333;
	background: none !important;
	padding-right: 5px !important;
}
.recent-comment .icon{ color:#333; }
.recent-comment-single{
	line-height: 1.3;
}

/*dTree*/
.dtree{ line-height: 1.8; }
.dtree a{
	color:#555;
}
.oclinks_arc,
.oclinks_cat{
	padding-bottom: 7px;
}
.oclinks_arc a,
.oclinks_cat a{
	font-size:12px;
	background: #ccc;
	padding:1px 10px 0px 10px;
	border-radius: 5px;
	color:#fff;
	margin-right: 5px;
	letter-spacing: 1px;
}
.oclinks_arc a:hover,
.oclinks_cat a:hover{
	background:#fff100;
	color:#ccc;
}

/*--------------------------------------
	footer
--------------------------------------*/

#footer{ background:#5bc8d8; }
#copyright{ padding:40px 0 10px 0; }


/*--------------------------------------
	new icon
--------------------------------------*/

.new_icon{
	margin-left: 10px;
	width: 50px;
	vertical-align: 0;
}
.entry-card-content .new_icon{
	width: 40px;

}

/*--------------------------------------
	table
--------------------------------------*/

table{ width:100%; }
th{
	font-weight:normal;
	text-align:left;
}

/*--------------------------------------
	mail form profile
--------------------------------------*/

#post-225 .post-date,
#post-225 .sns-group,
#post-119 .post-date,
#post-119 .sns-group,
#post-2 .post-date,
#post-2 .sns-group,
#post-20 .post-date,
#post-20 .sns-group{
	display:none;
}
.contact_form,
#post-119 table,
#post-2 table{
	border-collapse:separate !important;
	border-spacing: 0;
	border-radius:8px !important;
	border:5px solid #ddd;
}
.contact_form{ margin-bottom:20px; }
#post-2 table{ margin-bottom:50px; }

#post-2 th,
#post-2 td{
	padding:5px 15px !important;
	border-bottom:1px solid #ddd !important;
	border-top:none !important;
	border-right:none !important;
	border-left:none !important;
}
#post-119 th,
#post-119 td,
.contact_form th,
.contact_form td{
	padding:10px !important;
	border-bottom:1px solid #ddd !important;
	border-top:none !important;
	border-right:none !important;
	border-left:none !important;
}
.contact_form th,
#post-2 th{
	width:130px;
	background:#f4f4f4;
}
#post-119 th{
	width:100px;
	background:#f4f4f4;
}
#post-119 th span{
	display: block;
}
.profime_name{
	font-size:18px;
	padding:0 15px;
	background:#5bc8d8;
	color:#fff;
	border-radius:5px;
	line-height:1.4;
}
.profime_name .icon{
	color:#fff100;
	font-size:26px;
	margin-right:5px;
	vertical-align:middle;
}
.profile_frame{ position:relative; }
.profile_frame img{
	position:absolute;
	top:50px;
	right:40px;
}
.submit_btn{
	margin:20px 0 50px 0;
	text-align:center;
}
.submit_btn input{ margin:0 5px; }


/*--------------------------------------
	slider
--------------------------------------*/

.slide_img{ display: none; }
.bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
	width:980px;
	min-width: 980px;
	margin:0 auto 30px auto;
}
.bx-wrapper img { display: block; }

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -26px;
	width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-family: Arial;
	color: #28b0d3;
	width:980px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #28b0d3;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #5bc8e4;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/*--------------------------------------
	category archives blog list
--------------------------------------*/

.blog_list,
.cat_list,
.cat_list ul{
	padding: 0 ;
}
.cat_list{
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 10px;
}
.cat_list li{
	list-style: none;
	border-top: 1px solid #dcdcdc;
	padding-top: 10px;
	margin-top: 10px;
	padding-left: 5px;
	font-weight: bold;
}
.blog_list li a,
.cat_list li a{
	text-decoration: none;
	color:#333;
}
.blog_list li a:hover,
.cat_list li a:hover{
	color:#15b3ca;
}
.cat_list ul.children li{
	border-top: 1px dotted #dcdcdc;
	background: none;
	font-weight: normal;
}
.cat_list ul.children li:before{
	content: "≫  ";
	font-size:12px;
	color:#999;
}

.blog_list li{
	border-bottom: 1px dotted #dcdcdc;
	padding-bottom: 10px;
	margin-bottom: 10px;
	list-style: none;
}
.blog_list li a{
	display: block;
}