/* CSS Document */

.hed_img{
background: url(../images/category/brands/hed_img.gif) no-repeat 0px 0px;
-moz-background-size:100% auto;
background-size:100% auto;
width:960px;
text-indent: -9999px;
height: 70px;
font-size: 1px;
line-height: 1px;
margin-bottom: 10px;
}


#main{
background: #FFF;
padding: 30px 30px 30px;
width:900px;
margin-bottom:10px;
}

.conTit {
color: #004577;
padding: .25em 0 .25em .75em;
border-left: 5px solid #004577;
margin-bottom: 15px;
font-size: 1.2em;
}

.bg {
background: url("../images/category/cheese_suhure/bg.jpg") no-repeat center;
background-size: cover;
padding: 30px 20px;
}


/*淡雪チーズスフレのお話
-------------------------------------------------------*/
.cheese_suhure_bg{
width: 100%;
background: url("../images/category/cheese_suhure/index/bg_img.jpg") top center no-repeat;
background-size: cover;
}

.cheese_suhure_bg img{
width: 100%;
height: auto;
}

.cheese_suhure_bg .cheese_suhure_hed_ttl{
width: 80%;
margin: 0 auto 0;
padding-top: 30px;
box-sizing: border-box;
}

.cheese_suhure_bg .img{
margin: 0;
position:relative;
}

.cheese_suhure_bg .contents_list{
width: 80%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: -40px auto 40px;
list-style: none;
padding: 0;
position: relative;
z-index: 2;
}

.cheese_suhure_bg .contents_list li{
width: 47%;
}

.cheese_suhure_bg .address_list{
width:90%;
margin: 0px auto 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.cheese_suhure_bg .address_list li{
width: 47%;
position: relative;
background: #FFF;
padding: 25px;
box-sizing: border-box;
border-radius: 2rem;
border:2px solid #3ebcdf;
}

.cheese_suhure_bg .address_list li h3{
background: #2d74ba;
padding: 5px 10px;
box-sizing: border-box;
text-align: center;
border-radius: 50rem;
color: #FFF;
font-size: 1.2rem;
line-height: 1;
margin: 0 0 10px;
}

.cheese_suhure_bg .address_list li p{
font-size: 1rem;
line-height:1.8;
text-align: center;
margin: 0 0 20px;
}

.cheese_suhure_bg .address_list li .gmap{
vertical-align: bottom;
}

.cheese_suhure_bg .address_list li .gmap iframe{
width: 100%;
height: auto;
}


/*淡雪チーズスフレのお客様の声
-------------------------------------------------------*/
.cheese_suhure_bg .voice_hed_ttl{
padding: 35px;
box-sizing: border-box;
width: 100%;
margin: 0 auto 10px;
}

.cheese_suhure_bg .voice_wrap{
width:calc(100% - 75px);
border: 3px solid #3ebcdf;
padding:35px;
box-sizing: border-box;
background: #FFF;
margin: 0 auto 35px;
border-radius: 1rem;
}

.cheese_suhure_bg .voice_wrap .ttl_txt{
font-size: 1.6rem;
line-height: 1.4;
color: #d61d6b;
margin:0 0 30px;
text-align: center;
}

.cheese_suhure_bg .voice_wrap .ttl_txt2{
font-size: 1.2rem;
line-height: 1.4;
background: #d61d6b;
padding: 5px;
box-sizing: border-box;
border-radius: 1rem;
color: #FFF;
margin:0 0 20px;
text-align: center;
}


.cheese_suhure_bg .voice_wrap .txt2{
font-size: 1rem;
line-height: 1.8;
margin-bottom: 40px;
}

.cheese_suhure_bg .voice_wrap .voice_ph_list{
margin: 0 0 30px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.cheese_suhure_bg .voice_wrap .voice_ph_list li{
width: 19%;
}

.cheese_suhure_bg .voice_wrap .voice_ph_list li img{
border-radius: .5rem;
overflow: hidden;
}

.cheese_suhure_bg .voice_wrap .dot_list{
margin: 0;
padding: 0;
list-style: none;
}

.cheese_suhure_bg .voice_wrap .dot_list{
position: relative;
margin-left: 5px;
}

.cheese_suhure_bg .voice_wrap .dot_list li {
padding-left: 20px;
position: relative;
font-size: 1rem;
line-height: 1.4;
color: #d61d6b;
margin-bottom: 15px;
}

.cheese_suhure_bg .voice_wrap .dot_list li::before {
content: "●";
color: #d61d6b;
font-size: 11px;
position: absolute;
left: 0;
top:3px;
}

.cheese_suhure_bg .voice_wrap .voice_img2{
width: 40%;
margin:0;
float: right;

}



/*淡雪チーズスフレのお話
-------------------------------------------------------*/
.flex_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 80px; }
.flex_wrap .txtbox { width: 70%; }
.flex_wrap .txtbox h4 { margin-bottom: 50px; }
.flex_wrap .mv { width: 27%; }
.flex_wrap .mv video { width: 100%; height: auto; }

p.txt { font-size: 1.3em; line-height: 1.8; margin: 50px 0 20px; }
p.txt span { display: block; margin-top: 50px; text-align: right; }

.img { display: flex; flex-wrap: wrap; justify-content: center; }

.img p { width: 45%; margin: 0 1%; position: relative; }
.img p img { width: 100%; margin-bottom: 8px; box-shadow: 0 0 6px rgba(0,0,0,0.2); }
.img p span { width: 50%; position: absolute; top: -45px; right: -40px; }
.img p span img { width: 100%; margin-bottom: 0; box-shadow: none; }

ul.img li { width: 40%; margin: 0 2%; list-style: none; }
ul.img li img { width: 100%; height: auto; box-shadow: 0 0 6px rgba(0,0,0,0.4); }


.access { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; }
.access p { width: 30%; font-size: 1.2em; }
.access .map { width: 68%; }