@charset "UTF-8";

#main .single.page h1 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 30px;
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
}
#main .single.page h2 {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: normal;
	background: #FFF;
}
#main .single.page h3{
	margin-bottom: 5px;
	font-size: 14px;
}
#main .single.page #myfavorite h3{
	font-size: 14px;
}
#main .single.page p{
	font-size: 14px;
}
#main .single.page .faq dl dt{
	padding-bottom: 10px;
	line-height: 1.8;
	font-size: 14px;
}
#main .single.page .faq dl dd{
	padding-bottom: 20px;
	line-height: 1.8;
	font-size: 14px;
}

#main.contact{
	width: 807px;
	padding: 30px;
	margin: 0 auto;
	background: #fff;
	border: 2px solid #eee;
	float: none;
}
#main.contact h1{
	font-size: 25px;
	font-weight: normal;
	margin-bottom: 30px;
	border-bottom: 1px dotted #666;
	padding-bottom: 10px;
}

#main.contact .form th{
	font-weight: normal;
	padding-bottom: 20px;
	text-align: left;
}
#main.contact .form th span{
	font-size: 10px;
	color: #cc0000;
	padding-left: 10px;
	position: relative;
	top: -2px;
}
#main.contact .form td{
	padding-bottom: 20px;
	padding-left: 20px;
}
#main.contact .form td a{
	text-decoration: underline;
}
#main.contact .form input,
#main.contact .form textarea{
	padding: 8px 10px;
	width: 650px;
	border: 1px solid #ccc;
}
#main.contact .form input[type="checkbox"]{
	width: 0;
	width: 15px;
	height: 15px;
}
#main.contact .form tr:last-child th{
	vertical-align: top;
}
#main.contact .form+.submit{
	margin-left: 125px;
	text-align: center;
}
#main.contact .form+.submit input{
	background: #3C3F45;
	color: #fff;
	padding: 16px 40px;
	margin: 0 10px;
	font-size: 15px;
	border: none;
	cursor: pointer;
}


#main.member{
	width: 938px;
	padding: 30px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #eee;
	float: none;
}



#main .single.page .content #myfavarit ul{
	width: 100%;
}
#main .single.page .content #myfavarit ul li{
	width: 48%;
	float: left;
	margin-bottom: 15px;
	height: 70px;
}
#main .single.page .content #myfavarit ul li:nth-child(even){
	float: right;
}
#main .single.page .content #myfavarit ul li img{
	width: 100px;
	height: auto;
	float: left;
	padding-right: 10px;
}
#main .single.page .content #myfavarit ul li h3{
	font-weight: normal;
}

/* ライターページ
-----------------------------------*/
#main.member h1 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #666;
}
#main.member #author .author{
	width: 120px;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	text-align: center;
}
#main.member #author .author:nth-of-type(5n+1){
	margin-left: 0;
}
#main.member #author .author img{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	opacity: 1;
}
#main.member #author .author img:hover{
	opacity: 0.6
}
#main.member #author .author h3{
	text-align: center;
}
#main.member #author .author p{
	font-size: 12px;
}

#main.weare .author{
	padding:20px;
	border:1px solid #eee;
	margin-bottom: 20px;
	background: #fff;
}
#main.weare .author .fll{
	width: 120px;
	height: 120px;
	border: 1px dotted #ccc;
	padding: 10px;
}
#main.weare .author .fll img{
	width: 120px;
	height: 120px;
}
#main.weare .author .flr{
	width: 466px;
}
#main.weare .author .flr h2{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}
#main.weare .author .flr p{
	font-size: 12px;
}


/* ランキング
-----------------------------------*/
#main .single .content .ranking{
	position: relative;
}
#main .single .content .ranking li{
	margin-bottom: 20px;
}
#main .single .content .ranking li:last-child{
	margin-bottom: 0;
}
#main .single .content .ranking li .wpp-thumbnail{
	padding-right: 20px;
}
#main .single .content .ranking li p{
	margin-bottom: 0;
	padding-top: 20px;
}
#main .single .content .ranking li p a{
	font-size: 18px;
	text-decoration: none;
}
#main .single .content .ranking div.crown {
	width: 60px;
	height: 30px;
	position: absolute;
	left: 120px;
}
#main .single .content .ranking .crown.img01{	top:2px; color:#E84F81;}
#main .single .content .ranking .crown.img02{	top:101px;}
#main .single .content .ranking .crown.img03{	top:202px;}
#main .single .content .ranking .crown.img04{	top:302px;}
#main .single .content .ranking .crown.img05{	top:401px;}
#main .single .content .ranking .crown.img06{	top:501px;}
#main .single .content .ranking .crown.img07{	top:601px;}
#main .single .content .ranking .crown.img08{	top:701px;}
#main .single .content .ranking .crown.img09{	top:801px;}
#main .single .content .ranking .crown.img10{	top:901px;}


/* お気に入り記事一覧
-----------------------------------*/
#main .single #myfavorite{
	padding-bottom: 35px;
}
#main .single #myfavorite ul li{
	width: 256px;
	float: left;
	margin-left: 16px;
	margin-bottom: 20px;
}
#main .single #myfavorite ul li:nth-child(3n+1){
	margin-left: 0;
}
#main .single #myfavorite .wpfp-link{
	display: none;
}
#main .single #myfavorite ul li img{
	width: 256px;
	height: 192px;
}
#main .single #myfavorite .navigation{
	margin-top: 20px;
}

div.wpcf7-mail-sent-ok{
	display: none!important;
}


/* コラムページ
-----------------------------------*/
#main .single .content #column .column_cont01{
	padding-bottom: 40px;
	border-bottom: 1px dotted  #ccc;
	margin-bottom: 40px;
}
#main .single .content #column h2{
	background: none;
	color: #E84F81;
	width: auto;
	font-size: 22px;
	padding: 10px 0;
	margin-bottom: 20px;
	font-weight: normal;
}
#main .single .content #column .column_cont01 p{
	font-size: 13px;
	margin-bottom: 15px;
}
#main .single .content #column .column_cont01 p.notice,
#main .single .content #column .column_cont01 p.notice a,
#main .single .content #column .column_cont02 .box01 p.notice,
#main .single .content #column .column_cont02 .box01 p.notice a{
	font-size: 11px;
}
#main .single .content #column .column_cont01 p:last-child{
	margin-bottom: 0;
}

#main .single .content #column .column_cont02 h3{
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #4C4C4C;
}
#main .single .content #column .column_cont02 .box01{
	margin-bottom: 60px;
}
#main .single .content #column .column_cont02 .box01 p{
	font-size: 14px;
	margin-bottom: 20px;
}
#main .single .content #column .column_cont02 .box01 strong{
	color: #f00;
}
#main .single .content #column .column_cont02 .table_wrap{
	overflow-x: scroll;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
#main .single .content #column .column_cont02 table{
	width: 1400px;
}
#main .single .content #column .column_cont02 table th,
#main .single .content #column .column_cont02 table td{
	border: 1px solid  #aaa;
	padding: 10px;
	font-size: 11px;
	box-sizing: border-box;
}
#main .single .content #column .column_cont02 table thead th{
	color: #FFF;
	background: #E84F81;
	text-align: center;
	font-weight: bold;
}
#main .single .content #column .column_cont02 table thead th:nth-child(1){
	width: 25%;
}
#main .single .content #column .column_cont02 table thead th:nth-child(2){
	width: 8%;
}
#main .single .content #column .column_cont02 table thead th:nth-child(3){
	width: 29%;
}
#main .single .content #column .column_cont02 table thead th:nth-child(4){
	width: 10%;
}
#main .single .content #column .column_cont02 table thead th:nth-child(5){
	width: 15%;
}
#main .single .content #column .column_cont02 table thead th:nth-child(6){
	width: 15%;
}
#main .single .content #column .column_cont02 table tbody{
	background: #fff;
}
#main .single .content #column .column_cont02 table tbody th{
	text-align: left;
}
#main .single .content #column .column_cont02 .box01 table td p{
	font-size: 11px;
	margin-bottom: 10px;
}
#main .single .content #column .column_cont02 table td p:last-child{
	margin-bottom: 0;
}
#main .single .content #column .column_cont02 table tbody a{
	color: #E84F81;
	font-size: 11px;
	text-decoration: underline;
}
#main .single .content #column .column_cont02 ul{
	padding: 0 10px;
	margin-bottom: 40px;
}
#main .single .content #column .column_cont02 ul li{
	font-size: 14px;
}
#main .single .content #column .column_cont02 ul li:before{
	content: "・";
}
#main .single .content #column .column_cont03{
	background: #ececec;
	padding: 15px 20px;
}
#main .single .content #column .column_cont03 h2{
	margin-bottom: 10px;
}
#main .single .content #column .column_cont03 p{
	font-size: 13px;
	margin-bottom: 10px;
}