@charset "utf-8";
/* CSS Document */

/* common */
.pcNone{display:none;}
.spNone{display:block;}
.font_bold{font-weight: bold;}
.pt1{padding-top: 1em;}
.ml2{margin-left: 2em;}
#main .obj_center{text-align: center;}

/* ログイン前ユーザー 東京管轄ユーザー対応(#wrapタグ以前) */
.not_wrap{font-size: 1.6rem;}
.not_wrap .btn_link a:active,
.not_wrap .btn_link a:hover{color: #fff;}

/* マーカー */
.marker{background: linear-gradient(transparent 60%, #ff6 60%);}
.marker_orange{background: linear-gradient(transparent 60%, #ffca66 60%);}

.ttl_h3{background: #1797ba;color: #fff;border-radius: 20px;padding-left: 1.5em;}

/*PC*/
.ttl_img{padding:0;background:none;}
.flex_box{display: flex;}
.flex_box .txt_p1{width: 70%;}

/* 特徴 */
.summary .flex_box .reason_txt{width: 70%;padding-right: 1em;line-height: 2.5;}
.summary .flex_box .illust_center{margin-top: 0;}
.point2 .reason_txt{width: 60%;padding-right: 1em;}
.point2 .illust_center{text-align: 	center;}

/* リボン */
.ribbon1{display: inline-block;position: relative;height: 30px;line-height: 30px;text-align: center;padding: 0 20px 0 8px;font-size: 16px;background: #1797ba;color: #FFF;box-sizing: border-box;margin-left: .5em;}
.ribbon1:after{position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}
.ribbon1:after{top: 0;right: 0;border-width: 16px 8px 16px 0px;border-color: transparent #fff transparent transparent;border-style: solid;}

/* 商品ラインアップ */
.goods_lineup h3{background-color: #63872d;}
.goods_lineup h3 span{color: #6b6b6b;background-color: #ffc400;border-radius: 50%;width: 36px;height: 36px;display: inline-block;text-align: center;line-height: 36px;margin-right: .2em;font-family: sans-serif;letter-spacing: 0;font-size: .9em;}
.goods_lineup .series_icon{background-color: #ffc400;border-radius: 50%;width: 50px;height: 50px;display: inline-block;text-align: center;line-height: 50px;color: #fff;letter-spacing: .05em;margin-right: .3em;font-family: sans-serif;}
.goods_lineup .size_icon{border: #1797ba solid 1px;color: #1797ba;padding: 0.4em;font-size: .9em;margin: 0 0.5em;}
.goods_lineup .feature_flex{display: flex;padding-bottom: 1em;gap: 6px;}
.goods_lineup .feature_flex div{background-color: #1797ba;display: flex;padding: .5em;align-items: center;}
.goods_lineup .feature_flex div:nth-of-type(2){margin-left: 1em;}
.goods_lineup .feature_flex p{color: #fff;padding-left: .5em;}
.goods_lineup .txt_effect{font-weight: bold;background-color: #ffc400;padding: .3em .5em;color: #1797ba;}

#wrap .goods_lineup dl{display: flex;border-bottom: #ccc solid 1px;padding-bottom: 1em;margin-bottom: 1em;}
.goods_lineup dt{border: #ccc solid 1px;padding: 1.5em;max-width: 400px;}
.goods_lineup dd{width: 70%;margin-left: 1em;}
.goods_lineup dd .effect_icon{padding-bottom: 0.5em;}
.goods_lineup dd .effect_icon img{width: 40px;}

/* ボタン */
.btn_link{}
.btn_link a{background-color: #248563;color: #FFF;}

/* お問い合わせ */
.contact{margin-top: 3em;}


/* ============for SP============ */
@media screen and (max-width: 767px) {
	/* common */
    .pcNone{display:block;}
	.spNone{display:none;}
	
	/* リボン */
	.ribbon1{font-size: 12px;height: 20px;line-height: 20px;}
	.ribbon1:after{border-width: 10px 6px 10px 0px;}
	
	.flex_box{flex-direction: column;}
	.pt1{flex-direction: column;}
	.summary .flex_box .reason_txt{width: 100%;padding-right:0;}
	.summary .obj_center{margin: 0;}
	.point1 .reason_txt,
	.point2 .reason_txt,
	.point3 .reason_txt{width: 100%;padding-right: 0;padding-bottom: 1.5em;}
	/*#wrap .merit ul{width: 100%;}*/
	/*.merit .nature .reason_txt{width: 100%;}*/
	
	/* 商品ラインアップ */
	.goods_lineup .series_icon{width: 40px;height: 40px;line-height: 40px;margin-bottom: .1em;}
	.goods_lineup dl{flex-direction: column;}
	.goods_lineup dt{margin-bottom: 0.5em;text-align: center;}
	.goods_lineup dd{width: 100%;margin-left: 0;}
	.goods_lineup dd li:nth-of-type(2){border-top: dotted 2px #ccc;padding-top: .5em;}
	.goods_lineup .feature_flex div{flex-wrap: wrap;width: 50%;align-items: flex-start;display: block;}
	.goods_lineup .feature_flex div:nth-of-type(2){margin-left: 0;}
	.goods_lineup .feature_flex p{line-height: 1.5;margin-top: 0;margin-bottom: 0;padding: .5em 0;}
	.goods_lineup .txt_effect{display: inline-block;}
	
	
}