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

/* -------------------------------------------
	レイアウト
---------------------------------------------- */
#content2 { background: url(../img/bg.gif); }
#content2.top { background: #fff; }
#contents_wrap { font-size: 116.6%; }
.section { margin-bottom: 50px; }
.button { padding: 13px 0; background-color: #522f91; font-size: 100%; font-weight: normal; }
.button:hover { background-color: #64449c; }

@media only screen and (max-width: 767px) {
	#content2 { background: url(../img/bg_x2.gif); background-size: 320px auto; }
	#content2.top { background: #fff; }
	#contents_wrap { font-size: 100%; }
	.section { margin-bottom: 40px; }
	.button:hover { background-color: #522f91; }
}

/* -------------------------------------------
	扉
---------------------------------------------- */
.report_wrap{padding-top:50px;font-size:133.3%}
.report_wrap .row{display:flex}
.report_wrap .report_item{display:flex;flex-direction:column;flex-basis:31.22%;min-width:31.22%;margin:0 0 30px 2.86%}
.report_wrap .report_item .cont{box-sizing:border-box !important;border:1px solid #e2e0e4;padding:22px 20px 22px;background-color:#f8f7fa}
.report_wrap .report_item .note{margin-top:10px;font-size:75%}
.report_wrap .report_item .pod{display:flex}
.report_wrap .report_item .pod .text{flex-basis:53.7%;letter-spacing:-.02em}
.report_wrap .report_item .pod .thumb{flex-basis:46.3%;display:flex;justify-content:center;align-items:start}
.report_wrap .report_item .pod .product_num {font-size: 81.25%;text-align: center;margin-top: 5px;}
.report_wrap .report_item .pod .thumb .suihanki{width:99px}
.report_wrap .report_item .pod .thumb .jyoshitsuki{width:82px}
.report_wrap .report_item .pod .thumb .instick{width:108px}
.report_wrap .report_item .pod .thumb .suihanki_02{width:100px}
.report_wrap .report_item .pod .thumb .cleaner{width:100px}
.report_wrap .report_item:first-child{margin-left:0}
.report_wrap .last_row .report_item{margin-bottom:0}
.report_wrap .report_item .label{color:#522f91;font-size:112.5%;font-weight:700;text-align:center;line-height:1.27;margin-bottom:14px}
#instick_wrap .product_item .label{color:#522f91;font-size:137.5%;font-weight:700;text-align:center;line-height:1.27;margin-bottom:20px}

.report_wrap .report_item .label{display:flex;justify-content:center;align-items:center}
.report_wrap .report_item .label span,#instick_wrap .product_item .label span{font-size:81.8%}
.report_wrap .report_item span.new{display:inline-block;margin-bottom:12px;background-color:red;color:#fff;font-size:55%;;font-weight:700;padding:4px 20px 3px}
.report_wrap .report_item .thumb img{width:100%;max-width:268px}
.report_wrap .report_item .note_list{font-size:75%;margin-top:1em}
.report_wrap .report_item .note_text{font-size:75%;font-weight:700;margin-top:1em;text-align:center}
.report_wrap .report_item .button,#instick_wrap .product_item .button{margin:1em 0}
#instick_wrap .product_item .product_link,
.report_wrap .report_item .product_link{border-top:1px solid #e0e0e0;text-align:center;padding-top:1em;font-size:81.3%}
@media only screen and (max-width: 767px) {
	.report_wrap .row{display:block}
.report_wrap .report_item{display:block;flex-direction:initial;flex-basis:initial;min-width:initial;margin:0 0 30px 0}
.report_wrap .report_item .pod{display:block}
.report_wrap .report_item .pod .text{flex-basis:initial;letter-spacing:0}
.report_wrap .report_item .pod .thumb{flex-basis:initial;display:block;justify-content:initial;align-items:initial;text-align:center}
.report_wrap .report_item .pod .product_num {font-size: 100%;margin-top: 10px;}
.report_wrap .report_item .pod .inner {margin-top: 15px;}
.report_wrap .report_item .pod .thumb {max-width: 180px;margin: 0 auto;}
.report_wrap .report_item .pod .thumb .suihanki{width:100%;}
.report_wrap .report_item .pod .thumb .jyoshitsuki{width:100%;}
.report_wrap .report_item .pod .thumb .instick{width:100%;}
.report_wrap .report_item .pod .thumb .suihanki_02{width:100%;}
.report_wrap .report_item .pod .thumb .cleaner{width:100%;}
}

/* -------------------------------------------
	instick
---------------------------------------------- */
#instick_wrap { padding-top: 50px; font-size: 133.3%; }
#instick_wrap .product_item { border: 1px solid #e2e0e4; padding: 40px 5%; background-color: #f8f7fa; }
#instick_wrap .product_item .product_text { width: 46.6%; float: left; margin-right: 6.84%; }
#instick_wrap .product_item .product_text p { margin-bottom: 0.6em; }
#instick_wrap .product_item span.new { display: inline-block; margin-bottom: 12px; background-color: #ff0000; color: #fff; font-size: 55%;;font-weight: bold; padding: 4px 20px 3px; }
#instick_wrap .product_item .product_img {width: 43%;float: right;}
#instick_wrap .product_item .product_img .product_num{text-align: center;margin-top: 5px;}
#instick_wrap .product_item .product_img img { width: 100%; max-width: 526px; }
#instick_wrap .product_item .item_link {width: 46.6%; float: left; margin-right: 6.84%; text-align: center; }
#instick_wrap .product_item .note_list { font-size: 75%; margin-top: 1em; }

@media only screen and (max-width: 767px) {
	.report_wrap { padding: 45px 20px 0; font-size: 114.3%; }
	.report_wrap .last_row .report_item:first-child { margin-bottom: 30px; }
	.report_wrap .report_item .label,
	.report_wrap .product_item .label{ margin-bottom: 25px; font-size: 112.5%; }
	.report_wrap .report_item .button,
	.report_wrap .product_item .button { font-size: 87.5%; }
	#instick_wrap { padding: 45px 20px 0; font-size: 114.3%; }
	#instick_wrap .product_item { padding: 35px 30px; }
    #instick_wrap .product_item .product_text,
    #instick_wrap .product_item .item_link { width: auto; float: none; margin:0; }
    #instick_wrap .product_item .product_text p { margin:0; }
	#instick_wrap .product_item .product_img { width: 100%; float: none;max-width: 280px;margin: 0 auto; }
	#instick_wrap .product_item .product_img img {width: 100%;max-width: initial;}
}

/* -------------------------------------------
	ヘッダーラップ
---------------------------------------------- */
#head_wrap { height: 230px; background: url(../img/bg_head.jpg) no-repeat center top; }
#content2.top #head_wrap { height: 520px; background: url(../img/bg_head_top.jpg) no-repeat center top; }
#head_wrap .container { position: relative; padding-top: 46px; }
#content2.top #head_wrap .container { padding-top: 66px; text-align: center; }
#head_wrap .container #label_report { margin-bottom: 19px; }
#content2.top #head_wrap .container #label_report { margin-bottom: 23px; }
#head_wrap .container #page_title,
#head_wrap .container #report_title,
#head_wrap .container #head_lede { position: relative; z-index: 1; }
#head_wrap .container #head_image { position: absolute; }
#head_wrap .container #label_report img,
#head_wrap .container #page_title img,
#head_wrap .container #report_title img,
#head_wrap .container #head_lede img,
#head_wrap .container #head_image img { max-width: 100%; vertical-align: bottom; }

@media only screen and (max-width: 767px) {
	#head_wrap { background: url(../img/bg_head_x2.jpg) no-repeat center top; background-size: cover; }
	#content2.top #head_wrap { height: 551px; background: url(../img/bg_head_top_x2.jpg) no-repeat center top; background-size: cover; }
	#head_wrap .container { padding-top: 40px !important; }
	#head_wrap .container #label_report { height: 21px; margin-bottom: 13px; background: url(../img/label_report_x2.png) no-repeat center top; background-size: 170px auto; }
	#content2.top #head_wrap .container #label_report { margin-bottom: 13px; }
	#head_wrap .container #label_report img,
	#head_wrap .container #page_title img,
	#head_wrap .container #report_title img,
	#head_wrap .container #head_lede img,
	#head_wrap .container #head_image img { display: none; }
}


/* -------------------------------------------
	商品扉
---------------------------------------------- */
#product_wrap { padding: 79px 0 60px;  background: url(../img/bg.gif); }
#product_wrap .container { background-color: #fff; }
#product_wrap .container .product_item { float: left; width: 29.6%; max-width: 290px; padding: 0 0 50px 5.1%; background: url(../img/badge_times.gif) no-repeat 29px 39px; }
#product_wrap .container .product_item .note_text { font-size: 85.5%; font-weight: bold; margin-top: 0.5em; text-align: center; }
#product_wrap .container .product_item .thumb img { width: 100%; }
#product_wrap .container .product_item .model_num { margin-bottom: 1em; text-align: center; font-size: 114.2%; }
#product_wrap .container .feature_list { float: right; width: 55.2%; max-width: 541px; padding: 50px 5.1% 50px 0; }
#product_wrap .container .feature_list li { margin-top: 20px; padding-top: 15px; background: url(../img/dotted.gif) repeat-x left top; }
#product_wrap .container .feature_list li:first-child { margin-top: 0; padding-top: 0; background: none; }
#product_wrap .container .feature_list li img { max-width: 100%; }
#product_wrap .container .feature_list .note_list { margin-top: 3em; font-size: 85.7%; }

#monitor_wrap { padding-top: 60px; }
#monitor_wrap .monitor { float: left; width: 30.6%; max-width: 300px; margin-left: 4%; }
#monitor_wrap .monitor:first-child { margin-left: 0; }
#monitor_wrap .monitor .thumb { margin-bottom: 20px; }
#monitor_wrap .monitor .thumb img { width: 100%; }
#monitor_wrap .monitor .name { margin-bottom: 0.5em; color: #522f91; font-size: 128.5%; font-weight: bold; }
#monitor_wrap .monitor .comment { margin-bottom: 0.75em; font-weight: bold; }
#monitor_wrap .monitor .comment,
#monitor_wrap .monitor .text { color: #333; }
#monitor_wrap .monitor .text em { font-weight: bold; }
#monitor_wrap .monitor .link { margin-top: 1em;  padding-top: 1em; border-top: 1px solid #e6e6e6; }
#monitor_wrap .monitor .link p { margin-bottom: 0.5em; }
#monitor_wrap .monitor a:hover { text-decoration: none; }
#monitor_wrap .monitor a:hover .link .arr { text-decoration: underline; }
#monitor_wrap .monitor .link a:hover { text-decoration: underline; }
#monitor_wrap .monitor .link  .new { background-color: #d92227; color: #fff; font-size: 68.8%; font-weight: normal; margin-left: 3px; padding: 1px 5px 0; vertical-align: middle; position: relative; top: -1px; }

.topics_wrap { margin-top: 50px; background-color: #faf7ff; }
.topics_wrap .container { padding: 3em 50px; }
.topics_wrap .container .topics_lede { margin-bottom: 1em; padding-bottom: 0.75em; border-bottom: 1px solid #e6e6e6; text-align: center; font-size: 114.2%; }
.topics_wrap .container .topics_lede .emphasis { font-size: 125%; font-weight: bold; color: #522f91; }
.topics_wrap .container .label { margin-bottom: 0.5em; font-weight: bold; }
.topics_wrap .container .text { margin-bottom: 0.5em; }

@media only screen and (max-width: 767px) {
	#product_wrap { padding: 65px 0 30px; background: url(../img/bg_x2.gif); background-size: 320px auto; }
	#product_wrap .container { margin: 0 20px; padding: 20px; }
	#product_wrap .container .product_item { float: none; width: 100%; max-width: inherit; margin-bottom: 20px; padding: 0; background: url(../img/badge_times_x2.gif) no-repeat 0 0; background-size: 156px auto; }
	#product_wrap .container .product_item .thumb { margin: 0 auto 0.3em; }
	#product_wrap .container .product_item .model_num { margin-bottom: 0.75em; }
	#product_wrap .container .feature_list { float: none; width: 100%; max-width: inherit; padding: 0; }
	#product_wrap .container .feature_list li { padding-top: 20px; background: none; border-top: 1px dotted #ece7e1; }
	#product_wrap .container .feature_list li:first-child { margin-top: 0; padding-top: 0; border: none; }
	#product_wrap .container .feature_list li img { display: none; }
	#product_wrap .container .feature_list .note_list { margin-top: 2em; }

	#monitor_wrap { margin: 0 20px; padding-top: 30px; }
	#monitor_wrap .monitor { float: none; width: 100%; max-width: inherit; margin: 0 0 30px; }

	.topics_wrap { margin: 0 20px; }
	.topics_wrap .container { padding: 2em 20px; }
	.topics_wrap .container .topics_lede { text-align: left; }
	.topics_wrap .container .label { margin-bottom: 1em; }
	.topics_wrap .container .text { margin-bottom: 1em; }
}

/* -------------------------------------------
	タブ
---------------------------------------------- */
.tab_nav { margin-top: -41px; background-color: #63439c; }
.tab_nav li { float: left; width: 25%;  max-width: 245px; margin-top: 1px; }
.tab_nav li a,
.tab_nav li p { display: block; padding: 10px 0; }
.tab_nav li a:hover { background-color: #7356a6; text-decoration: none; }
.tab_nav li a span,
.tab_nav li p span { display: block; padding: 0.5em 5px; color: #fff; text-align: center; }
.tab_nav li a span { border-left: 1px solid #8269b0; border-right: 1px solid #543985; }
.tab_nav li:first-child a span { border-left: none; }
.tab_nav li:last-child a span { border-right:none; }
.tab_nav li p { background-color: #fff; }
.tab_nav li:last-child p { margin-right: 1px; }
.tab_nav li p span { color: #63439c; }

@media only screen and (max-width: 767px) {
	.tab_nav { margin: -40px 20px 0; }
	.tab_nav li { float: none; width: 100%;  max-width: inherit; margin-top: 0; }
	.tab_nav li a,
	.tab_nav li p { padding: 1.5em 20px; }
	.tab_nav li a { border-top: 1px solid #8269b0; border-bottom: 1px solid #543985; }
	.tab_nav li:first-child a { border-top: none; }
	.tab_nav li:last-child a { border-bottom:none; }
	.tab_nav li p { border: 1px solid #63439c; }
	.tab_nav li a:hover { background-color: #63439c; }
	.tab_nav li a span,
	.tab_nav li p span { padding: 0; text-align: left; }
	.tab_nav li a span { border: none; background: url(/club-me/common/image/arr_white_l_x2.png) no-repeat center right; background-size: 7px auto; }
	.tab_nav li p span { background: url(/club-me/common/image/arr_under_purple_x2.png) no-repeat center right; background-size: 11px auto; }
}

/* -------------------------------------------
	記事
---------------------------------------------- */
#article_wrap { background-color: #fff; }
#article_wrap #page_title { margin-bottom: 50px; padding: 56px 5px 48px; border-bottom: 1px solid #d9d9d9; text-align: center; }
#article_wrap #page_title img { max-width: 100%; }
#article_wrap #page_title .page_nav { text-align: right; margin: 5px 20px 0 0; }
#article_wrap .container { padding: 0 80px 80px; }
#article_wrap .container .page_nav { text-align: right; margin-bottom: 10px; }

#article_wrap .profile_wrap { margin-bottom: 50px; padding: 40px 50px; background-color: #faf7ff; }
#article_wrap .profile_wrap .thumb { float: right; width: 41.7%; max-width: 300px; margin-left: 12.5%; }
#article_wrap .profile_wrap .thumb img { width: 100%; vertical-align: bottom; }
#article_wrap .profile_wrap .wrap { overflow: hidden; }
#article_wrap .profile_wrap .name { margin-bottom: 1em; color: #522f91; font-size: 128.5%; font-weight: bold; }
#article_wrap .profile_wrap .comment { margin-bottom: 1em; font-weight: bold; }
#article_wrap .profile_wrap .text em { font-weight: bold; }

#article_wrap .headline { margin-bottom: 50px; }
#article_wrap .headline img { width: 100%; }
#article_wrap .subheadline { margin-bottom: 1.25em; padding: 1.1em 20px 1em; background-color: #ece8f3; color: #63439c; font-size: 114.2%; font-weight: bold; }
#article_wrap .article_left { float: left; width: 61%; max-width: 500px; }
#article_wrap .article { margin-bottom: 2.5em; }
#article_wrap .article.color,
#article_wrap .article .color,
#article_wrap dl.article { color: #522f91; }
#article_wrap dl.article dt { float: left; }
#article_wrap dl.article dd { padding-left: 7em; }
#article_wrap .img_left { float: left; width: 33%; max-width: 270px; }
#article_wrap .img_right { float: right; width: 33%; max-width: 270px; }
#article_wrap .img_left img,
#article_wrap .img_right img { width: 100%; vertical-align: bottom; }
#article_wrap .img_right .has_under { margin-bottom: 20px; }
#article_wrap .border_dotted { margin-top: 30px; padding-top: 31px; background: url(../img/dotted.gif) repeat-x left top; }

#article_wrap .under_topics_wrap { padding: 2em 30px; background-color: #f2efec; }
#article_wrap .under_topics_wrap .label { margin-bottom: 1.5em; padding-bottom: 0.5em; border-bottom: 1px solid #d9d1c8; color: #786048; font-weight: bold; }

#article_wrap #banner_wrap { padding-top: 1.25em; border-top: 1px solid #e6e6e6; }
#article_wrap #banner_wrap .label { font-size: 100%; font-weight: bold; margin-top: 0.5em; }
#article_wrap #banner_wrap .banner { margin-top: 0.75em; border: 1px solid #dbdbdb; }
#article_wrap #banner_wrap .banner img { width: 100%; vertical-align: bottom; }

#contents_wrap .return_corner_top { margin-top: 25px; padding-top: 1em; border-top: 1px solid #e8e8e8; text-align: center; color: #64439c; }
#contents_wrap .return_corner_top a { display: inline-block; padding-left: 17px; background: url(../img/arr_back.png) no-repeat 0 47%; }

@media only screen and (max-width: 767px) {
	#article_wrap { margin: 0 20px; }
	#article_wrap #page_title { padding: 34px 0 50px; }
	#article_wrap #page_title img { display: none; }
	#article_wrap .container { padding: 0 20px 40px; }

	#article_wrap .profile_wrap { margin-bottom: 40px; padding: 30px 20px; }
	#article_wrap .profile_wrap .thumb { float: none; width: 100%; max-width: inherit; margin: 0 0 1em; }

	#article_wrap .headline { margin-bottom: 40px; }
	#article_wrap .headline img { display: none; }
	#article_wrap .article_left { float: none; width: 100%; max-width: inherit; }
	#article_wrap .article { margin-bottom: 1.5em; }
	#article_wrap dl.article dt { float: none; margin-bottom: 0.5em; }
	#article_wrap dl.article dd { padding-left: 0; }
	#article_wrap .img_left,
	#article_wrap .img_right { float: none; width: 100%; max-width: inherit; }
	#article_wrap .border_dotted { padding-top: 0; background: none; }

	#article_wrap .under_topics_wrap { margin-top: 30px; padding: 2em 30px; background-color: #f2efec; }
#article_wrap .under_topics_wrap .label { margin-bottom: 1.5em; padding-bottom: 0.5em; border-bottom: 1px solid #d9d1c8; color: #786048; font-weight: bold; }

	#article_wrap #banner_wrap { padding-top: 1em; }
	#article_wrap #banner_wrap .banner { margin-top: 0.75em; }
	#article_wrap #banner_wrap .note { margin-top: 0.5em; font-size: 71.5%; }

	#article_wrap .return_corner_top { margin-top: 30px; }
	#article_wrap .return_corner_top a { padding-left: 17px; background: url(../img/arr_back_x2.png) no-repeat 0 47%; background-size: 14px auto; }
}

/* -------------------------------------------
	ページトップ
---------------------------------------------- */
.pagetop a { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }