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

/* -------------------------------------------
	レイアウト
---------------------------------------------- */
#contents_wrap { font-size: 116.6%; }
#contents_wrap .pagetop { font-size: 85.7%; }

@media only screen and (max-width: 767px) {
	#contents_wrap { font-size: 100%; }
	#contents_wrap .pagetop { font-size: 100%; }
}


/* -------------------------------------------
	パーツ
---------------------------------------------- */
.bg_wrap { background-color: #f6f6f6; }
a.button { color: #522f91; background-color: #fff; border: 1px solid #522f91; font-size: 114.3%; }
a.button:hover { background-color: #faf7ff; }
.button .arr { background-image: url(../img/arr.png); margin: 0; }
.border_title { position: relative; height: 17px; margin-bottom: 50px; border-bottom: 1px solid #d9d9d9; text-align: center; }
.border_title span { display: block; position: absolute; width: 100%; }
.border_title span.sp_only { display: none; }
.border_title span img { padding: 0 20px; background-color: #fff; }
.bg_wrap .border_title span img { background-color: #f6f6f6; }

#contents_wrap .return_corner_top { margin-top: 40px; 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) {
	a.button { padding: 18px 0 15px; font-size: 100%; box-sizing: }
	.button .arr { background-image: url(../img/arr_x2.png); background-size: 6px auto; }
	.border_title { height: 12px; }
	.border_title span.sp_only { display: block; }
	.border_title span.pc_only { display: none; }
	.border_title span img { height: 25px; }

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


/* -------------------------------------------
	扉
---------------------------------------------- */
#head_wrap { padding-top: 30px; background: url(../img/bg_head_wrap_top.png) no-repeat right top; max-width: 1460px; margin: 0 auto; }
#head_wrap .container { padding-bottom: 40px; background: url(../img/bg_head_wrap_btm.png) no-repeat left bottom; }
#head_wrap .label { margin: 70px 0 30px; }
#head_wrap .label img { width: 100%; }
#head_wrap .text { width: 49.6%; float: left; font-size: 114.3%; }
#head_wrap .thumb { width: 50%; float: right; }
#head_wrap .thumb img { width: 100%; }

@media only screen and (max-width: 767px) {
	#head_wrap { padding-top: 35px; background-image: url(../img/bg_head_wrap_top_x2.png); background-size: 220px auto; }
	#head_wrap .container { padding-bottom: 22px; background-image: url(../img/bg_head_wrap_btm_x2.png); background-size: 212px auto; }
	#head_wrap .unit { padding: 0 20px; }
	#head_wrap .label { margin: 0 0 25px; background: url(../img/label_lede_x2.png) no-repeat center top; background-size: 250px auto; height: 88px; margin-bottom: 25px; }
	#head_wrap .label img { display: none; }
	#head_wrap .text { width: 100%; float: none; }
	#head_wrap .thumb { width: 100%; float: none; margin-top: 25px; }
}


/* -------------------------------------------
	ヘッダーラップ
---------------------------------------------- */
.product_wrap { padding: 60px 0 50px; }
.product_wrap .control { display: none; }
.product_wrap .product_wrap_head { color:#522f91; font-size: 171.4%; font-weight: bold; margin-bottom: 20px; text-align: center; }
.product_wrap .product_wrap_subhead { font-size: 114.3%; margin-bottom: 40px; text-align: center; }
.product_wrap .product_item { float: left; width: 30.6%; border-right: 1px solid #e0e0e0; padding: 0 1.9% 20px; margin-bottom: 40px; text-align: center; }
.product_wrap.under .product_item { margin-bottom: 0; }
.product_wrap .product_item.first { padding-left: 0; }
.product_wrap .product_item.last { border-right: 0; padding-right: 0; }
.product_wrap .product_item .thumb img { width: 100%; }
.product_wrap .product_item .label { font-size: 142.9%; font-weight: bold; margin-bottom: 15px; }
.product_wrap .product_item .button { font-size: 85.7%; padding: 15px 0 12px; margin-top: 20px; }
.product_wrap .product_item .link { margin-top: 20px; }

@media only screen and (max-width: 767px) {
	.product_wrap { padding: 40px 20px; }
	.product_wrap.under { padding: 30px 20px 40px; }
	.product_wrap .slide_wrap { position: relative; }
	.product_wrap .container { margin: 0 20px; overflow: hidden; }
	.product_wrap .control { display: block; }
	.product_wrap .control a { display: block; width: 28px; height: 28px; text-indent: 100%; white-space: nowrap;	overflow: hidden; }
	.product_wrap .control .next { position: absolute; top: 50%; right: -10px; }
	.product_wrap .control .prev { position: absolute; top: 50%; left: -10px; }
	.product_wrap.under .control .next { top: 30%; }
	.product_wrap.under .control .prev { top: 30%; }
	.product_wrap .control .next a { background:url(../img/arr_next.gif); background-size: 28px; }
	.product_wrap .control .prev a { background:url(../img/arr_prev.gif); background-size: 28px; }
	.product_wrap .border_title { margin: 0 -20px 40px; }
	.product_wrap .product_item { width: 100%; border: 0; padding: 0; margin-bottom: 30px; }
	.product_wrap .product_item .thumb img { max-width: 438px; }
	.product_wrap .product_item .button { width: 95%; }
}


/* -------------------------------------------
	タブ
---------------------------------------------- */
.page_nav { padding-top: 40px; font-size: 128.6%; }
.page_nav.bottom { border-top: 1px solid #e0e0e0; }
.page_nav ul { border: 1px solid #d6d6d6; background-color: #fff; }
.page_nav.report3 ul { background-color: #522f91; }
.page_nav li { float: left; width: 33.3%; }
.page_nav li span { display: block; text-align: center; border-left: 1px solid #d6d6d6; background-color: #fff; color: #fff; }
.page_nav li:first-child span { border-left: 0; }
.page_nav li.current { background-color: #522f91; }
.page_nav li.current span { padding: 25px 5px; position: relative; background-color: #522f91; }
.page_nav li.current span:after { content: ""; width: 14px; height: 12px; background: url(../img/bg_tab_nav.png) no-repeat; position: absolute; left: 50%; bottom: -12px; margin-left: -7px; }
.page_nav.bottom li.current span:after { display: none; }
.page_nav li a { display: block; text-align: center; background-color: #fff; padding: 25px 5px; }
.product_nav { background-color: #fff; border: 1px solid #d6d6d6; border-top: 0; }
.product_nav ul { text-align: center; padding: 20px 0; border: 0; }
.product_nav ul li { display: inline-block; border-right: 1px solid #d6d6d6; padding: 5px 40px; }
.product_nav ul li:first-child { border-left: 1px solid #d6d6d6; }
.product_nav ul li a { display: inline-block; text-align: left; padding: 0 0 0 15px; background: url(../img/arr_tab.png) no-repeat 0 45%; }

@media only screen and (max-width: 767px) {
	.page_nav { margin: 0 20px; font-size: 100%; }
	.product_nav { background-color: transparent; border: 0; margin: 0 20px; }
	.product_nav ul { padding: 25px 0 0; }
	.product_nav ul li { display: block; border-right: 0; padding: 0; text-align: left; margin-bottom: 10px; }
	.product_nav ul li:first-child { border-left: 0; }
	.product_nav ul li a { border-right: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; padding: 5px 40px; background: url(../img/arr_tab_x2.png) no-repeat 25px 45%; background-size: 6px auto; }

}

/* -------------------------------------------
	記事
---------------------------------------------- */
.product_detail { padding: 60px 0 40px; }
.product_detail .label { background-color: #e5e5e5; text-align: center; margin-bottom: 60px; line-height: 1; }
.product_detail .label span { display: inline-block; background-color: #fff; padding: 0 25px; }
.product_detail .label span.sp_only { display: none; }
.product_detail.bg_wrap .label span { background-color: #f6f6f6; }
.product_detail .product_detail_head { padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; }
.product_detail .product_detail_head .text { width: 60.2%; float: left; }
.product_detail .product_detail_head .head { font-size: 114.3%; font-weight: bold; margin-bottom: 20px; }
.product_detail .product_detail_head .thumb { width: 35.7%; float: right; font-size: 92.9%;  text-align: center; }
.product_detail .product_detail_head .thumb img { width: 100%; }
.product_detail .article { margin-top: 30px; }
.product_detail .article .article_left { width: 60.2%; float: left; }
.product_detail .article .article_right { width: 60.2%; float: right; }
.product_detail .article .img_left { width: 35.7%; float: left; font-size: 92.9%; text-align: center; margin-bottom: 30px; }
.product_detail .article .img_right { width: 35.7%; float: right; font-size: 92.9%; text-align: center; margin-bottom: 30px; }
.product_detail .article .img_left img,
.product_detail .article .img_right img { width: 100%; }
.product_detail .article .attendant { color:#522f91; font-weight: bold; background: url(../img/bg_attendant_gray.png) no-repeat right bottom #f2f2f2; padding: 30px 30px 50px; }
.product_detail .article .editor { background: #fff; padding: 12px 30px 30px; }
.product_detail.bg_wrap .article .attendant { background: url(../img/bg_attendant_white.png) no-repeat right bottom #fff; }
.product_detail.bg_wrap .article .editor { background: #f6f6f6; }
.product_detail .note_list { font-size: 85.7%; padding-top: 40px; border-top: 1px solid #e0e0e0; }
.product_detail .note_list li.note_3em { padding-left: 3.5em; text-indent: -3.5em; }
.product_detail .article .note_list { color: #333; padding-top: 1em; border-top: 0; }
.product_detail .note { font-size: 85.7%; padding-top: 10px; padding-left: 2.1em; text-indent: -2.1em; }
.product_detail .report { background-color: #f0e7ff; padding: 30px 30px 25px; margin-top: 40px; }
.product_detail .report .text { width: 60.9%; float: left; }
.product_detail .report .head { color:#522f91; font-size: 128.6%; font-weight: bold; margin-bottom: 20px; }
.product_detail .report .thumb { width: 34.8%; float: right; font-size: 92.9%; text-align: center; }
.product_detail .report .thumb img { width: 100%; }
.product_detail .report.wide .text { width: 38.6%; }
.product_detail .report.wide .thumb { width: 57.4%; }
.product_detail .report.wide .thumb img { width: 48.6% }
.product_detail .report.wide .thumb img:first-child { padding-right: 2.7% }
.comment p { background-color: #f0e7ff; padding: 40px 30px 30px; margin-bottom: 40px; color:#522f91; font-weight: bold; font-size: 128.6%; text-align: center; }


@media only screen and (max-width: 767px) {
	.product_detail { padding: 50px 0; }
	.product_detail .label { margin-bottom: 40px; }
	.product_detail .label span.sp_only { display: inline-block; }
	.product_detail .label span.pc_only { display: none; }
	.product_detail .label span img{ height: 27px; }
	.product_detail .product_detail_head { margin: 0 20px; }
	.product_detail .product_detail_head .text{ width: 100%; float: none; margin-bottom: 20px; }
	.product_detail .product_detail_head .thumb { width: auto; float: none; margin: 0 9px; }
	.product_detail .article { margin: 25px 20px 0; }
	.product_detail .article + .article { margin-top: 0; }
	.product_detail .article .article_left,
	.product_detail .article .article_right { width: 100%; float: none; }
	.product_detail .article .img_left,
	.product_detail .article .img_right { width: auto; float: none; margin: 15px 9px 25px; }
	.product_detail .article .attendant { padding: 20px 20px 35px; }
	.product_detail .article .editor { padding: 12px 20px 25px; }
	.product_detail .note_list { margin: 0 20px; padding-top: 30px; }
	.product_detail .report { padding: 25px 20px 20px; margin: 30px 20px 0; }
	.product_detail .report .text { width: 100%; float: none; margin-bottom: 15px; }
	.product_detail .report .thumb { width: 100%; float: none; }
	.product_detail .report .thumb img { width: 83.5% }
	.product_detail .report.wide .text,
	.product_detail .report.wide .thumb { width: 100% }
	.product_detail .report.wide .thumb img { width: 83.5% }
	.product_detail .report.wide .thumb img:first-child { padding-right: 0; padding-bottom: 15px; }
	.comment p { font-size: 114.3%; margin: 0 20px 30px; }
}