@charset "UTF-8";

@media screen and (min-width: 769px) { .md-article-detail__section .coodinate_inner { padding: 0; margin: 0 auto; } }

.pc{ display: block; }
.sp{ display: none; }
.coodinate_inner a img { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.coodinate_inner a img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.coodinate_inner{ padding: 0 25px; text-align: center; color: #231815; }
.coodinate_inner h1 img{ width: 800px; max-width: 100%; }
.coodinate_inner .title_sub{ margin: 38px auto 0;}
.coodinate__description{
	text-align: center;
	font-size: 22px;
	margin: 45px 0 105px;
	line-height: 1.8em;
}
.lead_contents{ width: 100%; margin-bottom: 15px;}
.lead_contents img{margin: 0 auto;}
.lead_bg_01{ background-color: #e85298;}
.lead_bg_02{ background-color: #ffda01;}
.lead_bg_03{ background-color: #9acc79;}
/*.lead_inner_01{ background: url("../image/coodinate_lead_bg1.png") top center no-repeat;height: 625px;}*/

.coodinate_detail{ text-align: center; margin: 130px auto 150px;}
h2 img{ max-width: 100%;}

.coodinate_detail_01{ width: 800px; text-align: center; padding-top: 120px; margin: -120px auto 55px;}
.coodinate_detail_02{ width: 800px; text-align: center; padding-top: 120px; margin: -120px auto 50px;}
.coodinate_detail_03{ width: 800px; text-align: center; padding-top: 120px; margin: -120px auto 100px;}

.coodinate_contents{
	width: 690px;
	margin: 0 auto 200px;
	text-align: center;
}
.coodinate_contents ul{
	border-top: 2px solid #231815;
	border-bottom: 2px solid #231815;
}
.coodinate_contents li{ display: block;}

.coodinate_inner .title_trend{ margin: 0 auto 70px;}
.trend_detail{
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
}
.trend_box{ width: 390px;margin-top: 20px;}
.trend_box_ttl{ text-align: left;margin-bottom: 30px;}
.trend_txt{ text-align: left;margin: 0 0 55px 5px;font-size: 15px;line-height: 2em;}
.trend_txt2{ text-align: center;margin: 15px 0;font-size: 14px;}
.trend_txt3{ text-align: left;margin: 0 0 130px 5px;font-size: 15px;line-height: 2em;}
.item_box{ margin-right: 0;text-align: right; border-bottom: 1px solid #231815;padding-bottom: 10px;}
.item_price{ margin-bottom: 20px;}
.item_price strong, .item_price2 strong{ font-size: 18px;letter-spacing: 0.01em;margin-left: 8px;vertical-align: middle;}
.item_price img, .item_price2 img{ vertical-align: middle;display: inline-block;}
.item_price2{ margin:0 0 20px 70px;width: 320px;}
.item_price2 .txt_r{ text-align:left;}

.onerank_area_01{ background: url("../image/onerank_bg_01.png") no-repeat top center; width: 100%;}
.onerank_area_02{ background: url("../image/onerank_bg_02.png") no-repeat top center; width: 100%;}
.onerank_area_03{ background: url("../image/onerank_bg_03.png") no-repeat top center; width: 100%;}
.onerank_img{ margin-bottom: 60px;display: inline-block;}

.coodinate_shop_01{ margin: 0 auto 150px;}
.coodinate_shop_01 img{ max-width: 100%;display: inline-block;margin-bottom: 15px;}
.coodinate_shop_01 p{ font-size: 15px; text-align: center;line-height: 1.7em;}
.coodinate_shop_01 span{ font-size: 20px;}
.coodinate_shop_01 a{ text-decoration: none;color: #231815;display: inline-block;}
.coodinate_shop_01 a:hover{ opacity: 0.7;}
.arrow,.arrow2,.arrow3{ position: relative;display: inline-block;padding-left: 10px;}
.arrow::before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #EB6D9A;
	border-right: solid 2px #EB6D9A;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -11px;
}
.arrow2::before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #6fba2c;
	border-right: solid 2px #6fba2c;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -11px;
}
.arrow3::before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #f08300;
	border-right: solid 2px #f08300;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -11px;
}




@media screen and (max-width: 769px) {
	.pc{display: none;}
	.sp{display: block;}
	.md-article-detail{padding-top:0 !important;}
	.coodinate_inner{padding: 0;}
	.coodinate_contents{ max-width: 96%;margin: 0 auto;width: 400px;}
	.coodinate_contents p{ width: 30%;margin: 0 auto;}
	
	.coodinate_inner .title_sub{ margin: 10px auto 0;}
	.coodinate__description{ margin: 20px auto 25px; font-size: 14px;}
	
	.coodinate_detail{ margin: 65px auto 60px; width: 90%;}
	.coodinate_detail_01{ width: 90%; margin: 0 auto 15px;padding-top: 60px;}
	.coodinate_detail_02{ width: 90%; margin: 0 auto;}
	.coodinate_detail_03{ width: 90%; margin: 0 auto;}

	.lead_contents{ margin-bottom: 5px;}
	
	.coodinate_shop_01{ margin: 0;}
	.coodinate_shop_01 img{
		float: none;
		display: block;
		margin: 0 auto 10px;
		max-width: 70%;
	}
	.coodinate_shop_01 p{float: none;font-size: 1.2rem;}
	.coodinate_shop_01 span{font-size: 1.7rem;}
	
	.onerank_img{ margin-bottom: 30px;}
	
	.coodinate_inner .title_trend{ margin: 0 auto 10px;}
	.trend_detail{ display: block;}
	.trend_box{ width: 100%;margin: 0 auto;}
	.trend_box_ttl{ display: none;}
	.trend_txt{ width: 90%;font-size: 13px;line-height: 1.9em;margin: 0 auto 5px;}
	.trend_txt2{ font-size: 13px;margin: 13px 0 20px;}
	.trend_txt3{ width: 90%;font-size: 13px;line-height: 1.9em;margin: 0 auto 5px;}
	.trend_img_sp{ margin-bottom: 10px;}
	
	.item_price strong, .item_price2 strong{ font-size: 16px;letter-spacing: 0.001em;margin-left: 5px;}
	.item_price{ width: 320px;max-width:  90%;margin: 0 auto 10px;}
	.item_price2{ max-width: 90%;margin: 0 auto 5px;}
	.item_price_s{ font-size: 14px !important;}
	.item_price img, .item_price2 img{ max-width: 80px;}

}