@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/barlow');
         
.contents_inner {
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}
.overimg:hover{opacity: 0.5;}
.spnone{display: block;}
.sponly{display: none;}
.f-left{float: left;}
.f-right{float: right;}
.img100{width: 100%;}
.normal{font-weight: normal;}
.justify{text-align: justify;}
.w48per{width: 48%;}
.w30per{width: 30%;}
.w48per img{width: 100%;}
.w66per{width: 66%;position: relative;}
.w80per{width: 80%;margin: 0 auto;}
.w90per{width: 90%;margin: 0 auto;}
.white{color:#ffffff;}
.shadow{filter: drop-shadow(4px 4px 5px  rgba(0, 0, 0, 0.32));}
.right_btn{float: right;width: 46%;margin: 2em 0;display: block;}
.left_btn{float: left;width: 46%;margin: 2em 0;display: block;}
.center_btn{width: 46%;margin: 2em auto;display: block;}
.sec_up{position:inherit;z-index: 100;}
.black{color:#000000;}
.center{text-align: center;}



/* section_01 */
.section_01{background-image: url("../img/sec_01_back_pc.webp");background-repeat: no-repeat;background-size: cover;}
/* news */
.news_left{width: 15%;float: left;}
.news_left img{width: 70px;}
#news{width: 75%;float: right;padding: 5%;background-color: #ffffff;}

.news_back{background-image: url("../img/sec_01_back_bottom_pc.svg");background-repeat: no-repeat;background-size: contain;background-position: bottom;}
#news dl a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 1em;
    margin-bottom: 1em;
	margin-top: 1em;
	border-bottom: solid 1px #808080;
	color: #000000;
	position: relative;
	width: 100%;
}
#news dl:last-of-type {
    margin-bottom: 0;
}
/* 右矢印アイコン */
#news dl .arrow {
  width: 28px;
  height: 28px;
  min-width: 28px;
 position: absolute;
  display: inline-block;
	right:2%;
}

#news dl .arrow::before{
	content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  border-top: 1px solid #970b31;
  border-right: 1px solid #970b31;
  transform: translate(-50%, -50%) rotate(45deg);}
#news dl dt span {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0em;
	width: 130px;
}

#news dl dd {
    font-size: 1.04em;
    line-height: 1.5;
	display: block;
    transition:all 0.3s;margin-right: 4em;
}
#news dl a:hover {
    color: #003894;
}
.news_more{ display: inline-block;
    align-items: center;
    padding-bottom: 1em;
    margin-bottom: 1em;
	margin-top: 1em;
	border-bottom: solid 1px #808080;
	color: #000000;
	position: relative;
	padding-right: 4em;
	float: right;
	transition:all 0.3s;
	padding-left: 2em;
}
.news_more .arrow {
  width: 28px;
  height: 28px;
  min-width: 28px;
 position: absolute;
  display: inline-block;
	right:5%;
}
.news_more .arrow::before{
	content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  border-top: 1px solid #970b31;
  border-right: 1px solid #970b31;
  transform: translate(-50%, -50%) rotate(45deg);}


/* section_02 */
.section_02{position: relative;}
.shop_back{width: 30%;left:0;top:350px;position: absolute; z-index: 5;}
.shop_left{width: 15%;float: left;}
.shop_left img{width: 70px;}
#shop{width: 85%;float: right;}




.sec_komi{font-size: 1.4em;font-weight: bold;text-align: center;margin: 0.6em 0;}


/* section_03 */
.section_03{margin:0 auto;background-image: url("../img/sec_03_back_pc.webp");
	background-repeat: no-repeat;background-size: cover;background-position: center; }
.sec_03_midashi{font-size: 1.8em;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-weight: normal;line-height: 1.2em; margin: 2em 0 1em;text-align: center;}
.sec_03_button{display: block; margin-top: 4em;}


/* section_04 */
.section_04{margin:5em auto 0;background-image: url("../img/sec_04_back_pc.webp");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;max-height: 800px;}
.section_04_02{margin:50px auto;background-image: url("../img/sec_04_back_02_pc.webp");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;height: 600px;}
.sec_04_img_box{background-size: contain;background-image: url("../img/sec_04_img01_pc.webp");background-repeat: no-repeat;height: auto;padding: 5%;width: 100%;position: relative;}
.fuku{position: relative;width: 50%;padding-bottom: 200px;padding-left: 60%;}
.sec_04_img{width:50%;padding-left: 46%;padding-top: 10px;}
.sec_04_img_box p{padding-left: 53%;padding-top: 0px;width:50%;line-height: 1.8em;}
.sec_04_btn{padding-left: 36%;display: block; width:50%;}
.limited_left{width: 15%;float: left;margin-top: -100px;}
.limited_left img{width: 70px;}
#limited{width: 85%;float: right;}


/* section_05 */
.section_05{margin:0 auto;background-image: url("../img/sec_05_back_pc.webp");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;}
.about_img{position: relative;margin-top: -120px;}
.about_btn{display: block; width: 30%;position: absolute;bottom:100px;right: 100px;}


/* section_06 */
.section_06{margin:0 auto;background-image: url("../img/sec_06_back_pc.svg");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;}
.sec_ttl_center{text-align: center;}
.sec_ttl_center img{height: 120px}
.box-item03{position: relative;}
.box-item03 div.center{text-align: center;}
.box-item03 img.ranking_no{width: 25%;margin: 0.6em 0;}
.box-item03 img{width: 100%;margin-bottom: 0.6em;}
.ranking_ttl{color: #000000;font-size: 1.14em;margin: 0.2em 0 0;}
.ranking_price{font-size: 1.3em;}

/* section_07 */
.section_07{margin:0 auto;background-image: url("../img/sec_07_back_pc.webp");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;}
.sec_ttl_center img.column{width: 70px; height: auto;margin-bottom: 2em;}
.column_ttl{color: #000000;font-size: 1.14em;margin: 0.2em 0;}
.column-bk-img{
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 2%;
}
.column_btn{float: right;width: 30%;}

/* section_08 */
.section_08{margin:130px auto 0;background-image: url("../img/sec_08_back_pc.webp");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;height: 500px;}
.company_btn{float: right;width: 50%;position: relative;}
.company_btn img{position: absolute; margin-top: -70px;width: 100%;}



.ft_navi p a{color:#ffffff;text-decoration: underline;}
.thanks_h2{text-align: center;font-size:2.0em;color:#aa2320;}
.thanks_h3{text-align: center;font-size:1.2em;margin-bottom: 3%;}

.image_block{margin: 0;height: auto;}
.image_block img {
	max-width: 100%;
}
.image_block a {
	width:100%;
	margin:0.2%;
	display: inline-block;
}
.bk-img {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/no_image.svg");
}

.hlTitle h2{text-align: center;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size: 2.2em;font-weight: normal;margin-bottom: 1em;}
.w66per p{font-size: 1.2em;line-height: 1.6em;margin-bottom: 1.2em;text-align: justify;}
.baseTable{border: solid 1px #000000;width: 70%;margin: 0 auto;padding: 2% 5%;}
.center_btn_w100{width: 46%;margin: 2em auto;display: block;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
.spnone{display: block;}

.sponly{display: none;}
/* section_01 */
.tb_container{width: 90%;}

	
.section_04{max-height: 600px;}
.sec_04_img_box{width: 90%;}
.sec_04_img{width:50%;padding-left: 50%;padding-top: 10px;}
.sec_04_img_box p{padding-left: 53%;width:50%;line-height: 1.6em;}
.sec_04_btn{padding-left: 36%;width:56%;}
.about_btn{width: 32%;bottom:40px;right: 100px;}
.section_08{margin:100px auto 0;height: 400px;}
.company_btn img{position: absolute; margin-top: -70px;}
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.hlTitle h2{text-align: center;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size: 1.6em;font-weight: normal;margin-bottom: 1em;}
.w66per p{font-size: 0.94em;line-height: 1.6em;margin-bottom: 1.2em;margin-top: 1em; text-align: justify;}
.baseTable{border: solid 1px #000000;width: 100%;margin: 0 auto;padding: 2%;}
.top_p{font-size: 0.94em;margin-top: 0.4em;}
.center_btn_w100{width: 100%;margin: 0.6em auto;display: block;}	
	
	
.spnone{display: none;}
.sponly{display: block;}

.f-left{float: none;}
.f-right{float: none;}
.w90per{width: 100%;margin:0 auto;}
.w80per{width: 80%;margin:0 auto;}
.w48per{width: 90%;margin:0 auto 2em;}
.w30per{width: 100%;}
.w66per{width: 100%;position: relative;}	
.lh_l {line-height:1.8 !important;}
.right_btn{float: none;width: 80%;margin: 2em auto;display: block;}
.left_btn{float: none;width: 80%;margin: 2em auto;display: block;}
.center_btn{width: 80%;margin: 2em auto;display: block;}	

/* section_01 */	
/* news */
.news_left{width: 10%;float: left;}
.news_left img{width: 40px;}
#news{width: 78%;padding: 3%;}
.news_back{background-image: url("../img/sec_01_back_bottom_sp.svg");background-repeat: no-repeat;background-size: contain;background-position: bottom;}
#news dl a {
    display: block;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0.6em;
    margin-bottom: 0.6em;
	margin-top: 0.6em;
	border-bottom: solid 1px #808080;
	color: #000000;
	position: relative;
	width: 100%;
}
#news dl:last-of-type {
    margin-bottom: 0;
}
/* 右矢印アイコン */
#news dl .arrow {
  width: 28px;
  height: 28px;
  min-width: 28px;
 position: absolute;
  display: inline-block;
	right:2%;
}

#news dl .arrow::before{
	content: "";
  position: absolute;
  top: 00%;
  left: 50%;
  width: 13px;
  height: 13px;
  border-top: 1px solid #970b31;
  border-right: 1px solid #970b31;
  transform: translate(-50%, -150%) rotate(45deg);}
#news dl dt span {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0em;
	width: 130px;
}

#news dl dd {
    font-size: 0.84em;
    line-height: 1.3;
	display: block;
    transition:all 0.3s;margin-right: 3em;
}
#news dl a:hover {
    color: #003894;
}
.news_more{ display: inline-block;
    align-items: center;
    padding-bottom: 0.6em;
    margin-bottom: 0.6em;
	margin-top: 0.6em;
	border-bottom: solid 1px #808080;
	color: #000000;
	position: relative;
	padding-right: 4em;
	float: right;
	transition:all 0.3s;
	padding-left: 2em;
	font-size: 0.84em;
}
.news_more .arrow {
  width: 28px;
  height: 28px;
  min-width: 28px;
 position: absolute;
  display: inline-block;
	right:2%;
}
.news_more .arrow::before{
	content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 13px;
  border-top: 1px solid #970b31;
  border-right: 1px solid #970b31;
  transform: translate(-50%, -80%) rotate(45deg);}
	
/* section_02 */
.section_02{position: relative;}
.shop_back{width: 60%;left:-50px;top:350px;position: absolute; z-index: 5;}
.shop_left{width: 10%;float: left;position: absolute;top:0;left:3%;z-index: 10;}
.shop_left img{width: 40px;}
#shop{width: 100%;float: none;padding-top: 20px;}
	
/* section_03 */
.section_03{background-image: url("../img/sec_03_back_sp.webp");
	background-repeat: no-repeat;background-size: cover;background-position: center; }
.sp_sec03_img{width: 100vw;margin: -50px calc(50% - 50vw) 0;}
.sec_03_midashi{font-size: 1.4em;margin: 1em 0 1em;text-align: center;}
.sec_komi{font-size: 1.2em;margin: 0.4em 0;}	

/* section_04 */
.section_04{margin:0em auto 0;background-image: url("../img/sec_04_back_sp.webp");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;max-height: 450px;padding: 40% 0 0;}
.section_04_02{margin:30px auto;background-image: url("../img/sec_04_back_02_sp.webp");
	background-repeat: no-repeat;background-size: contain;background-position: center; position: relative;height: 460px;}
.sec_04_img_box{background-size: 100vw;background-image: url("../img/sec_04_img01_sp.webp");background-repeat: no-repeat;height: auto;padding: 15% 0% 26%;width: 100vw;position: relative;margin: 0 calc(50% - 50vw) 0;}
.fuku{position: relative;width: 50%;padding-bottom: 0px;padding-left: 50%;margin-top: -10%;}
.sec_04_img{width:70%;padding-left: 15%;padding-top: 0%;margin: 0 auto;}
.sec_04_img_box p{padding-left: 20%;padding-top: 0px;width:60%;line-height: 1.4em;font-size: 0.84em;}
.sec_04_btn{padding-left: 7%;display: block; width:80%;}
.limited_left{width: 10%;float: left;margin-top: -50px;}
.limited_left img{width: 40px;}
#limited{width: 85%;float: right;}

	
/* section_05 */
.about_img{position: relative;width: 100vw;margin: -70px calc(50% - 50vw) 0;}
.about_btn{display: block; width: 50%;position: absolute;bottom:0px;right: 30px;}

/* section_06 */
.section_06{margin:0 auto;background-image: url("../img/sec_06_back_sp.svg");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;}
.sec_ttl_center{text-align: center;}
.sec_ttl_center img{height: 70px}
.ranking_ttl{font-size: 0.90em;}
.ranking_price{font-size: 1.14em;}

/* section_07 */
.sec_ttl_center img.column{width: 40px; height: auto;margin-bottom: 2em;}
.column_ttl{color: #000000;font-size: 0.9em;margin: 0.2em 0;}
.column-bk-img{
    width: 100%;
    height: 160px;
}
.column_btn{float: right;width: 46%;}

/* section_08 */
.section_08{margin:0px auto 0;background-image:none;background-position: top center; position: relative;padding-bottom: 0%; height: auto;}
.company_btn{float: none;position: relative;}
.company_btn img{position: relative; margin-top:0px;width: 100vw;margin: 0px calc(50% - 50vw) 0;}





}