@charset "UTF-8";

/* contents style
-------------------------------------*/
#contents_top #path {
	margin-bottom: 0;
	}
#main {
	overflow: hidden;
	}
#main_inner {
	background: #ECECEC;
	overflow: hidden;
	width: 100%;
	}
	h1.contents_title {
		background: #fff;
		border-bottom: 4px solid #005AAC;
		padding: 10px 0;
		margin-bottom: 0;
		text-align: center;
		}
	#contents #cnav {
		max-width: 960px;
		margin: 50px auto;
		}
h1.contents_title {
    background: #fff none repeat scroll 0 0;
    border-bottom: 4px solid #005aac;
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;
	}


/* detail style
-------------------------------------*/
#contents section {margin-bottom: 60px;}
#contents .day{
	font-size: 14px;
	color: #999;
	margin-bottom: 20px;
	}
/* 文章	 */
#contents .read {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 30px;
	}
	#contents .read a,
	#contents .read03 a {color: #12599f;}
	#contents .read_box {
		border: 1px solid #000;
		padding: 0 3px;
		line-height: 1.2;
		}
	#contents .read_box02 {
		border: 1px solid #12599f;
		padding: 0 3px;
		margin-left: 5px;
		line-height: 1.2;
		}
#contents .read01 {
	font-size: 16px;
	line-height: 1.8;
	}
#contents .read02 {
	text-align: right;
	font-size: 12px;
	margin: 0 0 30px 0;
	}
#contents .read03 {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 10px;
	}
/* ※テキスト */
#contents .kome_t {
	font-size: 13px;
	line-height: 1.8;
	padding-left:1em;
	text-indent:-1em;
	}
/* 改行一文字下げる リスト */
#contents .indent_list {overflow: hidden;}
	#contents .indent_list > li {
		line-height: 1.6;
		padding-left:1em;
		text-indent:-1em;
		margin-bottom: 5px;
		}
	#contents .indent > li:last-child {margin: 0;}
/* 改行一文字下げる */
	#contents .indent {
		padding-left:1em;
		text-indent:-1em;
		}
/* border */
	#contents .dashed_bottom {border-bottom: 1px dashed #cccccc;}
	#contents .border_green {
		border: 2px solid #e6ffef;
		padding: 20px;
		}
	#contents .border_blue {
		border: 2px solid #0D5DAA;
		padding: 20px;
		}
/* title */
	#contents h1.title{
		font-size: 28px;
		font-weight: bold;
		line-height: 1.6;
		margin-bottom: 10px;
		}
	#contents h2 {
		font-size: 24px;
		font-weight: bold;
		border-bottom: 3px solid #0D5DAA;
		margin-bottom: 20px;
		}
	#contents h3 {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 10px;
		padding-left:1.2em;
		text-indent:-1.2em;
		}
		#contents h3:before {
			content: "■";
			padding-right: 0.2em;
			color: #0D5DAA;
			}
		#contents h3.b_no:before {
			content: "" ;
			padding-right: 0;
			}
	#contents .komidashi_t {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
		}
		#contents .komidashi_t:before {
			content: "■";
			padding-right: 5px;
			color: #12599f;
			}
	#contents .midashi_t {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 10px;
		}
	#contents .midashi_normal {
		font-size: 20px;
		margin-bottom: 10px;
		}
/* フォント */
#contents .small_b {font-size: 10px;}
#contents .small_b02 {font-size: 12px;}
#contents .small_b03 {font-size: 14px;}
#contents .read_b {font-size: 18px;}
#contents .read_b02 {font-size: 22px;}

/* アンダーライン青 */
#contents .u_line {border-bottom: 2px solid #0D5DAA;}
/* ラインマーカー */
#contents .marker_lime {background: linear-gradient(transparent 60%, #fef668 60%);}

/* Image side */
#contents .news_area {
	overflow: hidden;
	margin-bottom: 20px;
	clear: both;
	}
	#contents .news_area .txt_box {
		width: 70%;
		float: left;
		margin-right: 2%;
		}
	#contents .news_area .midashi_img {
		width: 28%;
		float: left;
		}
/* 商品3個並び */
#contents .product_list03 {
	overflow: hidden;
	margin: 0 auto 30px;
	}
	#contents .product_list03 > li {
		width : calc(100% / 3) ;
		float: left;
		}
/* Checklist */
#contents .checklist {
	overflow: hidden;
	margin-bottom: 30px;
	}
	#contents .checklist li {
		margin-bottom: 5px;
		font-size: 16px;
		}
/* 画像 */
#contents .img {
	text-align: center;
	width: 100%;
	margin: 0 auto 30px;
	}
#contents .img02 {
	text-align: center;
	width: 100%;
	margin: 0 auto 10px;
	}
#contents .img03 {
	text-align: center;
	width: 100%;
	margin: 0 auto 0;
	}
/* One image　width */
#contents .img_t30 {
    margin: 0 auto 30px;
    width: 30%;
	}
#contents .img_t40 {
    margin: 0 auto 30px;
    width: 40%;
	}
#contents .img_t50 {
    margin: 0 auto 30px;
    width: 50%;
	}
#contents .img_t60 {
    margin: 0 auto 30px;
    width: 60%;
	}
#contents .img_t70 {
    margin: 0 auto 30px;
    width: 70%;
	}
#contents .img_t80 {
    margin: 0 auto 30px;
    width: 80%;
	}
#contents .img_t90 {
    margin: 0 auto 30px;
    width: 90%;
	}
/* Two images */
#contents .img_side {
    margin-bottom: 20px;
    overflow: hidden;
	}
	#contents .img_side li {
	    float: left;
	    width: 48%;
	    margin-right: 4%;
		}
	#contents .img_side li:last-child {margin-right: 0;}

#contents .line_up {overflow: hidden;}
	#contents .line_up li {
		width: 48%;
		margin: 0 4% 20px  0;
		float: left;
		}
	#contents .line_up li:nth-child(2n) {margin-right: 0;}
	#contents .line_up > li > a:hover {
		cursor: pointer !important;
		color: #0D5DAA;
		}
.deoco_img {
	overflow: hidden;
	margin: 0 auto 30px;
	}
	.deoco_img div {
		float: left;
		width: 48%;
		margin-right: 4%;
		}
	.deoco_img div:last-child {
		margin-right: 0;
		font-size: 12px;
		line-height: 1.4;
		}
/* SNS */
#sus_btn {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
	}
	#sus_btn li {
	    display: inline-block;
	    margin-right: 20px;
	    cursor: pointer;
	    width: 56px;
		}
	#sus_btn li:last-child {margin-right: 0;}

/* btn style */
	#contents .btn {
	    clear: both;
	    margin: 40px auto;
	    width: 300px;
		}
	#contents .btn img{width: 100%;}

/* ※ mark */
#contents .kome_m {
	font-size:10px;
	vertical-align: top;
	}
#contents .kome_mb {
	font-size:14px;
	vertical-align: top;
	}
/* ※マーク下 */
#contents .kome_m_bt {font-size:10px;}

/* フォント色 */
#contents .red {color: #cc0000;}
#contents .blue {color: #0D5DAA;}
#contents .green {color: #529f92;}
#contents .pink {color: #d5838a;}
#contents .dark_pink {color: #dd61a0;}


/* 背景色 */
#contents .bg_green {
	background: #f4fdfa;
	overflow: hidden;
	padding: 20px;
	}
#contents .bg_pink {
	background: #fdf8fa;
	overflow: hidden;
	padding: 20px;
	}

#contents .box_shadow_pink {
	padding: 20px;
	border: 1px solid #dd61a0;
	box-shadow:4px 4px 0px 0px #dd61a0;
	margin: 0 auto 30px;
	}
/* text-align center */
#contents .t_center {text-align: center;}
/* インタビュー氏名 */
#interview_info {
	overflow: hidden;
	margin: 0 auto 30px;
	display: table;
	}
	#interview_info .interview_img {
		/* float: left; */
		width: 23%;
		display: table-cell;
		padding-right: 3%;
		}
	#interview_info .interview_img img {width: 100%;}
	#interview_info .txt_box {
		display: table-cell;
		vertical-align: middle;
		width: 77%;
		}
		#interview_info .interview_catch {
			font-size: 16px;
			font-weight: bold;
			}
		#interview_info .department {font-size: 18px;}
		#interview_info .interview_name {font-size: 18px;}

/* 開発者からの声 */
.developer{
	border: 2px solid #adcbe7;
	padding: 30px;
	}
	.developer .developer_img {
		float: right;
		margin: 0 0 30px 30px;
		}
		.developer .developer_txt {
			font-size: 16px;
			line-height: 1.8;
			}
			.developer .developer_name {
				font-size: 18px;
				font-weight: bold;
				margin: 0 auto 10px;
				}
/*プロフィール */
#profile_area {
	overflow: hidden;
	margin: 0 auto 30px;
	display: table;
	width: 100%;
	}
	#profile_area .profile_img {
		width: 15%;
		display: table-cell;
		padding-right: 3%;
		}
	#profile_area .profile_img img {width: 100%;}
	#profile_area .txt_box {
		display: table-cell;
		vertical-align: middle;
		width: 85%;
		}
		#profile_area .txt_box .profile_catch {
			font-size: 16px;
			font-weight: bold;
			}
	#profile_area .profile_img02 {
		width: 15%;
		display: table-cell;
		padding-left: 3%;
		}
	#profile_area .profile_img02 img {width: 100%;}

/*プロフィール 写真右 */
#developer_info {
	overflow: hidden;
	margin: 0 auto 30px;
	}
	#developer_info .developer_img {
		float: right;
		margin: 0 0 30px 30px;
		width: 30%;
		}
#contents .introduction {margin: 0 auto 40px;}

/* お客様の声 */
#contents .voice_cover {
	overflow: hidden;
	margin: 0 auto 30px;
	}
#contents .voice_area {
    position:relative;
    width:83%;
    height:auto;
    background:#FFFDD6;
    color:#333333;
    font-size:16px;
    padding: 20px;
    float: left;
	}
#contents .voice_area:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 253, 214, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:16px;
    border-right-width:16px;
    margin-top: -12px;
    border-left-color:#FFFDD6;
    left:100%;
    top: 35px;
	}
#contents .voice_icon {
	width: 12%;
	float: right;
	}
#contents .user_voice {
	overflow: hidden;
	display: table;
	width: 100%;
	margin: 0 auto 10px;
	}

#contents .voice_cover02 {
	overflow: hidden;
	margin: 0 auto 20px;
	}
#contents .voice_area02{
    position:relative;
    background:#fff;
    text-align:left;
    border:1px solid #529f92;
    padding: 20px;
    color: #529f92;
    width:83%;
    float: right;
	}
	#contents .voice_area02:after,#contents .voice_area02:before{
	    border: solid transparent;
	    content:'';
	    height:0;
	    width:0;
	    pointer-events:none;
	    position:absolute;
	    right:100%;
	    top: 35px;
		}
	#contents .voice_area02:after{
	    border-color: rgba(255, 15, 0, 0);
	    border-top-width:10px;
	    border-bottom-width:8px;
	    border-left-width:14px;
	    border-right-width:14px;
	    margin-top: -13px;
	    border-right-color:#fff;
	}
	#contents .voice_area02:before{
	    border-color: rgba(63, 114, 155, 0);
	    border-top-width:11px;
	    border-bottom-width:9px;
	    border-left-width:15px;
	    border-right-width:15px;
	    margin-top: -14px;
	    margin-right: 1px;
	    border-right-color:#529f92;
		}
#contents .voice_icon02 {
	width: 12%;
	float: left;
	}
#contents .user_voice:last-child {margin: 0 auto 0;}
	#contents .user_voice dt {
		display: table-cell;
		width: 50px;
		vertical-align: top;
		text-align: left;
		}
	#contents .user_voice dd {
		width: calc(100% - 50px);
		display: table-cell;
		vertical-align: top;
		font-size: 16px;
		text-align: left;
		}
/* キャンペーン終了 */
.campaign_end {
    border: 4px solid #ff0000;
    text-align: center;
    padding: 20px;
    color: #ff0000;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 40px;
    line-height: 1.4;
    background: #fff;
	}

/* とこチャレ */
.conversation {
	overflow: hidden;
	margin-bottom: 20px;
	display: table;
	}
	.conversation .conversation_img {
		display: table-cell;
		width: 95px;
		padding-right: 20px;
		vertical-align: top;
		}
	.conversation .conversation_txt {
		font-size: 16px;
		line-height: 1.6;
		display: table-cell;
		vertical-align: top;
		}
.tokochalle	{
	overflow: hidden;
	border: 1px solid #529e91;
	background: url(/-/Media/coco/contents/health/detail/image/fr_241/img-241_09.png) repeat scroll left top;
	}
	.tokochalle .tokochalle_inner {
		background: url(/-/Media/coco/contents/health/detail/image/fr_241/img-241_10.png) no-repeat scroll center top;
		background-size: 100% 100%;
		padding: 30px;
		position: relative;
		overflow: hidden;
		}
	.tokochalle .tokochalle_title {
		text-align: center;
		margin: 0 auto 25px;
		}
	.tokochalle .tokochalle_txt {
		font-size: 17px;
		margin-bottom: 20px;
		}
	.tokochalle .toko_btn {
		background: #529e91;
		font-size: 20px;
		text-align: center;
		width: 300px;
		margin: 0 auto;
		}
	.tokochalle .toko_btn:hover {
		filter: alpha(opacity=70);
		-moz-opacity:0.70;
		opacity:0.70;
		}
		.tokochalle .toko_btn a {
			color: #fff;
			padding: 10px;
			display: block;
			}
		.tokochalle .toko_btn a:hover {text-decoration: none;}
#contents .schedule {
	overflow: hidden;
	margin: 0 auto 10px;
	font-size: 16px;
	}
	#contents .schedule dt {
		width: 24%;
		float: left;
		}
	#contents .schedule dd {margin-left: 25%;}


/* 花粉ステップ */
#contents .kafun {
	display: table;
	margin: 0 auto 30px;
	}
	#contents .kafun li {
		display: table-cell;
		width: 19.5%;
		font-size: 13px;
		line-height: 1.4;
		color: #0D5DAA;
		text-align: center;
		}
	#contents .kafun .arrow {
		width: 5%;
		text-align: center;
		padding: 0 1.5%;
		vertical-align: middle;
		}

/* Youtube動画埋め込み */
#contents .video {
	position:relative;
	width:100%;
	padding-top:56.25%;
	}
	#contents .video iframe {
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
		}
/* 1日のスケジュール */
#schedule {overflow: hidden;}
#schedule > ul > li {margin: 0 auto 10px;}
	#schedule .time_title {
		border: 1px solid #529f92;
		padding: 5px 5px 5px 45px;
		font-size: 20px;
		color: #529f92;
		font-weight: bold;
		}
	#schedule .time_title.t_01 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_04.png) no-repeat scroll left 10px center;
		background-size: 26px 26px;
		}
	#schedule .time_title.t_02 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_05.png) no-repeat scroll left 10px center;
		background-size: 26px 26px;
		}
	#schedule .time_title.t_03 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_06.png) no-repeat scroll left 10px center;
		background-size: 26px 26px;
		}
	#schedule .time_title.t_04 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_07.png) no-repeat scroll left 10px center;
		background-size: 26px 26px;
		}
	#schedule .time_title.t_05 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_08.png) no-repeat scroll left 10px center;
		background-size: 26px 26px;
		}
	#schedule .time_title.t_06 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_09.png) no-repeat scroll left 10px center;
		background-size: 26px 26px;
		}
	#schedule .time_title.t_07 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_10.png) no-repeat scroll left 10px center;
		background-size: 26px 26px;
		}
	#schedule .time_title.t_08 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_11.png) no-repeat scroll left 10px center;
		background-size: 26px 26px;
		}
	#schedule .time_title.t_09 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_12.png) no-repeat scroll left 10px center;
		background-size: 26px 26px;
		}
	#schedule .time_title.t_10 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_13s.png) no-repeat scroll left 10px center;
		background-size: 26px 26px;
		}
	#schedule .time_inner {
		overflow: hidden;
		border-left: 2px dotted #0D5DAA;
		margin-left: 23px;
		padding: 20px;
		}
	#schedule .time_inner.border_no {border: none;}

		#schedule .time_inner .t_point {
			padding: 2px 30px;
			background: #f69fc5;
			border-radius: 10px;
			height: 20px;
			line-height: 20px;
			text-align: center;
			color: #fff;
			display: inline-block;
			margin: 0 auto 10px;
			font-size: 14px;
			}
#contents .list_half {
	overflow: hidden;
	margin: 0 auto 10px;
	}
#contents .list_half > li {
	float: left;
	margin: 0 8% 0 0;
	width: 46%;
	}
	#contents .list_half > li:last-child {margin: 0;}
	#contents .list_half > li img {width: 100%;}
/* 会員登録ボタン */
#contents .touroku_t {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
	}
#contents .touroku_btn {
	width: 420px;
    margin: 0 auto;
    text-align: center;
	}
#contents .btn_horizontal {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 30px;
	}
	#contents .btn_horizontal li {
		float: left;
		width: 48%;
		margin: 0 4% 0 0;
		}
	#contents .btn_horizontal li:last-child {margin: 0;}
/* 会員登録ボタン サイトコアパーツ 設置する時解除 */
#detail_btnarea {overflow: hidden;}
	#detail_btnarea .touroku_t {
	    font-size: 24px;
	    font-weight: bold;
	    margin-bottom: 15px;
	    text-align: center;
		}
	#detail_btnarea .touroku_btn {
	    width: 360px;
	    margin: 0 auto;
		}
		#detail_btnarea .touroku_btn li {
			margin: 0 auto 20px;
			}
		#detail_btnarea .touroku_btn li:last-child {margin: 0;}
#contents .mb_no {margin: 0 auto 0;}




/* Article
-------------------------------------*/
#article {
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	width: 100%;
	/* padding: 20px 10px; */
	padding: 20px;
	}
	#article p.article_t{
		width: 100%;
		font-size: 16px;
		/* border-bottom: 1px solid #ccc; */
		padding: 0 10px 10px 10px;
		text-align: left;
		}
	#article div.article_list {
		/* padding: 10px; */
		padding: 15px 10px 10px;
		width: 31%;
		/* border-left: 1px solid #ccc; */
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		overflow: hidden;
		margin-right: 3.5%;
		}
	/* #article div.article_list:nth-of-type(1){
			border-left: none;
		} */
	#article div.article_list:nth-of-type(3){
		margin-right: 0;
	}
		#article div.article_list p.img {
			/* float: left; */
			/* width: 36.84%; */
			width: 100%;
			/* margin-right: 10px; */
			margin-bottom: 20px;
			}
		#article div.article_list div.txt_box span.title {
			font-size: 11px;
			display: block;
			margin-bottom: 3px;
			}
		#article div.article_list div.txt_box span.title a {color: #0D5DAA;}

		#article div.article_list div.txt_box span.txt {
		font-size: 14px;
		display: inline-block;
		line-height: 1.4;
		margin-bottom: 5px;
		}
	#article > .btn {
		display: none;
		}

/* ▼▼▼ 768px
=====================================*/
@media screen and (max-width: 768px) {

/* contents style
-------------------------------------*/
h1.contents_title {
	background: #fff;
	border-bottom: 4px solid #005AAC;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
	}
h1.contents_title img {width: 35%;}
#contents #cnav {
	max-width: 100%;
	margin: 0 auto;
	}

/* detail style
-------------------------------------*/

#contents section {margin-bottom: 30px;}
	#contents .day{
		font-size: 4.06vw;
		color: #999;
		margin-bottom: 25px;
		}
	#contents .read {
		font-size: 4.37vw;
		line-height: 1.8;
		margin-bottom: 20px;
		}
	#contents .read01 {
		font-size: 4.37vw;
		line-height: 1.8;
		}
	#contents .read02 {
		font-size: 3.125vw;
		line-height: 1.8;
		margin: 0 0 10px 0;
		}
	#contents .read03 {
		font-size: 4.37vw;
		margin-bottom: 10px;
		}

/* title */
#contents h1.title{
	font-size: 5vw;
	font-weight: bold;
	line-height: 1.6;
	}
#contents h2 {
	font-size: 5vw;
	font-weight: bold;
	border-bottom: 3px solid #0D5DAA;
	margin-bottom: 20px;
	}
#contents h3 {
	font-size: 4.37vw;
	font-weight: bold;
	margin-bottom: 10px;
	}
#contents .komidashi_t {
	font-size: 4.37vw;
	font-weight: bold;
	margin-bottom: 10px;
	}
	#contents .komidashi_t:before {
		content: "■";
		padding-right: 5px;
		color: #12599f;
		}
#contents .read_b {font-size: 4.45vw;}
#contents .read_b02 {font-size: 4.8vw;}
/* border */
#contents .border_green {
	border: 1px solid #e6ffef;
	padding: 10px;
	}
	#contents .border_blue {
		border: 1px solid #0D5DAA;
		padding: 10px;
		}
/* Image side */
#contents .news_area {
	overflow: hidden;
	margin-bottom: 20px;
	clear: both;
	}
	#contents .news_area .txt_box {
		width: 100%;
		float: none;
		margin: 0 0 10px 0;
		}
		#contents .midashi_t {
			font-size: 4.37vw;
			margin-bottom: 10px;
			}
	#contents .news_area .midashi_img {
		width: 100%;
		float: none;
		text-align: center;
		}
	#contents .midashi_img img {width: 100%;}

/* 商品3個並び */
#contents .product_list03 {
	overflow: hidden;
	margin: 0 auto 20px;
	}
	#contents .product_list03 > li {
		width : 100% ;
		float: none;
		}




/* Checklist */
#contents .checklist { margin-bottom: 10px;}
	#contents .checklist li {
		margin-bottom: 5px;
		font-size: 4.37vw;
		}
#contents .img {
	text-align: center;
	width: 100%;
	margin: 0 auto 15px;
	}
#contents .img02 {margin: 0 auto 5px;}
/* One image */
#contents .img_t30 {
    margin: 0 auto 20px;
    width: 100%;
	}
#contents .img_t40 {
    margin: 0 auto 20px;
    width: 100%;
	}
#contents .img_t50 {
    margin: 0 auto 20px;
    width: 100%;
	}
#contents .img_t60 {
    margin: 0 auto 20px;
    width: 100%;
	}
#contents .img_t70 {
    margin: 0 auto 20px;
    width: 100%;
	}
#contents .img_t80 {
    margin: 0 auto 20px;
    width: 100%;
	}
#contents .img_t90 {
    margin: 0 auto 20px;
    width: 100%;
	}
/* Two images */
#contents .img_side {
	overflow: hidden;
	margin-bottom: 10px;
	}
	#contents .img_side li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
		}
	.img_side li:last-child {margin: 0;}
#contents .line_up li {
	width: 100%;
	margin: 0 0 20px  0;
	float: none;
	}
#contents .line_up li:nth-child(2n) {margin-right: 0;}

.deoco_img {margin: 0 auto 20px;}
	.deoco_img div {
		float: none;
		width: 100%;
		margin: 0 auto 20px;
		}
	.deoco_img div:last-child {
		margin: 0;
		font-size: 11px;
		}
/* SNS */
#sus_btn {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
	}
	#sus_btn li {
	    display: inline-block;
	    margin-right: 3.12vw;
	    width: 14.37vw;
		}
/* btn style */
#contents .btn {
	width: 90.6vw;
	display: none;
	}
/* text-align center */
#contents .t_center {text-align: center;}
/* ※ mark */
#contents .kome_m {
	font-size: 2.8125vw;
	vertical-align: top;
	}
#contents .kome_t {font-size: 3.28125vw;}
/* ※ small font */
#contents .small_b {font-size: 2.8125vw;}
#contents .small_b02 {font-size: 3.2vw;}
#contents .small_b03 {font-size: 3.4vw;}
/* キャンペーン終了 */
.campaign_end {
	border: 2px solid #ff0000;
	padding: 15px;
	font-size: 1rem;
	width: 100%;
	margin: 0 auto 20px;
	}

/* とこチャレ */
.conversation {margin-bottom: 20px;}
	.conversation .conversation_img {
		width: 22%;
		padding-right: 2%;
		}
	.conversation .conversation_txt {font-size: 4.06vw;}
	.tokochalle .tokochalle_inner {padding: 15px;}
	.tokochalle .tokochalle_title {margin: 0 auto 15px;}
	.tokochalle .tokochalle_txt {
		font-size: 4.06vw;
		margin-bottom: 10px;
		}
	.tokochalle .toko_btn {
		font-size: 4.06vw;
		width: 100%;
		}
#contents .schedule {
	overflow: hidden;
	margin: 0 auto 10px;
	font-size: 4.37vw;
	}
	#contents .schedule dt {
		width: 100%;
		float: none;
		}
	#contents .schedule dd {margin-left: 0;}

/* 開発者からの声 */
.developer{
	border: 1px solid #adcbe7;
	padding: 10px;
	}
	.developer .developer_img {
		float: none;
		margin: 0 auto 10px;
		width: 60%;
		text-align: center;
		}
		.developer .developer_txt {font-size: 4.06vw;}
			.developer .developer_name {
				font-size: 4.37vw;
				margin: 0 auto 10px;
				}
#contents .introduction {margin: 0 auto 30px;}
/* お客様の声 */
#contents .voice_cover {
	overflow: hidden;
	margin: 0 auto 20px;
	}
#contents .voice_area {
    position:relative;
    width:77%;
    padding: 10px;
	}
#contents .voice_area:after{
    border-color: rgba(255, 253, 214, 0);
    border-top-width:8px;
    border-bottom-width:8px;
    border-left-width:12px;
    border-right-width:12px;
    margin-top: -18px;
    border-left-color:#FFFDD6;
    left:100%;
    top: 30px;
	}
#contents .voice_icon {
	width: 17%;
	float: right;
	padding-left: 5px;
	}
	#contents .user_voice dt {
		width: 10%;
		vertical-align: top;
		text-align: left;
		}
		#contents .user_voice dt img {
			vertical-align: top;
			padding-top: 2px;
			}
	#contents .user_voice dd {
		width: 90%;
		padding-left: 10px;
		font-size: 4.06vw;
		}
#contents .voice_area02{
    position:relative;
    padding: 10px;
    width:75%;
	}
#contents .voice_area02:after,#contents .voice_area02:before{top: 30px;}
	#contents .voice_area02:after{
	    border-color: rgba(255, 15, 0, 0);
	    border-top-width:10px;
	    border-bottom-width:6px;
	    border-left-width:12px;
	    border-right-width:12px;
	    margin-top: -12px;
	    border-right-color:#fff;
	}
	#contents .voice_area02:before{
	    border-color: rgba(63, 114, 155, 0);
	    border-top-width:11px;
	    border-bottom-width:7px;
	    border-left-width:13px;
	    border-right-width:13px;
	    margin-top: -13px;
	    margin-right: 1px;
	    border-right-color:#529f92;
		}
#contents .voice_icon02 {
	width: 17%;
	float: left;
	}
/*プロフィール */
#profile_area {margin: 0 auto 15px;}
	#profile_area .profile_img {
		width: 25%;
		display: table-cell;
		padding-right: 3%;
		}
	#profile_area .profile_img img {width: 100%;}
	#profile_area .txt_box {
		vertical-align: middle;
		width: 75%;
		}
		#profile_area .txt_box .profile_catch {font-size: 4.06vw;}

	#profile_area .profile_img02 {
		width: 25%;
		padding-left: 3%;
		}
/*プロフィール 写真右 */
#developer_info {
	overflow: hidden;
	margin: 0 auto 20px;
	}
	#developer_info .developer_img {
		float: none;
		margin: 0 0 10px 0;
		width: 100%;
		}
/* 花粉ステップ */
#contents .kafun {margin: 0 auto 20px;}
	#contents .kafun li {font-size: 3.28125vw;}
/* 1日のスケジュール */
#schedule {overflow: hidden;}
	#schedule .time_title {
		padding: 3px 3px 3px 30px;
		font-size: 4.37vw;
		}
	#schedule .time_title.t_01 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_04.png) no-repeat scroll left 5px center;
		background-size: 16px 16px;
		}
	#schedule .time_title.t_02 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_05.png) no-repeat scroll left 5px center;
		background-size: 16px 16px;
		}
	#schedule .time_title.t_03 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_06.png) no-repeat scroll left 5px center;
		background-size: 16px 16px;
		}
	#schedule .time_title.t_04 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_07.png) no-repeat scroll left 5px center;
		background-size: 16px 16px;
		}
	#schedule .time_title.t_05 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_08.png) no-repeat scroll left 10px center;
		background-size: 16px 16px;
		}
	#schedule .time_title.t_06 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_09.png) no-repeat scroll left 5px center;
		background-size: 16px 16px;
		}
	#schedule .time_title.t_07 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_10.png) no-repeat scroll left 5px center;
		background-size: 16px 16px;
		}
	#schedule .time_title.t_08 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_11.png) no-repeat scroll left 5px center;
		background-size: 16px 16px;
		}
	#schedule .time_title.t_09 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_12.png) no-repeat scroll left 5px center;
		background-size: 16px 16px;
		}
	#schedule .time_title.t_10 {
		background: url(/-/Media/coco/contents/skincare/detail/image/fr_574/img_574_13s.png) no-repeat scroll left 5px center;
		background-size: 16px 16px;
		}
	#schedule .time_inner {
		overflow: hidden;
		border-left: 2px dotted #0D5DAA;
		margin-left: 13px;
		padding: 15px;
		}
		#schedule .time_inner .t_point {
			padding: 2px 20px;
			font-size: 12px;
			}

#contents .list_half > li {
	float: none;
	margin: 0 0 20px 0;
	width: 100%;
	}
	#contents .list_half > li:last-child {margin: 0;}
	#contents .list_half > li img {width: 100%;}

/* 会員登録ボタン */
#contents .touroku_t {font-size: 4.06vw;}
#contents .touroku_btn {
   margin: 0 auto;
    text-align: center;
    width: 85%;
    }

#contents .btn_horizontal {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 20px;
	}
	#contents .btn_horizontal li {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
		}
	#contents .btn_horizontal li:last-child {margin: 0;}

/* 会員登録ボタン サイトコアパーツ 設置する時解除 */
#detail_btnarea {overflow: hidden;}
	#detail_btnarea .touroku_t {
		font-size: 4.06vw;
		margin-bottom: 10px;
		}
	#detail_btnarea .touroku_btn {width: 100%;}
		#detail_btnarea .touroku_btn li img {width: 100%;}

/* Article
-------------------------------------*/
#article{
	padding: 20px 0;
	}
	#article p.article_t{
		font-size: 4.37vw;
		padding: 0 20px 10px;
		border-bottom: 1px solid #ccc;
		}
	#article div.article_list {
		padding: 20px;
		margin-right: 0;
		width: 100%;
		border-top: none;
		border-bottom: 1px solid #ccc;
		}
		#article div.article_list p.img {
			float: left;
			width: 31%;
			margin-right: 20px;
			}
		#article div.article_list div.txt_box span.title {
			color: #0D5DAA;
			font-size: 12px;
			display: block;
			}
		#article div.article_list div.txt_box span.txt {
			font-size: 15px;
			margin-bottom: 5px;
			}

	#article > .btn {
		display: block;
		margin: 20px auto 0;
		width: 82%;
		text-align: center;
		}



}			<link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" />