/*
子テーマのオリジナルCSS
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20170501
*/

/*共通*/
body{
	background: #FBFBFB;
}
a{
color: #04c;
}
a:hover,
a:active,
a:focus{
color: #f60;
}
table th,
table td{
	text-align:left;
	padding:10px;
}
.inputbtn{
	background:#007eff;
	color:#fff;
	max-width:300px;
	height:3em;
	display:block;
	margin:0 auto;
	border: #1856b7 solid 1px;
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
}
.inputbtn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
.entry-content a{
	font-size: 1.05em;
}
blockquote > p > a{
	font-size:1em !important;
	color:#999;
}
#content-w{
	padding-top: 30px;
}
main{
    border: #dcdcdc solid 1px;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    margin-bottom:30px;
}
/*タイトル*/
.entry-content h1, .post h1.entry-title{
	font-size: 1.7em;
	line-height: 35px;
	color: #145CA5;
	border-bottom: #145CA5 dotted 3px;
	margin-bottom: 20px;
	padding: 0 10px 10px;
}
.entry-content h1:before, .post h1.entry-title:before {
    content: "\f14a";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    vertical-align: inherit;
}
h2{
    position: relative;
    font-size: 20px;
    line-height: 27px;
    margin: 60px 0 25px;
    padding: 15px 20px;
    background: #fff;
    color: #145CA5;
    border: #145CA5 solid 3px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
h2:before{
	    content: "\f046";
    	font-family: FontAwesome;
    	padding:0 7px 0 0;
}
h2:first-child{
	margin-top:0 !important;
}
.post h3{
    background: #003B6D !important;
    color: #fff !important;
    padding: 13px 20px 10px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top:60px;
}
h2 + h3{
	margin-top:1.5em;	
}
h4{
	margin: 60px 0 25px 0;
	font-weight: bold;
	border-bottom: dotted 1px #333;
	background: #fff;
	padding: 0 8px 8px;
}
h2.first-title{
	margin-bottom:0;
}
/* リスト */
.post ul, .post ol {
	list-style:none;
	padding: 20px 20px 10px 20px;
	background: #fcfcfc;
	border: #d8d8d8 solid 1px;
	margin: 0 20px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.post ul li:before{
	content: "\f058";
	font-family: FontAwesome;
	padding:0 5px 0 0;
	font-size:1.2em;
	color:#145CA5;
}
.post ul.nonelist {
background: none;	
border: none;
padding: 0;
margin: 0 10px;
}
.post ul.nonelist li:before{
	color:#7b7a5f;
}
.post  ul li:last-child,
.post  ol li:last-child{
	margin-bottom:10px;
}
.post ol{
	counter-reset:li;
	list-style:none;
}
.post ol li:before{
	padding-top: 0;
	counter-increment: li;
	content: counter(li);
	float: left;
	margin: 3px 5px 0 0;
	width: 1.4em;
	font-size: 0.9em;
	height: 1.1em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 1em;
	background: #145CA5;
	padding: 4px 0 0 0;
}

#breadcrumb, #breadcrumb ol, #breadcrumb li{
	background:none;
	border:none;
}
#breadcrumb ol:before, #breadcrumb li:before{
	display:none;
}
table ul,
table ol{
	background:none !important;
	border:none !important;
	margin: 0 !important;
	padding: 0 !important;
}
table ul li{
	margin: 0 0 0 20px !important;
	font-size: 1em !important;
	list-style-type: disc !important;
	padding: 0 !important;
	text-indent: -5px;
}
table ol li{
	margin: 0 0 0 22px !important;
	font-size: 1em !important;
	list-style-type:decimal !important;
	padding: 0 !important;
	text-indent: -5px;
	background: none;
}
table ul li:last-child,
table ol li:last-child{
	margin-bottom:10px !important;
}
table ul li:before,
table ol li:before{
	content:"" !important;
	background: none !important;
	margin: 0 !important;
	padding: 0 7px 0 0 !important;
	text-indent: 0 !important;
	float: none !important;
	width: auto !important;
}
.post .sns ul{
	border:none;
}
.post .sns ul li{
	padding:0;
	margin:0;
}
.post .sns ul li a:before,
.post .sns ul li:before{
	content:"" !important;
	padding: 0;
	margin: 0;
}
/*ヘッダー*/
header {
		padding: 0;
		width: 100%;
		background: #246cb6;
}
#headbox {
	max-width: 1060px;
	padding: 25px 0px;
	margin: 0 auto;
	background: url(./images/yyc-bg.jpg) no-repeat 100% 0;
}
#st-menuwide{
	border:none;
	background:none;
}
header .sitename {
	font-size: 2.5em;
	color: #fff;
	line-height: 30px;
	font-family: 'Oswald', sans-serif;
	padding: 0;
	margin-bottom: 15px;
	text-align: left;
}

header .sitename a {
	text-decoration: none;
	color: #FFFFFF !important;
	font-weight: bold;
	background: url(./images/logo.png) no-repeat;
	padding:0 0 0 48px;
}
header .sitename a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
header .descr {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 25px;
    text-align: left;
    padding: 0 0 0 2px;
    color: #fff;
    margin: 0;
}
header .smanone ul.menu li {
    list-style-type: none;
    float: left;
    width: auto;
    margin: 0 10px 0 0;
    height: auto;
    text-align: center;
    border-right:none;
}
header .smanone ul.menu li a{
		display:block;
		font-size: 0.9em;
		overflow:hidden;
		padding: 0 15px;
		background: #FFFFFF;
		color: #007eff;
		border: #007eff solid 3px;
		height:100%;
		line-height: 40px;
		text-decoration:none;
		z-index:1;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	header ul.menu li a:before{
    	content: "\f138";
    	font-family: FontAwesome;
    	padding: 0 7px 0 0;
	}
	header ul.menu li li a{
		background:#fff;
		z-index:2;
	}
	header ul.menu li a:hover, li.current-menu-parent a, li.current-post-parent a,li.current-menu-item a{
		color: #fff !important;
		background: #007eff !important;
		border: #ffffff solid 3px !important;
		text-decoration:none;
	}
	li.current-menu-parent a:before,
	li.current-post-parent a:before,li.current-menu-item a:before{
		color:#fff !important;
	}
#header-l {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
header .smanone ul.menu li a{
	width: auto;
	padding: 5px 15px;
	font-size: 0.9em;
}
#s-navi {
	margin:0 0;
}
#s-navi dd.acordion_tree{
	padding:0;
}
.acordion_tree ul.menu li{
	padding: 0;
	border-bottom: #0010FF solid 1px !important;
}
.acordion_tree ul.menu li:first-child{
	border-top: #0010FF solid 1px !important;
}
.acordion_tree ul.menu li:last-child{
	padding-bottom: 0px !important;
}
.acordion_tree ul.menu li i{
	display:none;
}
.acordion_tree ul.menu li a{
	background: #fff;
	display: block;
	padding: 10px 20px !important;
	color: #0010FF;
	border:none !important;
}
.acordion_tree ul.menu li a:hover{
	color:#fff !important;
	background:#007eff  !important;
	background:inherit !important;
	border:none !important;
}
.acordion_tree ul.menu li a:before {
    content: "\f105\00a0";
    font-family: FontAwesome;
}
#gazou-wide {
    padding:15px 0;
    background: #145ca5;
}
/* サイド */
#side aside h3,
#side aside h4 {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    font-size: 1em;
    font-weight: bold;
    line-height: 25px;
    margin: 0px;
    padding: 15px 20px 5px;
    color: #333;
    background: #F5F5F5;
    border-bottom: #D8D8D8 solid 1px;
}
#side aside h3 + div,
#side aside h3 + ul,
#side aside h4 + div,
#side aside h4 + ul{
	padding: 15px 15px 10px;
}
#side #mybox .ad{
	    margin-bottom: 1.5em;
	    border: #ccc solid 1px;
	    border-radius: 6px;
	    -webkit-border-radius: 6px;
	    -moz-border-radius: 6px;
	    background: #fff;
	    padding-bottom: 0 !important;
}
#side aside ul li a{
	display:block;
	padding:0 0 10px 0;
}
#side aside h3 + div li a:before,
#side aside h3 + ul li a:before{
	content: "\f105\00a0";
	font-family: FontAwesome;
	color: #007eff;
}
#side aside h3 + div a:hover:before,
#side aside h3 + ul a:hover:before{
    color: #ff7f00;
}
.plusin-recommend-list li a:before,
.wpp-list li a:before{
	content:"" !important;
}
.wpp-list li img{
	margin: 0 10px 10px 0 !important;
}
.wpp-list li:last-child img{
	margin: 0 10px 0px 0 !important;	
}
#side img{
	display:block;
	margin:0 auto;
}
/* フッター */
footer {
    padding: 0;
    font-size: 12px;
    line-height: 15px;
    background: #145CA5;
    color: #fff;
}
#footer {
    padding: 20px 10px;
    text-align: center;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #ff7f00 !important;
}
#footer .footerlogo {
    font-size: 22px;
    margin-bottom: 0;
}
#footer .footerdesc{
	font-size: 12px;
	display: inline-block;
	width: 100%;
	font-weight:normal;
	padding: 0 0 13px;
	line-height: 1;
}
#footer .footerlogo a{
	display:block;
	padding: 0 0 10px;
	line-height: 1.3em;
}
.footermenust {
    padding: 0;
    margin-bottom: 10px;
    color:#999;
}
#footer .footermenust a{
	color: #abc4d8;
	margin-bottom:20px;
}
footer .footermenust li {
    border-right: 1px solid #064b92;
}
footer .footermenust li:first-child{
    border-left: 1px solid #064b92;
}
footer .footermenust li:last-child {
    border-right: 1px solid #064b92;
}
#footer .copy,
#footer .copyr{
	color: #abc4d8;
	margin:0;
	padding: 0;
}
/* ページトップ */
#page-top {
    bottom: 10px;
    right: 10px;
	font-size: 28px;
}
#page-top a {
	text-decoration: none;
	color: #007eff;
	background: #fff;
	border: #007eff solid 1px;
	padding: 8px 14px;
	text-align: center;
	font-weight: bold;
	display: block;
	-moz-opacity: 0.8;
	opacity: 0.8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #ff7f00;
	color:#fff;
	border: #e27100 solid 1px;
}
/* 検索 */
h3 + div#search{
	padding: 0 !important;
	border: none;
}
h3 + div#search #searchform{
	margin: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	border: solid 1px #dcdcdc;
	-moz-border-radius: 10px;
}
h3 + div#search #s{
margin: 0 5px 0 5px;
width: 95%;
}
h3 + div#search #searchsubmit {
	right: 10px;
}
/* 強調 */
.attention01{
	color:#d60c0c;
	font-weight:bold;
}
/* ボックス */
.contentsbox{
    overflow: hidden;
    margin: 0 0 1em;
}
.contentsbox h2:first-child{
	margin-top:2em !important;
}
.contentsbox h3{margin: 3em 0 1.5em;padding: 0.8em;border: 1px solid #cccccc;border-left: 7px solid #F4962B;font-size: 1.143em;font-weight: bold;}
.contentsbox a{
	/* display:block; */
	max-width: 290px;
	width: auto;
	min-width: 100px;
	/* margin: 0 auto !important; */
}
.contentsbox a img{
	margin: 0 auto 1%;
	padding: 0 0 1% !important;
	min-width: 48%;
}
.blogbox{
	display:none;
}
.pop-box {
	border-top:solid 1px #145CA5;
}
.poprank-no,
.p-entry {
	background:#145CA5;
}
/*ランキング*/
.entry-content h3.rank01{
	background: url(./images/rank-icon01.jpg) no-repeat 8px center;
	font-size: 1.5em;
	padding: 15px 0 10px 55px !important;
	color: #efb31e;
	border: solid 5px #fff3d5;
	margin-top: 15px;
}
.entry-content h3.rank02{
	background: url(./images/rank-icon02.jpg) no-repeat 8px center;
	font-size: 1.5em;
	padding: 15px 0 10px 55px;
	color: #32adfc;
	border: solid 5px #e0f3ff;
}
.entry-content h3.rank03{
	background: url(./images/rank-icon03.jpg) no-repeat 8px center;
	font-size: 1.5em;
    padding: 15px 0 10px 55px;
    color: #921921;
    border: solid 5px #ffeeef;
}
.entry-content h3.rank04,
.entry-content h3.rank05{
	font-size: 1.5em;
	padding: 15px 0 10px 55px;
	color: #666666;
	border: solid 5px #dedede;
}
.entry-content h3.rank04{
	background: url(./images/rank-icon04.jpg) no-repeat 8px center;
}
.entry-content h3.rank05{
	background: url(./images/rank-icon05.jpg) no-repeat 5px center;
}
.number01,.number02,.number03,.number04,.number05{
		background:#f5f5f5 !important;
		border: #D8D8D8 solid 1px;
		color: #333 !important;
		background-position: 15px 10px !important;
		padding-left: 70px !important;
		margin-top:60px !important;
		padding:21px 20px 18px 80px !important;
		background-position: 15px 5px !important;
		font-size: 1.5em !important;
		background-repeat: no-repeat !important;
}
.number01{background-image: url(https://yyc-lab.com/wp-content/uploads/2016/12/number01.png) !important;}
.number02{background-image: url(https://yyc-lab.com/wp-content/uploads/2016/12/number02.png) !important;}
.number03{background-image: url(https://yyc-lab.com/wp-content/uploads/2016/12/number03.png) !important;}
.number45{background-image: url(https://yyc-lab.com/wp-content/uploads/2016/12/number45.png) !important;}

/*ボタン*/
.linkbtn a:before{
    content: " \f138\00a0";
    font-family: FontAwesome;
}
.linkback a{
	color:#666;
	font-size: 0.85em;
	text-align:right;
	margin-top:50px;
	display: block;
}
.linkback a:before{
    content: " \f138\00a0";
    font-family: FontAwesome;
}
.btn01 a,
.btn02 a{
	color: #fff;
	text-decoration: none;
	padding: 12px 15px;
	display: block;
	max-width: 420px;
	margin: 0 auto;
	text-align: center;
	font-size: 1em;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	font-weight:  bold;
	box-shadow: 0 3px #34a55e;
}
.btn01 a{
	background: #47bf74;
	border: solid #34a55d 1px;
}
.btn02 a{
	background: #0080ff;
    border: #5dafff solid 1px;
}
.btn01 a:hover,
.btn02 a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
.btn01 a:before,
.btn02 a:before{
	content: "\f138";
    font-family: FontAwesome;
    padding: 0 7px 0 0;
}
/* 目次 */
.mokuji {
	background: #F8F8F8;
	border: solid 1px #e5e5e5;
	padding: 15px 20px 10px;
}
.mokuji p{
font-size: 1.1em;
font-weight: bold;
margin: 0 0 20px !important;
padding: 0 10px;
border-bottom: solid #e5e5e5 4px;
}
.mokuji ul{
	list-style:none;
	font-size: 0.9em;
	padding: 0 10px !important;
	border: none !important;
	margin: 0 !important;
}
.mokuji ul li{
	margin: 0 0 10px 20px !important;
}
.mokuji ul li a{
	color: #555;
	text-decoration:underline;
}
.mokuji ul li a:hover{
	color: #0E6DFF;
}
.mokuji ul li:before{
	content:"" !important;
}
.mokuji ul li a:before{
	content: "\f138\00a0" !important;
	font-family: FontAwesome;
}
/* テキスト位置 */
.al-c{
	text-align: center;
}
.al-l{
	text-align: left;
}
.al-r{
	text-align: right;
}
/* TOCリスト */
#toc_container{
	border:#dcdcdc solid 1px;
	background:#fcfcfc;
	padding: 15px 20px !important;
	min-width: 60%;
	margin: 0 0 1.5em;
}
#toc_container p.toc_title{
	font-size:1.2em;
	margin: 0 0 20px;
	background:#fff;
	padding: 10px 0 5px;
	border: solid 1px #f1f1f1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#toc_container ul{
	background:none;
	border:none;
	margin: 5px 20px 0;
}
#toc_container ul li{
	padding: 0 10px 7px;
	display: block;
}
#toc_container ul li a{
	font-size:1em;
	text-decoration:underline;
	color: #007eff;
}
#toc_container ul li a:hover{
	color: #e28900;
}
#toc_container ul li:before{
	content:"";
}
/* サイトマップリスト */
ul#sitemap_list,
ul#sitemap_list ul{
		background:none;
		border:none !important;
		margin: 0 0 20px;
		padding-top: 10px;
}
/* 評価の星 */
.star00:before{
    content: "\f006\00a0\f006\00a0\f006\00a0\f006\00a0\f006";
    font-family: FontAwesome;
    color: #ffba00;
    word-spacing: 0em;
}
.star05:before{
    content: "\f123\00a0\f006\00a0\f006\00a0\f006\00a0\f006";
    font-family: FontAwesome;
    color: #ffba00;
    word-spacing: 0em;
}
.star10:before{
    content: "\f005\00a0\f006\00a0\f006\00a0\f006\00a0\f006";
    font-family: FontAwesome;
    color: #ffba00;
    word-spacing: 0em;
}
.star15:before{
    content: "\f005\00a0\f123\00a0\f006\00a0\f006\00a0\f006";
    font-family: FontAwesome;
    color: #ffba00;
    word-spacing: 0em;
}
.star20:before{
    content: "\f005\00a0\f005\00a0\f006\00a0\f006\00a0\f006";
    font-family: FontAwesome;
    color: #ffba00;
    word-spacing: 0em;
}
.star25:before{
    content: "\f005\00a0\f005\00a0\f123\00a0\f006\00a0\f006";
    font-family: FontAwesome;
    color: #ffba00;
    word-spacing: 0em;
}
.star30:before{
    content: "\f005\00a0\f005\00a0\f005\00a0\f006\00a0\f006";
    font-family: FontAwesome;
    color: #ffba00;
    word-spacing: 0em;
}
.star35:before{
    content: "\f005\00a0\f005\00a0\f005\00a0\f123\00a0\f006";
    font-family: FontAwesome;
    color: #ffba00;
    word-spacing: 0em;
}
.star40:before{
    content: "\f005\00a0\f005\00a0\f005\00a0\f005\00a0\f006";
    font-family: FontAwesome;
    color: #ffba00;
    word-spacing: 0em;
}
.star45:before{
    content: "\f005\00a0\f005\00a0\f005\00a0\f005\00a0\f123";
    font-family: FontAwesome;
    color: #ffba00;
    word-spacing: 0em;
}
.star50:before{
    content: "\f005\00a0\f005\00a0\f005\00a0\f005\00a0\f005";
    font-family: FontAwesome;
    color: #ffba00;
    word-spacing: 0em;
}
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{margin-bottom: 0!important;}/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

.b{ font-weight: bold!important; }/*太字*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }
.normal{ font-weight: normal !important; font-size: 1.0em !important;}

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }


/*-------------------------------------
出会い系用オリジナル
--------------------------------------*/
.contents-box,
.bookmart-box{
	background: #FFFFFF;
	padding: 20px 20px 1px;
	line-height: 1;
	margin: 0 0 20px;
	border: #D8D8D8 solid 1px;
	border-top: none;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
}

.point-box{
	background: #F8FFED;
	padding: 20px 10px 0px 50px;
	margin: 0 0 20px;
	border: #D2F39F solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 0.9em;
}
.point-box p:first-child:before {
    content: "\f0a4";
    font-family: FontAwesome;
    padding: 6px 5px 6px 7px;
    font-size: 1.2em;
    vertical-align: top;
    color: #fff;
    margin: 0 7px 0 -2.1em;
    background: #71B500;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
/*強調文字*/
.point01{
	color: #FF4B8D;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 3px;
}
.point02{
	background: #fffdea;
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
}
/*質問*/
.faq dt{margin: 0 15px 10px;background: #fff7f7;padding: 10px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.faq dt:before{
	content: "Q ";
	color: #ff4748;
	font-size: 1.5em;
}
.faq dd{margin: 0 15px 30px;background: #f7f9ff;padding: 10px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.faq dd:before{
	content: "A ";
	color: #477dff;
	font-size: 1.5em;
}
/* 口コミ */
ul.review{margin: 0 15px 20px;padding: 10px 20px 5px;}
ul.review li{
    list-style: none;
    margin-left: 30px;
}
ul.review li:before{
    content: "\f0e6" !important;
    font-family: FontAwesome;
    font-size: 1.25em;
    padding: 0 7px 0 0;
    margin: 0 0 0 -30px;
}
p.review,
span.review{
    margin: 0 0 0 28px !important;
}

p.review:before,
span.review:before{
    content: "\f0e6" !important;
    font-family: FontAwesome;
    padding: 0 7px 0 0;
    font-size: 1.25em;
    vertical-align: baseline;
    margin-left: -28px;
}
span.review01:before{
    padding:0 5px 0 4px;
}
/* 体験談ボックス */
.experience-box{
	background: #f5f5f5;
	padding: 25px 25px 5px;
	border: #dcdcdc solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0 0 30px;
}
.experience-box h3{
	margin-top:0;
	font-size: 1.15em;
}
/*その他*/
.thumbnail-img{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 15px;
}
.thumbnail-img img {
    width: 110px;
    margin: 0 0 5px 5px !important;
    float: left !important;
}
.post,
.top-wbox-t{
	padding-bottom:0px;
}
#scrollad {
	padding: 0 0 30px !important;
}
/*ブログランキング*/
.blog-rank{
	margin: 60px 0 0 0;
	padding:20px 20px 5px;
	background:#f3f3f3;
}
.blog-rank p:first-child{
	margin:0 0 10px;
}
/* コメント欄 */
#comments{
	margin-bottom:50px;
}
#comments,
#comments #respond{
	padding:0;
}
.post #comments h3{
    margin-bottom:20px;
}
img.float-left {
	padding-right:15px;
}

img.float-right {
	padding-left:15px;
}
input[type="submit"]{
	max-width:300px;
	font-size: 1em;
	display:block;
	margin:0 auto;
	background: #0044cc !important;
	color: #fff;
	border-radius: 100px !important;
	-webkit-border-radius: 100px !important;
	-moz-border-radius: 100px !important;
}
input[type="submit"]:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;	
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width : 960px) {
#content-w{
}
#header-l {
    float: none;
    max-width: 100%;
    margin: 0 0 15px;
}
#headbox{
	background:none !important;
	padding-top: 0;
}
#headbox-bg{
}
header .sitename{
	font-size: 2.4em;
	line-height: 1.4;
}
header .sitename,
header .descr{
	text-align:center;
	margin: 20px auto 0 !important;
}
header .sitename a {
}
.acordion_tree ul.menu li a{
	background: #fff;
	display: block;
	padding: 15px 20px;
	color: #0010FF;
	line-height: 1.5;
	padding: 13px 20px !important;
	margin: 0;
}
.acordion_tree ul.menu li a:hover{
	color: #fff !important;
    background: #007eff !important;
}
#wpadminbar{
	border:none !important;
}
#st-menubox{
	padding:0 !important;
        border-top: none;	
}
#s-navi dt.trigger{height: auto;}
#s-navi dt.trigger .op{
	background:#fff;
	color: #007eff;
	border: #007eff solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
	font-size: 1.75em;
	line-height: 55px;
	padding: 0 20px;
	margin: 5px 5px 5px 0;
}
#gazou-wide{
	padding:0;
}
#toc_container{
	margin:0;
	padding: 15px !important;
}
#toc_container p.toc_title{
	
margin-bottom: 5px;
}
#toc_container ul{
	margin: 0 10px 0;
	margin-top: 0 !important;
}
#toc_container ul li{
	padding: 15px 5px 0;
}
#toc_container ul ul{
	margin: 0 10px 0;
}
#toc_container ul li li{
	padding:0;
}
ul.box, ol.box,div.box,
.entry-content ul, .entry-content ol{
	margin: 0 0 20px;
	padding: 15px 15px 0;
}
#scrollad {
	padding: 0 0 15px !important;
}
.adult18kin{
    background: #f3f3f3;
    color: #bfbfbf;
    line-height: 72px;
    font-weight:bold;
    font-size:0.95em;
    text-align: center;
}
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {

p, .st-kaiwa-hukidashi, .yellowbox, .graybox, .redbox, .post ul li, .post ol li, .post h5, .post h6{
	font-size:17px;
}
/*-- ここまで --*/
}
@media only screen and (max-width : 600px) {
	.sitename img{
		max-width: 100%;
	}
	header .sitename{
	font-size: 1.7em;
	}
	header .sitename a{
		padding: 5px 0 5px 40px;
		background-size: 35px;
	}
	#s-navi dt.trigger .op{
		padding: 0 12px;
		height: 45px;
		line-height: 45px;
		font-size: 1.4em;
	}
	.adult18kin{
                line-height: 55px;
	}
}
@media only screen and (max-width : 480px) {
#gazou-wide{
	display:none;
}
.point-box{
	padding: 20px 10px 0 40px !important;
}
.point-box .btn01 a,
.point-box .btn02 a{
	margin:0;
	width: 90%;
	padding: 10px 5%;
}
.point-box p:first-child:before{
	font-size:0.8em;
}
#headbox-bg {
}
#header-l {
    margin: 10px 0 0;
}
header .sitename{
	font-size: 1.5em;
}
header .sitename a{
	padding: 0 0 5px 30px;
	background-size:24px;
}
.number01,.number02,.number03,.number04,.number05{
		background-position: 15px 5px !important;
		padding-left: 50px !important;
		font-size:1.2em !important;
		padding:14px 10px 10px 60px !important;
		background-size:35px !important;
}
img,
img.alignleft,
img.alignright{
	float:none;
	margin-left:auto;
	margin-right:auto;
}
img.alignleft {
	padding-right:15px;
}
img.alignright {
	padding-left:15px;
}
}
/* 子テーマのオリジナルCSS */