@charset "UTF-8";

/* CSS Document */
#cmeCont{font-family:'Noto Serif JP',serif;font-weight:400;}
.main_image img{position:relative;left:50%;margin-left:-710px;}
.main_image {overflow: hidden;min-width: 0;}
#cmeCont{padding:0;}
.titleArea{margin-bottom:10px;}
.contents_wrap{width:100%;max-width: 1195px;margin:0 auto;}
.main_text p{color:#222;font-size:158.34%;line-height:2.158;text-align:center;}
.main_text p + p{padding-top:1.4em;}
.bg_img{background:url(../img/bg.jpg) no-repeat;background-position: center top -16px;}
#flower_sec{padding: 0 0 11.5em;}
#flower_sec .sub_title{color:#53443d;font-size:450%;font-weight:normal;padding:1em 0 1.55em;}
#flower_sec .sub_title span{font-size:33.35%;color:#222;padding-left:30px;}
#flower_sec .item_cov{display: flex;flex-wrap: wrap;}
#flower_sec .item_cov .col{width: 28.452%;margin-top:8.7em;margin-left: 7.113%;}
#flower_sec .item_cov .col:nth-child(3n+1) {margin-left: 0;}
#flower_sec .item_cov .col:nth-child(-n+3) {margin-top: 0;}
#flower_sec .item_cov .col a{display: block;transition: all 0.3s ease;}
#flower_sec .item_cov .col a:hover{opacity: 0.75;}
#flower_sec .item_cov .col .col_inner{position:relative;box-shadow:23px 23px 23px 0px rgba(0,0,0,0.09);-webkit-box-shadow:23px 23px 23px 0px rgba(0,0,0,0.09);-moz-box-shadow:23px 23px 23px 0px rgba(0,0,0,0.09);}
#flower_sec .item_cov .col img{width:100%;}
#flower_sec .item_cov .col .vol_num{position:absolute;top:-2em;right:-2em;width:26.18%;}
#flower_sec .item_cov .col .vol_num img{width:100%;}
#flower_sec .item_cov .col .item_text{font-size:141.7%;text-align:center;font-weight:bold;color:#333333;padding-top:20px;}
.clearfix:after{content:"";clear:both;display:block;}
#bottomShare{display:flex;justify-content:center;margin:48px 0 0;list-style-type:none;margin:0 0 6.8em;}
#bottomShare li#twitter .box .share,#bottomShare li#facebook .box .share{width:44px;height:44px;margin:0 13px;background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;outline:none;}
#bottomShare li#twitter .box .share{background-color:#1da1f2;background-image:url(/club-me/common/v0006/images/icon_twitter.svg);background-size:25px auto;border-radius:50%;}
#bottomShare li#facebook .box .share{background-image:url(/club-me/common/v0006/images/icon_facebook.svg);background-size:contain;}
@media only screen and (min-width:768px) and (max-width:1200px){
	.main_image img{width: 119.4%;margin-left: -59.6%;}
	#flower_sec{padding: 0 13px 11.5%;box-sizing: border-box;}
	#flower_sec .contents_wrap .item_cov{padding:0 13px;}
	.main_text{padding: 0 13px;}
}
@media only screen and (max-width:767px){
	.main_image img{width:100%;left:0;margin:0;left:0;}
	.contents_wrap{padding:0 15px;}
	.main_text p{font-size:116.7%;line-height:1.73;}
	.contents_wrap{padding:0 25px;}
	.main_text{margin:0 -7px;}
	.main_text p + p{padding-top:1.3em;}
	.bg_img{background: none;}
	#flower_sec .item_cov .col{width:46.307%;margin-top:32px !important;}
	#flower_sec .item_cov .col,#flower_sec .item_cov .col:nth-child(3n+1){margin-left: 7.38%;}
	#flower_sec .item_cov .col:nth-child(2n+1){margin-left: 0;}
	#flower_sec .item_cov .col:nth-child(-n+2){margin-top: 0 !important;}
	#flower_sec .item_cov .col .item_text{font-size:104.2%;padding-top:12px;}
	#flower_sec .item_cov .col .col_inner{box-shadow:7px 7px 12px 0px rgba(0,0,0,0.09);-webkit-box-shadow:7px 7px 12px 0px rgba(0,0,0,0.09);-moz-box-shadow:7px 7px 12px 0px rgba(0,0,0,0.09);}
	#flower_sec .sub_title{font-size:250%;text-align:center;padding: 1.3em 0 1.2em;}
	#flower_sec .sub_title span{display:block;}
	#flower_sec .sub_title span{font-size:46.7%;padding-left:0;padding-top:3px;}
	#flower_sec{background:url(../img/bg_sp.jpg) no-repeat;background-size:contain;background-position-y: 2.5%;}
	#flower_sec .item_cov .col .vol_num{top:-1em;right:-1em;width:26.18%;}
	.titleArea{margin-bottom:0;}
	#flower_sec{padding: 0 0 6.5em;}
	.bottomFunc{margin-bottom:40px;}
	#bottomShare{margin:0;}
	#bottomShare li#twitter .box .share,#bottomShare li#facebook .box .share{width:calc(100vw/(750/78));height:calc(100vw/(750/78));margin:0 calc(100vw/(750/35));}
	#bottomShare li#twitter .box .share{background-size:calc(100vw/(750/50)) auto;}
}
