@charset "UTF-8";


.fo_m{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}


/* ----------------------------------------
	#　トップページ
---------------------------------------- */
#wrap{
font-size: 18px;
}

.pc{
display: inline-block;
}

.tab{
display: none;
}

.smp{
display: none;
}



/* ----------------------------------------
	#　メイン
---------------------------------------- */
#top{
background-image: url("../img/lp_main_bg.jpg");
background-size: 100%;
background-repeat:  repeat-y;
padding-bottom: 100px;
}

#top02{
background-image: url("../img/lp_con03_btm.png"), url("../img/lp_main_bg.jpg");
background-position: center top, center;
background-size: 100%;
background-repeat: repeat-x, repeat-y;
padding-bottom: 150px;
}

.main_box{
position: relative;
}

.main_box img.main{
display: block;
object-fit: cover;
object-position: bottom;
height: 1200px;
width: 100%;
}

.main_top{
position: absolute;
top: 0;
width: 100%;
}

.main_tit{
position: absolute;
width: 92%;
max-width: 1000px;
margin: 0 auto;
top: 10%;
left: 50%;
transform: translate(-50%, 0);
}

.main_100sen{
position: absolute;
width: 300px;
bottom: 35%;
left: 5%;
transform: translate(-5%, 5%);
}

.top_tit{
position: absolute;
width: 92%;
max-width: 1100px;
display: flex;
align-items: center;
justify-content: center;
bottom: -200px;
left: 50%;
transform: translate(-50%, 0%);
}

.top_tit{
height: 440px;
background-image: url("../img/main_tit02.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}

.top_tit img{
width: 800px;
}

.top_box{
width: 1000px;
margin: 200px auto 0;
text-align: center;
}

.top_tit span{
font-size: 100px;
font-weight: bold;
display: block;
line-height: 120%;
}

.top_txt{
font-size: 50px;
margin: 50px 0 150px;
}

.top_txt span.color{
display: inline-block;
color: #e25405;
text-decoration: underline;
}

.tyuui{
font-size: 25px;
display: inline-block;
margin-top: 30px;
color: #bf0022;
}

.top_item_inner{
width: 100%;
margin-bottom: 70px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
position: relative;
}

.top_item_inner.no1{
margin-top: 150px;
}

.top_item_inner:last-child{
margin-bottom: 30px;
}

.no01{
position: absolute;
width: 420px;
right: -55px;
top: -85px;
}

.item_img{
width: 48%;
}

.item_txt{
width: 48%;
text-align: left;
}

.name{
font-size: 55px;
line-height: 110%;
margin-bottom: 15px;
}

.name span{
line-height: 120%;
color: #e25405;
font-weight: bold;
}

.cap{
margin: 5px 0;
}

.cap:before{
content: "";
display: inline-block;
vertical-align: baseline;
width: 15px;
height: 15px;
border-radius: 10px;
background-color: #e25405;
margin-right: 5px;
}

.con01{
position: relative;
padding-top: 200px;
background-image: url(../img/lp_con01_hachi.png);
background-repeat: no-repeat;
background-position: center top 5%;
}

.con01 .top_box{
margin-top: 50px;
}

.con01_tit{
font-size: 50px;
font-weight: bold;
line-height: 120%;
text-align: left;
}

.con01_box{
position: relative;
margin-top: 50px;
}

.con01_img{
width: 100%;
max-width: 700px;
margin-left: auto;
}

.con01_img img{
border-radius: 15px;
}

.con01_txt{
position: absolute;
width: 60%;
top: 50%;
left: 0;
transform: translate(0, -50%);
background-color: rgba(255,255,255,0.6);
padding: 50px;
line-height: 180%;
}



/* ----------------------------------------
	#　コンテンツ②
---------------------------------------- */
#con02{
background-image: url("../img/lp_con02_bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-bottom: 500px;
}

.con02_img{
width: 250px;
margin: 0 auto;
padding: 100px 0;
}

.con02_txt{
width: 100%;
padding: 50px 0;
background-color: rgba(0,127,101,0.6);
color: #fff;
text-align: center;
font-size: 20px;
}

.con02_txt p{
line-height: 200%;
}


/* ----------------------------------------
	#　コンテンツ③
---------------------------------------- */
#con03{
display: inline-block;
width: 100%;
background-image: url("../img/six_bg01.png"), url("../img/six_bg02.png"), linear-gradient(#FFED4F 0%, #F09E00 100%);
background-repeat: no-repeat;
background-position: left, right bottom 20%, center;
position: relative;
padding: 10% 0 50px;
}

.con03_top{
position: absolute;
top: 0;
left: 0;
transform: translate(0, -40%);
}

.con03_sp{
position: absolute;
top: 100px;
right: 0;
z-index: 2;
width: 100%;
max-width: 400px;
}

.con03_box{
position: relative;
z-index: 1;
width: 1000px;
margin: 0 auto;
}

.con03_tit{
width: 550px;
margin: 0 50px;
}

.reason{
background-color: #fff;
border-radius: 20px;
padding: 30px 50px;
margin: 50px 0;
}

.reason li{
display: flex;
justify-content: space-between;
align-items: center;
}

.rea_img{
width: 300px;
}

.rea_txt{
width: 570px;
}

.rea_txt h4{
font-size: 25px;
font-weight: bold;
margin-bottom: 10px;
}

.rea_txt h4 span{
font-weight: bold;
display: inline-block;
}

.rea_txt p{
line-height: 180%;
}

.item_box{
width: 900px;
margin: 0 auto;
flex-wrap: wrap;
background-color: rgba(255,255,255,0.5);
border: 1px solid #7A462A;
}

.item_set{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 30px 0;
}

.item_inner{
width: 48.5%;
margin-bottom: 20px;
}

.item_inner .box{
display: flex;
align-items: center;
}

.item_inner .box > div{
margin-left: 10px;
}

.item_inner .set_img{
width: 170px;
}

.item_inner .txt{
font-size: 24px;
text-align: left;
line-height: 120%;
}

.item_inner .txt > span{
display: inline-block;
line-height: 120%;
}

.item_inner .txt > span span{
color: #e25405;
line-height: 120%;
}

.buy_btn{
margin-top: 10px;
}

.buy_btn a{
display: inline-block;
width: 100%;
padding: 10px 20px 10px 10px;
border-radius: 25px;
background-color: #fff;
color: #E25405;
font-size: 18px;
font-weight: bold;
text-align: center;
position: relative;
}

.buy_btn a:before{
content: "";
position: absolute;
width: 25px;
height: 25px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #E25405;
vertical-align: middle;
right: 15px;
top: 13px;
}

.buy_btn a:after{
content: "";
position: absolute;
right: 25px;
top: 21px;
width: 7px;
height: 7px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
}

.item_box p{
width: 100%;
padding: 10px 0;
text-align: center;
background-color: #7A462A;
color: #fff;
font-size: 20px;
}


/* ----------------------------------------
	#　コンテンツ④
---------------------------------------- */
#con04{
background-image: url("../img/lp_con03_btm.png"), url("../img/con04_bg.jpg");
background-position: center top, right bottom;
background-size: auto, 1000px;
background-repeat: repeat-x, no-repeat;
background-color: #FFEB9C;
padding: 200px 0 100px;
}

.con04_hed{
position: relative;
}

.con04_pan{
width: 50%;
max-width: 700px;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
z-index: 0;
}

.con04_tit{
width: 600px;
margin-left: 40%;
padding: 30px 0;
border-top: 1px dashed #493D37;
border-bottom: 1px dashed #493D37;
position: inherit;
z-index: 1;
}

.con04_hed h2{
display: flex;
align-items: flex-start;
justify-content: center;
}

h2 img{
width: 130px;
}

h2{
font-size: 65px;
font-weight: bold;
line-height: 120%;
}

h2 span{
font-size: 35px;
display: block;
font-weight: bold;
}

.tit_txt{
text-align: center;
line-height: 180%;
margin-top: 15px;
}

.con04_box{
width: 1000px;
margin: 100px auto 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
z-index: 1;
}

.con04_box li{
width: 32%;
margin-bottom: 30px;
text-align: center;
font-size: 18px;
}


/* ----------------------------------------
	#　コンテンツ⑤
---------------------------------------- */
#con05{
background-image: url("../img/con05_bg.jpg");
background-size: 100%;
padding-bottom: 150px;
}

.con05_hed{
width: 100%;
height: 400px;
background-image: url("../img/con05_hed.jpg");
background-size: cover;
background-position: center;
display: flex;
align-items: center;
}

.con05_tit{
width: 550px;
margin-left: 5%;
padding: 30px 0;
border-top: 1px dashed #493D37;
border-bottom: 1px dashed #493D37;
text-align: center;
line-height: 120%;
font-weight: bold;
}

.con05_tit span{
display: block;
}

.con05_box{
width: 1000px;
margin: 80px auto 0;
padding: 50px;
background-color: #fff;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, .3);
}

.con05_ossm{
position: relative;
}

.con05_ossm .tit{
width: 680px;
}

.con05_ossm .shatyo{
width: 220px;
position: absolute;
top: -38px;
right: -30px;
}

.ossm_box{
margin: 30px 0 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-top: 3px solid #D56404;
border-bottom: 3px solid #D56404;
}

.ossm_box li{
width: 50%;
padding: 15px 30px;
text-align: center;
border-right: 2px dotted #D56404;
border-top: 2px dotted #D56404;
}

.ossm_box li:nth-child(2n){
border-right: none;
}

.ossm_box li:nth-child(-n+2){
border-top: none;
}

.ossm_box li img{
width: 220px;
}

.ossm_box h4{
margin-top: 10px;
font-size: 25px;
color: #D56404;
}

.ossm_box p{
font-size: 18px;
}

.housou_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.housou_inner01{
width: 100%;
margin: 30px 0 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.name_h{
width: 100%;
margin-bottom: 30px;
border-bottom: 1px solid #E25405;
font-size: 25px;
font-weight: bold;
display: inline-block;
}

.name_h:before{
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: #E25405;
border-radius: 10px;
margin-right: 10px;
}

.housou_inner01 .l{
width: 47%;
}

.housou_inner01 .l p{
margin-top: 15px;
}

.housou_inner01 .r{
width: 50%;
}

.housou_inner01 table{
text-align: center;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
}

.housou_inner01 table th{
background-color: #FFF7D7;
}

.housou_inner01 table th,
.housou_inner01 table td{
padding: 5px 10px;
}

.housou_inner01 table th,
.housou_inner01 table td:nth-child(2){
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}

.housou_inner01 table td:nth-child(1){
width: 20%;
border-right: 1px dashed #999999;
border-bottom: 1px solid #999999;
}

.housou_inner01 .r p{
margin-top: 15px;
padding: 5px;
background-color: #FFFBDA;
border: 2px solid #E50012;
text-align: center;
font-size: 14px;
font-weight: bold;
}

.housou_inner02{
width: 48%;
display: flex;
flex-direction: column;
}

.housou_inner02 p{
flex: auto;
}

.housou_img{
width: 230px;
margin: 0 auto;
}


/* ----------------------------------------
	#　コンテンツ⑥
---------------------------------------- */
#con06{
display: inline-block;
width: 100%;
background-image: url("../img/six_bg03.png"), linear-gradient(#FFED4F 0%, #F09E00 100%);
background-size: 100%, auto;
background-position: bottom, center;
background-repeat: no-repeat;
position: relative;
padding-bottom: 100px;
}

.con06_top {
width: 40%;
position: absolute;
top: 0;
right: 0;
transform: translate(0, -20%);
}

.con06_hed{
width: 1000px;
margin: 0 auto;
padding: 100px 0 150px;
text-align: right;
position: relative;
}

.con06_hed h2 span{
font-size: 65px;
display: inline-block;
}

.mess_img{
position: absolute;
bottom: 20px;
left: -50px;
}

.con06_hed p{
margin-top: 15px;
}

.con06_box{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.con06_box div{
width: 50%;
}


/* ----------------------------------------
	#　コンテンツ⑦
---------------------------------------- */
#con07{
background-image: url("../img/six_bg04.png"), url("../img/six_bg05.png");
background-position: left bottom -10%, right top;
background-repeat: no-repeat, no-repeat;
padding-top: 80px;
}

.con07_hed{
text-align: center;
}

.con07_hed img{
width: 100%;
max-width: 300px;
}

h3{
font-size: 45px;
font-weight: bold;
color: #5E3A1C;
text-align: center;
}

h3 span{
font-weight: bold;
display: inline-block;
}

.con07_box{
width: 1000px;
margin: 0 auto;
padding: 80px 0;
}

.con07_inner{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 100px;
}

.con07_inner div{
width: 49%;
}

.con07_inner p{
line-height: 180%;
margin-bottom: 50px;
}

.media h3{
margin-bottom: 15px;
}

.media > div{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.media > div img{
width: 24%;
margin-top: 15px;
}


/* ----------------------------------------
	#　フッター
---------------------------------------- */
footer{
background-image: url("../img/lp_main_bg.jpg");
background-size: 100%;
background-repeat: repeat-y;
}

.honey_box{
display: flex;
}

.honey_box div{
width: 34%;
height: 400px;
}

.honey_box div img{
object-fit: cover;
height: 400px;
}

.foot_box{
width: 1000px;
margin: 100px auto;
text-align: center;
}

.foot_txt p:nth-child(1){
font-size: 40px;
}

.foot_txt p:nth-child(2){
font-size: 25px;
}

.foot_txt p:nth-child(2) span{
color: #E25405;
}

.fot_item{
margin-top: 50px;
padding-top: 50px;
border-top: 2px dotted #8C4613;
}

.fot_item:nth-of-type(5){
border-bottom: 2px dotted #8C4613;
padding-bottom: 50px;
margin-bottom: 50px;
}

.fot_item div{
display: flex;
justify-content: space-between;
align-items: center;
}

.fot_item div img{
width: 49%;
}

.fot_item .buy_btn,
.top_item_inner .buy_btn{
width: 100%;
max-width: 500px;
margin: 30px auto 0;
}

.fot_item .buy_btn a,
.top_item_inner .buy_btn a{
background-color: #E25405;
color: #fff;
}

.fot_item .buy_btn a:before,
.top_item_inner .buy_btn a:before{
background: #fff;
}

.fot_item .buy_btn a:after,
.top_item_inner .buy_btn a:after{
border-top: 2px solid #E25405;
border-right: 2px solid #E25405;
}

.shoplink{
width: 900px;
margin: 80px auto ;
}

.foot_logo{
width: 100%;
height: 350px;
padding-top: 30px;
background-image: url("../img/footer.png");
background-size: cover;
background-position: center top;
display: flex;
justify-content: center;
align-items: center;
}

.foot_logo img{
width: 250px;
}


/* ----------------------------------------
	#　トップへ戻るボタン
---------------------------------------- */
#topBtn {
position: fixed;
bottom: 20px;
right: 20px;
display: block;
text-align: center;
z-index: 99;
}

.topBtn {
width: 55px;
height: 55px;
position: relative;
display: inline-block;
border-radius: 30px;
background-color: #ff9d0f;
border: 1px solid #fff;
color:#fff;
vertical-align: middle;
}

.topBtn:before,
.topBtn:after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.topBtn:before {
left: 18px;
top: 10px;
width: 15px;
height: 15px;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}









/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●　タブレット　769〜1024　●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and ( max-width : 1024px ) {


/* ----------------------------------------
	#　共通
---------------------------------------- */
.pc{}
.tab{display: block;}
.smp{display: none;}

#wrap{
width: 100%;
letter-spacing: 0.05em;
position: relative;
overflow: hidden;
}

h3{
font-size: 35px;
}

/* ----------------------------------------
	#　メイン
---------------------------------------- */
#top{}

.main_tit{
width: 100%;
}

.main_100sen{
width: 100%;
max-width: 300px;
}

.top_box{
width: 94%;
}

.name{
font-size: 45px;
}

.con01_txt{
width: 60%;
padding: 50px 30px;
}


/* ----------------------------------------
	#　コンテンツ②
---------------------------------------- */
#con02{
padding-bottom: 300px;
}


/* ----------------------------------------
	#　コンテンツ③
---------------------------------------- */
#con03{
}

.con03_sp{
top: 5%;
width: 100%;
max-width: 320px;
}

.con03_box{
width: 94%;
}

.con03_tit{
width: 100%;
max-width: 500px;
margin: 0;
}

.rea_img{
width: 37%;
}

.rea_txt{
width: 60%;
}


.item_box{
width: 94%;
}


/* ----------------------------------------
	#　コンテンツ④
---------------------------------------- */
.con04_pan{
width: 60%;
max-width: 700px;
top: 50%;
left: -10%;
}

.con04_tit{
width: 100%;
max-width: 600px;
margin-left: auto;
}

.con04_box{
width: 94%;
}


/* ----------------------------------------
	#　コンテンツ⑤
---------------------------------------- */
#con05{

}

.con05_tit{
margin-left: 0;
}

.con05_box{
width: 94%;
padding: 30px;
}


.con05_ossm .tit{
width: 70%;
max-width: 680px;
}

.con05_ossm .shatyo{
width: 25%;
top: auto;
bottom: -30px;
}

.ossm_box li img{
width: 100%;
max-width: 220px;
}

.name_h{
font-size: 23px;
}

.housou_img{
width: 100%;
max-width: 230px;
}


/* ----------------------------------------
	#　コンテンツ⑥
---------------------------------------- */
#con06{
padding-bottom: 50px;
}

.con06_hed{
width: 100%;
margin: 0;
padding-left: 3%;
padding-right: 3%;
}

.mess_img{
left: auto;
right: 0;
bottom: 0;
width: 85%;
}

.con06_box{
width: 94%;
}


/* ----------------------------------------
	#　コンテンツ⑦
---------------------------------------- */
#con07{
padding-top: 50px;
}

.con07_box{
width: 94%;
padding: 50px 0 100px;
}

.con07_inner p{
font-size: 15px;
}


/* ----------------------------------------
	#　フッター
---------------------------------------- */
footer{}

.foot_box{
width: 94%;
}

.foot_logo{
height: 300px;
}

.foot_logo img{
width: 100%;
max-width: 250px;
}

	
}





/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●　スマホ　●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and ( max-width : 900px ) {


/* ----------------------------------------
	#　共通
---------------------------------------- */
.pc{display: none;}
.tab{display: none;}
.smp{display: block;}


/* ----------------------------------------
	#　メイン
---------------------------------------- */
#top{
padding-bottom: 50px;
}

#top02{
padding-bottom: 80px;
}

.main_box img.main{
height: 100vh;
width: 100%;
}

.main_100sen{
width: 60%;
max-width: 200px;
}

.top_tit img{
width: 90%;
margin-top: 70px;
}

.top_tit span{
font-size: 65px;
}

.top_txt{
font-size: 35px;
margin-bottom: 100px;
}

.no01{
width: 300px;
right: -40px;
top: -70px;
}

.cap{
font-size: 13px;
margin: 10px 0;
}

.con01{
background-size: 100%;
background-position: right top;
padding-top: 100px;
}

.con01_tit{
font-size: 45px;
}

.con01_txt{
width: 100%;
padding: 30px;
}

.con01_img{
max-width: 100%;
margin-left: 0;
height: 500px;
}

.con01_img img{
border-radius: 15px;
object-fit: cover;
height: 500px;
}


/* ----------------------------------------
	#　コンテンツ②
---------------------------------------- */
#con02{
padding-bottom: 200px;
}

.con02_img{
max-width: 180px;
width: 100%;
}

.con02_txt{
padding: 30px 5%;
}


/* ----------------------------------------
	#　コンテンツ③
---------------------------------------- */
.con03_sp{
top: 10vw;
width: 40%;
}

.con03_tit{
max-width: 400px;
}

.reason{
padding: 50px 5% 30px;
}

.reason li{
margin-bottom: 30px;
}

.reason li:last-child{
margin-bottom: 0;
}

.rea_txt h4{
font-size: 23px;
line-height: 120%;
}

.rea_txt p{
line-height: 150%;
font-size: 14px;
}

.item_box p{
font-size: 16px;
padding-left: 3%;
padding-right: 3%;
}

.item_set{
padding-left: 3%;
padding-right: 3%;
}

.buy_btn a{
font-size: 16px;
}

.buy_btn a:before{
top: 22%;
}

.buy_btn a:after{
top: 40%;
}


/* ----------------------------------------
	#　コンテンツ④
---------------------------------------- */
#con04{
background-size: contain, 100%;
padding-top: 100px;
}

.con04_pan{
left: -15%;
max-width: 600px;
}

.con04_tit{
max-width: 550px;
}

h2{
font-size: 50px;
}

h2 span{
font-size: 28px;
}

.tit_txt{
margin-top: 0;
}

.con04_box{
margin-bottom: 0;
margin-top: 70px;
}

.con04_box li{
font-size: 14px;
}


/* ----------------------------------------
	#　コンテンツ⑤
---------------------------------------- */
#con05{
padding-bottom: 100px;
}

.con05_tit{
width: 100%;
max-width: 450px;
}

.con05_box{
margin-top: 50px;
}

.ossm_box h4{
font-size: 23px;
}

.ossm_box li{
padding: 15px;
}

.ossm_box li img{
max-width: 180px;
}

.ossm_box p{
font-size: 14px;
}

.name_h {
font-size: 20px;
margin-bottom: 15px;
}

.housou_inner01 table th,
.housou_inner01 table td{
font-size: 15px;
}


/* ----------------------------------------
	#　コンテンツ⑥
---------------------------------------- */
#con06{

}

.con06_hed{
padding: 50px 3% 100px;
}

.con06_hed h2 span{
font-size: 50px;
}


/* ----------------------------------------
	#　コンテンツ⑦
---------------------------------------- */
#con07{
background-size: 30%, 30%;
}

.con07_hed img{
max-width: 200px;
}


/* ----------------------------------------
	#　フッター
---------------------------------------- */
footer{
}

.shoplink{
width: 94%;
}


}





/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●　スマホ　●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media only screen and (max-width: 600px) {


/* ----------------------------------------
	#　共通
---------------------------------------- */
.pc{display: none;}
.smp{display: block;}


/* ----------------------------------------
	#　トップ
---------------------------------------- */
.main_box{
padding-bottom: 10%;
}

.main_box img.main{
height: 75vh;
}

.main_tit{
top: 10vh;
}

.main_100sen{
max-width: 150px;
left: 0;
}

.top_box{
margin-top: 50px;
}

.top_tit{
font-size: 15vw;
bottom: -150px;
}

.top_tit span{
font-size: 12vw;
}

.top_txt{
font-size: 5.5vw;
margin-top: 20px;
margin-bottom: 50px;
}

.tyuui{
font-size: 18px;
}

p.top_txt,
.top_txt span{
font-weight: bold;
}

.no01{
width: 260px;
top: -45px;
}

.top_item_box{
flex-direction: column;
}

.top_item_inner{
width: 100%;
margin-bottom: 50px;
flex-direction: column;
}

.item_img, .item_txt{
width: 100%;
text-align: center;
}

.name{
font-size: 30px;
margin-top: 5px;
font-weight: bold;
}

.con01{
padding-top: 50px;
background-size: 150%;
}

.con01_box{
margin-top: 30px;
}

.con01_tit{
font-size: 30px;
}

.con01_txt{
padding: 30px 15px;
font-size: 14px;
}


/* ----------------------------------------
	#　コンテンツ②
---------------------------------------- */
.con02_img{
max-width: 130px;
padding: 70px 0;
}

.con02_txt{
font-size: 14px;
padding-left: 3%;
padding-right: 3%;
}


/* ----------------------------------------
	#　コンテンツ③
---------------------------------------- */
.reason {
padding-top: 20px;
margin-top: 30px;
margin-bottom: 30px;
}

.reason li{
flex-direction: column;
	margin-bottom: 15px;
}

.reason li:nth-child(2n){
flex-direction: column-reverse;
}

.rea_img{
width: 200px;
}

.rea_txt{
width: 100%;
}

.rea_txt h4{
text-align: center;
}

.con03_tit{
width: 80%;
}

.con03_sp{
top: 25vw;
}

.item_set{
flex-direction: column;
}

.item_inner{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.set_img{
width: 50%;
}

.item_inner .txt{
width: 100%;
text-align: left;
margin-top: 0;
font-weight: bold;
}

.item_inner .txt > span,
.item_inner .txt > span span{
font-weight: bold;
}

.buy_btn{
width: 100%;
}


/* ----------------------------------------
	#　コンテンツ④
---------------------------------------- */
.con04_pan{
top: 0;
}

h2{
font-size: 40px;
}

h2 span{
font-size: 18px;
}

.con04_hed h2{
align-items: center;
}

.con04_hed h2 img{
max-width: 100px;
width: 100%;
}

.tit_txt{
padding: 0 3%;
font-size: 13.5px;
}

.con04_box{
margin-top: 50px;
margin-bottom: 30px;
}

.con04_box li{
width: 48%;
font-size: 13.5px;
margin-bottom: 20px;
}


/* ----------------------------------------
	#　コンテンツ⑤
---------------------------------------- */
#con05{
padding-bottom: 80px;
}

.con05_hed{
height: 300px;
}

.con05_box {
padding-right: 3%;
padding-left: 3%;
}

.con05_tit span{
margin-top: 10px;
}

.con05_ossm .shatyo{
width: 120px;
right: -5%;
}

.ossm_box{
display: block;
}

.ossm_box li{
width: 100%;
border-right: none;
border-bottom: 2px dotted #D56404;
border-top: none;
}

.ossm_box li:last-child{
border-bottom: none;
}

.ossm_box li img{
max-width: 150px;
}

.ossm_box p{
font-size: 13.5px;
}

.housou_box{
display: block;
}

.housou_inner01{
display: block;
margin-bottom: 0;
}

.housou_inner01 .l, .housou_inner01 .r,
.housou_inner02{
width: 100%;
}

.housou_inner01 .l p{
margin-bottom: 15px;
}

.housou_inner01 table th, .housou_inner01 table td{
font-size: 13.5px;
}

.housou_inner02{
margin-top: 30px;
}

.housou_img{
max-width: 180px;
}

.name_h:before{
width: 15px;
height: 15px;
}

.housou_inner02 p{
font-size: 13.5px;
}


/* ----------------------------------------
	#　コンテンツ⑥
---------------------------------------- */
#con06{
background-repeat: repeat-y;
padding-bottom: 30px;
}

.con06_hed p{
font-size: 13.5px;
}

.con06_hed h2 span{
font-size: 40px;
}

.con06_box{
display: block;
}

.con06_box div{
width: 100%;
}

.con06_hed{
padding-bottom: 70px;
text-align: center;
}

.con06_hed p span{
display: inline-block;
}

.mess_img{
left: 0;
width: 100%;
}


/* ----------------------------------------
	#　コンテンツ⑦
---------------------------------------- */
#con07{
background-size: 50%, 50%;
}

h3{
font-size: 30px;
}

.con07_box{
padding-bottom: 50px;
}

.con07_inner{
display: block;
}

.con07_inner div{
width: 100%;
}

.con07_inner p{
font-size: 13.5px;
margin-bottom: 20px;
}

.con07_inner{
margin-bottom: 50px;
}

.media h3{
margin-bottom: 0;
}

.honey_box{
display: block;
}

.honey_box div{
width: 100%;
height: 230px;
margin-bottom: 5px;
}

.honey_box div img {
height: 230px;
}


/* ----------------------------------------
	#　フッター
---------------------------------------- */
.foot_txt p:nth-child(1){
font-size: 32px;
line-height: 120%;
}

.foot_txt p:nth-child(1) span{
display: inline-block;
}

.foot_txt p:nth-child(2){
font-size: 21px;
margin-top: 15px;
}

.fot_item div{
display: block;
}

.fot_item div img{
width: 100%;
}

.fot_item{
margin-top: 30px;
padding-top: 30px;
}

.fot_item .buy_btn,
.top_item_inner .buy_btn{
margin-top: 15px;
}

.foot_box {
margin-bottom: 50px;
}

.foot_logo{
height: 250px;
}


/* ----------------------------------------
	#　トップに戻るボタン
---------------------------------------- */
#topBtn{
right: 10px;
bottom: 10px;
}

}