#sdon{}
.sdon_header{
text-align: center;
background: #fff;
}
.sdon_header_wrap{
width: 1100px;
margin: 0 auto;
position: relative;
height: 500px;
overflow: hidden;
}
.sdon_header_text{
width: 800px;
text-align: center;
background: rgba(0,0,0,0.6);
position: absolute;
transform: translate(-50%, -50%);
top: 60%;
left: 50%;
padding: 3em 0;
}
.sdon_header_text h2{
color: #fff;
font-size: 3em;
}
.sdon_misoshiru{
position: absolute;
top: 165px;
right: 15%;
width: 78px;
transform: rotate(15deg);
}

section.info_top{
background: #f7f4ec;
font-size: 18px;
text-align: center;
padding: 1.6em 0;
}
.sdon_info{}
.sdon_info p{}
.sdon_info p span.small{
font-size: 0.9em;
margin: 0 -0.5em;
}
.sdon_wrap{
display: flex;
flex-wrap: wrap;
width: 1100px;
margin: 0 auto;
font-size: 16px;
}

/* 悩み -----------------------------------------------*/
section.problem{padding: 4em 0;}
.sdon_wrap.problem{
align-items: center;
width: 1200px;
}
.sdon_pr{
order: 2;
width: 40%;
}
.sdon_problem{
order: 1;
width: 57%;
margin-right: 3%;
}
.sdon_wrap.problem h3{
text-align: center;
font-size: 1.3em;
margin-bottom: 0.7em;
}
.problem_wrap{
background: #f1f1f1;
padding: 1em 1em 0.5em;
border-radius: 1em;
margin: 0 0 1em;
}
.sdon_wrap.problem p{margin: 0 0;}


/* オプション -----------------------------------------------*/
section.option{padding: 3em 0 2em;}
.sdon_co.op_top{margin-bottom: 2em;}
.op_top h2{
text-align: center;
font-size: 1.4em;
margin-bottom: 1em;
}
.op_top h2 span{background: linear-gradient(transparent 60%, #fe0 60%);}

section.option h3{
color: #b49844;
font-size: 1.1em;
margin-bottom: 0.5em;
border-left: 5px solid #b49844;
border-bottom: 1px solid #b49844;
padding: 0.2em 0.5em;
}
.sdon_co.op{
width: 100%;
margin-bottom: 2em;
}

.sdon_co.op_1{
width: 52%;
margin-right: 3%;
margin-bottom: 2em;
}
.op_map{
width: 45%;
height: 300px;
margin-bottom: 2em;
}
.op_map #googleMap,
.op_map #Map_lounge_kyoto{
width: 100%;
height: 100%;
}
.sdon_co.op_2{
margin-bottom: 2em;
display: flex;
flex-wrap: wrap;
}
.op_text1{margin-bottom: 2em;}
.op_text2{}
dl.shop{
display: flex;
flex-wrap: wrap;
margin-top: 1em;
}
dl.shop dt,dl.shop dd{
padding: 0.5em;
border-bottom: 3px solid #fff;
}
dl.shop dt{
width: 20%;
background: #f7f4ec;
}
dl.shop dd{width: 80%;}

.sdon_co.op_2 h3{width: 100%;}
.step_text{width: 100%;margin: 0.5em;}
.step_co{
width: calc(100% / 3 - 1em - 0em);
background: #fff;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
padding: 1em;
margin: 0 0.5em;
}
.step_co h4{
color: #ff6a48;
margin-bottom: 0.5em;
}
.step_co h4 span{
color: #fff;
background: #000;
padding: 0.2em 0.7em;
text-align: center;
margin-right: 0.3em;
}
.btn_wrap{
width: 500px;
margin: 0 auto 1em;
}
.btn_wrap a{
font-weight: bold;
font-size: 1.1em;
text-align: center;
padding: 1.0em;
border-radius: 10px;
text-decoration: none;
display: block;
background: #d6013b;
color: #fff;
}
.sdon_wrap.problem .btn_wrap{order: 3;margin: 2em auto 0em;}
.btn_wrap.op a{background: #b49844;}


/* 注意事項 -----------------------------------------------*/
section.note{
padding: 2em 0;
background: #f1f1f1;
}
.sdon_co.note{}
.sdon_co.note h3{
background: #fff;
padding: 0.5em;
font-size: 1.2em;
margin-bottom: 0.5em;
}
.sdon_co.note ul{
list-style: disc;
margin-left: 1.5em;
margin-bottom: 2em;
}
.sdon_co.note ul li{margin-bottom: 0.3em;}

@media screen and (max-width:768px){
.sdon_header_wrap{width: 100%;height: auto;}
.sdon_header_text{width: 90%;padding: 1.5em 0;top: 54%;}
.sdon_header_text h2{font-size: 1.7em;}
.sdon_misoshiru{width: 38px;right: 2%;top: 60px;}
section.info_top{font-size: 16px;}
.sdon_info p{text-align: left;padding: 0 1em;}
.sdon_wrap{width: 96%;}

/* 悩み -----------------------------------------------*/
section.problem{padding: 2em 0;}
.sdon_wrap.problem{width: 96%;margin: 0 auto;}
.sdon_pr{order: 1;width: 90%;margin: 0px auto 1.5em;}
.sdon_problem{order: 2;width: 100%;margin: 0;}
.sdon_wrap.problem h3{font-size: 1.1em;}

/* オプション -----------------------------------------------*/
section.option{padding: 2em 0 0em;}
.op_top h2{font-size: 1.1em;text-align: left;}
.sdon_co.op_1{width: 100%;margin: 0 0 1em;}
.sdon_co.op_2{margin-bottom: 1em;}
.op_map{width: 100%;height: 300px;}
.op_text1{margin-bottom: 0;}
dl.shop dt,dl.shop dd{width: 100%;border-bottom: none;}
.step_co{width: calc(100% / 1 - 1em - 0em);margin: 0 0.5em 0.6em;padding: 0.6em;}

.btn_wrap{width: 80%;margin: 0 auto 2em;}
.btn_wrap a{font-size: 1em;}
.sdon_wrap.problem .btn_wrap{margin: 1.5em auto 1em;}
}

/* 神戸牛 -----------------------------------------------*/
section.section_top{
background-color: #000;
background-image: url(/plan/soboro-don/img/header_img_kobe-beef.jpg);
background-repeat: no-repeat;
background-position: right bottom;
margin: -1em 0 0em;
padding: 1.5em 0 2em;
color: #fff;
}
.content.top{width: 1100px;margin: 1em auto 1em;font-size: 16px;}
.content.top h2{
margin: 1em 0 0.7em;
font-size: 1.4em;
}
.logo_wrap,.logo_wrap2{display: flex;flex-wrap: wrap;}
.logo_wrap{
width: 100%;
justify-content: space-between;
align-items: flex-start;
}
section.section_top a{color: #c9a256 !important;}
.logo_wrap2{}
.section_top .logo_kobe-beef,.section_top .logo_kobe-beef_gi,.section_top .mark_A5{position: unset;}
.section_top .logo_kobe-beef{width: 280px;}
.section_top .logo_kobe-beef_gi{width: 200px;order: 2;}
.section_top .mark_A5{width: 100px;order: 1;margin-right: 10px;}
.section_top .top_text{margin-bottom: 2em;}
.statue_wrap{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.statue_img{width: 25%;order: 3;}
.statue_text1{
order: 1;
margin: 0px 0 1.5em;
}
.statue_text2{
order: 2;
width: 700px;
margin: 0 3% 0 0%;
}
.statue_text2 span{
font-weight: bold;
font-size: 1.2em;
color: #c9a256;
}

@media screen and (max-width:768px){
.img_free{width: 80%;}
section.section_top{padding: 1em 0 2em;background-size: 70%;background-position: right 5em;margin: 0 0 0em;}
.content.top{width: 100%;margin: 1em auto 0em;padding: 0 15px 0;}
.content.top h2{font-size: 1.1em;}
.logo_wrap{align-items: center;}
.logo_wrap2{width: 155px;}
.section_top .logo_kobe-beef{margin: 0;width: calc(100% / 1 - 155px - 20px);}
.section_top .logo_kobe-beef_gi{width: 100px;order: 1;margin-right: 5px;}
.section_top .mark_A5{width: 50px;order: 2;margin: 0;}
.section_top .top_text{width: 100%;margin: 0 0 1em;font-size: 1.0em;}
.statue_img{order: 1;width: 70%;margin: 0 auto 1em;}
}

/* クチコミ -----------------------------------------------*/
section.review{padding: 3em 0 3em;}
.pattern-bg {
background-color: #fff;
background-image: repeating-linear-gradient(0deg, rgba(0, 64, 128, 0.1) 0, rgba(0, 64, 128, 0.1) 1px, transparent 1px, transparent 26px);
}
.review .grad-wrap{margin-bottom: 3em;padding-bottom: 2em;}
.review .sdon_wrap{
/*justify-content: space-between;*/
height: 300px;
}
.review .sdon_wrap::before {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
content: "";
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 80%, rgba(255,255,255,0.9) 80%, #fff 100%);
}
.review .grad-btn{
z-index: 2;
position: absolute;
right: 0;
bottom: -25px;
left: 0;
width: 300px;
margin: auto;
padding: 1em;
border-radius: 10px;
background: #b49844;
color: #fff;
text-align: center;
cursor: pointer;
transition: .2s ease;
font-weight: bold;
}
.review .plan_grad-btn::before {content: "もっと見る";}
.review h2{
width: 100%;
text-align: center;
font-size: 1.4em;
margin-bottom: 1.0em;
}
.review h2 span{background: linear-gradient(transparent 60%, #ffddd6 60%);padding: 0 1em;}
.voice_co{
/*width: 48%;*/
margin: 0 0.7% 1.5em;
padding: 0.7em 0.7em;
background: #fff;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
border-radius: 6px;
width: calc(100% / 3 - 1.5%);
}
.voice_co .age{
background: #f7f4ec;
padding: 0.3em;
font-weight: bold;
margin-bottom: 0.5em;
}
.voice_co .voice_text{font-size: 0.9em;}

@media screen and (max-width:768px){
section.review{padding: 2em 0 2em;margin-bottom: 3em;}
.pattern-bg {background-image: repeating-linear-gradient(0deg, rgba(0, 64, 128, 0.1) 0, rgba(0, 64, 128, 0.1) 1px, transparent 1px, transparent 20px);}
.review .sdon_wrap{height: 360px;}
.review .grad-btn{width: 250px;}
.review h2{font-size: 1.2em;margin-bottom: 0.5em;}
.voice_co{width: 100%;margin: 0 0 1em;}
.voice_co .age{font-size: 0.9em;}

}