/* CSS Document */
@media screen and (max-width:375px) {
/*繧ｹ繝槭�逕ｨ縺ｮcss繧定ｨ倩ｿｰ*/
body{
width:100%;
margin:0 auto;
padding:0;
font-family: "Hiragino Maru Gothic W4 JIS2004", "貂ｸ繧ｴ繧ｷ繝�け", YuGothic, 
"繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size:100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;

}
#header{
display:block;
margin:44px auto 0 auto;
padding:0;
background-image:url(../gra/washolu_head_sp.jpg);
background-position:top;
background-repeat:no-repeat;
background-size:100% auto;
height:140px;
}

/*繝代Φ縺上★繝ｪ繧ｹ繝�*/
.pankuzu{
width:90%;
margin:4em auto 0 auto;
padding:0;
font-size:85%;
-webkit-text-size-adjust: 85%;
-ms-text-size-adjust: 85%;
-moz-text-size-adjust: 85%;
text-align:left;
}
.pankuzu span{
margin-right:.5em;
color:#666;
}
.pankuzu a{
color:#999;
}

.pankuzu a:after{
content:" >";
}


.pankuzu2{
width:90%;
margin:2em auto 0 0;
padding:0;
font-size:85%;
-webkit-text-size-adjust: 85%;
-ms-text-size-adjust: 85%;
-moz-text-size-adjust: 85%;
text-align:left;
}
.pankuzu2 span{
margin-right:.5em;
color:#666;
}
.pankuzu2 a{
color:#999;
}

.pankuzu2 a:after{
content:" >";
}

.logo{
display:inline-block;
position:absolute;
margin:-2.4em auto 0 1em;
padding:0;
}


.t2{
margin:0 auto;
padding:.3em 0 0 0;
text-align:center;
width:90%;
z-index:2;
display:block;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.t1{
display:none;
}




#wrapper,#wrapper2{
margin:0 auto;
padding:0;
width:90%;
}

.contents{
margin:2em auto 0 auto;
padding:0;
display:block;
width:100%;
text-align:left;
}

.content{
margin:0 auto;
padding:0;
display:block;
width:100%;
text-align:left;
}

.cut{
display:none;
}


h1{
margin:0 auto;
padding:0;
display:block;

}

h2{
font-weight:800;
color:#482D2D;
font-size:130%;
-webkit-text-size-adjust: 130%;
-ms-text-size-adjust: 130%;
-moz-text-size-adjust: 130%;
color:#533535;
line-height:1em;
margin:2em auto 0 auto;
padding:0;

}
h2 span{
font-weight:500;
display:block;
font-size:90%;
-webkit-text-size-adjust: 90%;
-ms-text-size-adjust:90%;
-moz-text-size-adjust: 90%;

}
h3{
display:block;
color:#BB4D46;
margin:.5em auto;
}
h4{
font-size:110%;
-webkit-text-size-adjust: 110%;
-ms-text-size-adjust: 110%;
-moz-text-size-adjust: 110%;
font-weight:800;
color:#6D523D;
border-bottom:dotted 4px #D7C5B7;
display:inline-block;
margin:1em auto;
padding:0;

}
h5{
font-size:110%;
-webkit-text-size-adjust: 110%;
-ms-text-size-adjust: 110%;
-moz-text-size-adjust: 110%;
color:#BB4D46;
margin:2em auto 0 auto;
padding:0;
}
h6{
font-size:130%;
-webkit-text-size-adjust: 130%;
-ms-text-size-adjust: 130%;
-moz-text-size-adjust: 130%;
border-bottom:#C49671 1px dashed;
margin:1em auto 1em 1em;
padding:0;
color:#533535;
display:inline-block;
}

.picttl{
display:block;
margin:0 auto;
text-align:center;
width:100%;
}

p{
margin:1em auto;
padding:0;
line-height:1.8em;
}

.con1{
width:100%;
}
.content2{
margin:0 auto;
padding:0;
display:block;
width:100%;
text-align:left;
overflow:hidden;
}
.box{
display:block;
margin:0 auto;
padding:0;
}

.box2{
display:block;
margin:10px auto;
}
.washoku{
display:none;
}
.washoku2{
width:100%;
}


.box ul{
font-size:100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
line-height:2em;
margin:15px auto;
padding:0;
}
.box li{
list-style:none;
vertical-align:text-bottom;
text-indent:2em;
}
.box li:nth-child(odd){
background-image:url(../gra/listpic1.gif);
background-repeat:no-repeat;
}
.box li:nth-child(even){
background-image:url(../gra/listpic2.gif);
background-repeat:no-repeat;
}


.boxss ul{
font-size:100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
line-height:2em;
margin:15px auto;
padding:0;
}
.boxss li{
list-style:none;
line-height:1.8em;
vertical-align:text-bottom;
text-indent:2em;
}
.boxss li:nth-child(odd){
background-image:url(../gra/listpic1.gif);
background-repeat:no-repeat;

}
.boxss li:nth-child(even){
background-image:url(../gra/listpic2.gif);
background-repeat:no-repeat;

}

.boxss{
display:block;
margin:0 auto;
padding:0;
}



.flexbox{
      display: -webkit-flex;
      display: flex;
	 -webkit-justify-content: space-between; /* Safari */
  justify-content:space-between;
  width:100%;
  margin:2em auto 0 auto;
  display:block;

    }



.box_b{
width:100%;
}
.box_a{
width:100%;
}
.box_a img{
width:50%;
text-align:center;
display:block;
margin:0 auto 1em auto;
}

.box_c img{
margin:1em auto 0 auto;
}
 
.box_d{
margin:3em auto;
}

ruby{
font-family:"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", Osaka, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3";
}



.snsicon{
margin:0 auto;
padding:0;
width:30%;
display:inline-block;
vertical-align:top;

}
.snsicon img{
width:98%;
}
.snsicon span{
display:block;
font-size:90%;
-webkit-text-size-adjust: 90%;
-ms-text-size-adjust: 90%;
-moz-text-size-adjust: 90%;
text-align:center;
margin:-.5em 0 0 -1em;
padding:0;
line-height:1.2em;
}
.snstx{
font-size:95%;
-webkit-text-size-adjust: 95%;
-ms-text-size-adjust: 95%;
-moz-text-size-adjust: 95%;
display:inline-block;
width:65%;
border:#666666 1px solid;
border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 -ms-border-radius: 20px;
 position:relative;
 padding:16px;
 margin:0;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;

}

.snstx:before{
border:10px solid transparent;
border-right-color:#fff;
border-left-width:0;
left:-9px;
content:"";
display:block;
top:40%;
position:absolute;
width:0;
z-index:1;

}
.snstx:after{
border:10px solid transparent;
border-right-color:#000;
border-left-width:0;
left:-10px;
content:"";
display:block;
top:40%;
position:absolute;
width:0;

}

.flexbox2{
display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	width:100%;
	
 }

	
.flexbox2 span{
  font-size:95%;
-webkit-text-size-adjust: 95%;
-ms-text-size-adjust: 95%;
-moz-text-size-adjust:95%;
font-weight:800;
display:block;
width:80%;
text-align:center;
border-bottom:1px dotted #D7C5B7;
margin:0 auto .5em auto;
}

.hashi1{
border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
  font-size:88%;
-webkit-text-size-adjust: 88%;
-ms-text-size-adjust: 88%;
-moz-text-size-adjust: 88%;
line-height:1.3em;
padding:3px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
margin:2px;
flex:1;
flex-grow: 1;
border:1px solid #E0DAD3;
}
.hashi1 img{
width:100%;
margin:0 auto;
padding:0;
text-align:center;
}

.cup{
font-size:95%;
-webkit-text-size-adjust: 95%;
-ms-text-size-adjust: 95%;
-moz-text-size-adjust: 95%;
line-height:1.4em;
display:block;
color:#6F3333;
}

.mini,.mini3{
width:100%;
text-align:center;
margin:0 auto;
}

.mini2{
width:98%;
border:1px #666666 solid;
}


.nextbtn{
display:block;
border:#BB4D46 2px solid;
		  border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 margin:3em auto;
 text-align:center;
 width:80%;
 
}



.bbtn a{
margin:0 auto;
text-decoration:none;
color:#BB4D46;
display:inline-block;
padding:20px 12px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;

}
.bbtn a:hover{

color:#FFFFFF;
background-color:#BB4D46;
}

/*繝懊ち繝ｳ*/
.jyukou{
text-align:center;
margin:2em auto;

}

.bside{
display:inline-block;
margin:0 auto 0 1em;
padding:0;
}


.wdbox{
width:100%;
padding:20px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
background-image:url(../gra/p_bc.jpg);
margin:1em auto;
}
.puchi{
display:inline-block;

   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
		  
}

.box1{
display:block;
padding:20px;
border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
margin:0 auto 1em auto;
width:90%;
vertical-align:bottom;
background-color:#FFFFFF;

}

.big{
font-size:120%;
-webkit-text-size-adjust: 120%;
-ms-text-size-adjust: 120%;
-moz-text-size-adjust: 120%;
margin:0 auto;
line-height:1.8em;
display:inline-block;
}



.boxa,.boxb{
text-align:center;
display:inline-block;
width:100%;
margin:0 10px 0 auto;
}
.boxa dl,.boxb dl{
text-align:left;
}

.boxa dt,.boxb dt{
font-weight:bold;
}

.boxa dd,.boxb dd{
margin:0 auto;
padding:0;
}

video{
width:100%;
height:240px;
}
.nextnv{
width:100%;
margin:0 auto 0 -20px;
padding:0;
}
.nextnv ul{
text-align:center;
margin:0 auto;
}

.nextnv li{
list-style:none;
display:inline-block;
margin:0 5px 0 0;

}
.ts{
border:1px #BB4658 solid;
padding:4px 10px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
color:#FFFFFF;
background-color:#BB4658;
text-decoration:none;
}

.tn{
border:1px #BB4658 solid;
padding:4px 10px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
color:#BB4658;
background-color:#FFFFFF;
text-decoration:none;
}


#footer{
background-color:#E7DDD3;
width:100%;
height:100%;
bottom:0;
margin:6em auto 0 auto;
padding:20px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.footerin{
width:100%;
margin:0 auto;
padding:0;

}

.footerin ul{
margin:.5em auto 1em auto;
padding:0;

}

.footerin li{
display:inline-block;
margin:8px auto;
list-style:none;


}

.footerin li a{
color:#534B46;
background-color:#F5F2EF;
padding:4px 8px;
border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
text-decoration:none;

}


.mini{
font-size:80%;
-webkit-text-size-adjust: 80%;
-ms-text-size-adjust: 80%;
-moz-text-size-adjust: 80%;
color:#534B46;
text-align:left;
line-height:1.6em;
margin:1em auto;
}

.copy{
font-size:80%;
-webkit-text-size-adjust: 80%;
-ms-text-size-adjust: 80%;
-moz-text-size-adjust: 80%;
margin:1em auto;
color:#978882;
text-align:center;
}

.box3{
display:inline-block;
width:100%;
padding:0;
text-align:center;
margin:0 auto;
}
.box4{
display:inline-block;
width:100%;
line-height:1.5em;
margin:0 auto;
color:#534B46;

}
.box4 a{
color:#534B46;
text-decoration:none;
}

.btn1 {
width:90%;
  color: #fff;
  font-size:100%;
  -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
font-weight:800;
  border-radius: 5px;
  text-decoration: none;
  background:#A43151;
  position: relative;
  display:block;
  top: -2px;
    box-shadow: 0 5px #712237;
  padding:18px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
  text-align:center;
  margin:16px auto;
}



}




@media screen and (min-width:376px) {
/*pc逕ｨ縺ｮcss繧定ｨ倩ｿｰ*/
body{
width:100%;
margin:0 auto;
padding:0;
font-family: "Hiragino Maru Gothic W4 JIS2004", "貂ｸ繧ｴ繧ｷ繝�け", YuGothic, 
"繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size:98%;
-webkit-text-size-adjust: 98%;
-ms-text-size-adjust: 98%;
-moz-text-size-adjust: 98%;
line-height:2em;
}




/*繝代Φ縺上★繝ｪ繧ｹ繝�*/
.pankuzu{
width:720px;
margin:2em auto 0 auto;
padding:0;
font-size:85%;
-webkit-text-size-adjust: 85%;
-ms-text-size-adjust: 85%;
-moz-text-size-adjust: 85%;
text-align:left;
}
.pankuzu span{
margin-right:.5em;
color:#666;
}
.pankuzu a{
color:#999;
}

.pankuzu a:after{
content:" >";
}


.pankuzu2{
width:720px;
margin:5em auto 0 0;
padding:0;
font-size:85%;
-webkit-text-size-adjust: 85%;
-ms-text-size-adjust: 85%;
-moz-text-size-adjust: 85%;
text-align:left;
}
.pankuzu2 span{
margin-right:.5em;
color:#666666;
}
.pankuzu2 a{
color:#999;
}

.pankuzu2 a:after{
content:" >";
}

.logo{
display:inline-block;
position:absolute;
margin:1.5em auto 0 1em;
padding:0;
}

#header{
margin:0 auto;
padding:0;
display:block;
height:380px;
background-image:url(../gra/washolu_head.jpg);
background-repeat:no-repeat;
}
#wrapper{
margin:-360px auto 0 auto;
padding:0;
width:800px;


}

#wrapper2{
margin:0 auto;
padding:0;
width:800px;
}
.washoku2{
display:none;
}

#shikaku,#textall,#koushi{
margin-top:-80px;
 padding-top:80px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
}

h1{
margin:0 auto;
padding:0;
}
h2{
font-weight: 800px;
font-size:170%;
-webkit-text-size-adjust: 170%;
-ms-text-size-adjust: 170%;
-moz-text-size-adjust: 170%;
color:#261F1A;
letter-spacing:.08em;
margin:5em auto 1.6em auto;
padding:0 0 5px 0;
border-bottom: 1px dashed;
}
h2 span{
font-weight:500;
display:block;
letter-spacing:.09em;
font-size:55%;
-webkit-text-size-adjust: 55%;
-ms-text-size-adjust:55%;
-moz-text-size-adjust: 55%;

}

h3{
color:#BB4D46;
margin:0 auto 1em auto;
padding:0;
}
h4{
font-size:110%;
-webkit-text-size-adjust: 110%;
-ms-text-size-adjust: 110%;
-moz-text-size-adjust: 110%;
font-weight:800;
color:#6D523D;
border-bottom:dotted 4px #D7C5B7;
display:inline-block;
margin:0 auto 3em 0;
padding:0;

}

h5{
font-size:110%;
-webkit-text-size-adjust: 110%;
-ms-text-size-adjust: 110%;
-moz-text-size-adjust: 110%;
color:#BB4D46;
margin:4em auto .5em auto;
padding:0;
}
h6{
font-size:170%;
-webkit-text-size-adjust: 170%;
-ms-text-size-adjust: 170%;
-moz-text-size-adjust: 170%;
border-bottom: 1px dashed;
margin:2em auto 1em auto;
padding:0;
display:inline-block;
}

.picttl{
display:inline-block;
text-align:right;
float:right;
margin:-9em 0 0 auto;
width:200px;
}
.cup{
font-size:95%;
-webkit-text-size-adjust: 95%;
-ms-text-size-adjust: 95%;
-moz-text-size-adjust: 95%;
display:block;
font-weight:800;
color:#6F3333;
}

.mini{
width:550px;
}
.mini2{
width:700px;
margin:0 auto;
padding:0;
border:1px #AA9E88 solid;
}

.mini3{
width:700px;
margin:0 auto 
}
.moyou{
background-image:url(../gra/topbg2.gif);
background-repeat:repeat-x;
background-position:top;
height:310px;
}


.content{
margin:0 auto;
padding:0;
display:block;
width:710px;
text-align:left;
overflow:hidden;
}

.content2{
margin:0 auto;
padding:0;
display:block;
width:710px;
text-align:left;
overflow:hidden;
}

.contents{
margin:120px auto;
padding:0;
display:block;
width:710px;
text-align:left;
clear:both;
}



.t1{
margin:0 auto;
padding:2.1em 0 0 0;
text-align:center;
display:block;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.t2{
display:none;
}

p{
margin:1em auto 0 auto;
padding:0;
line-height:1.8em;
text-align:left;
}

.con1{
width:800px;
clear:both;
}

.box{
display:inline-block;
float:left;
margin:0 auto;
padding:0;
}
.box2{
float:right;
display:inline-block;
margin:-120px 15px 0 auto;
z-index:100;

}



.box ul{
line-height:1.8em;
margin:2em auto 0 auto;
padding:0;
}
.box li{
list-style:none;
text-indent:2em;
padding:0 0 1em 0;

}
.box li:nth-child(odd){
background-image:url(../gra/listpic1.gif);
background-repeat:no-repeat;
margin:0 auto;
padding:0 0 1em 0;
margin:0 auto;
}
.box li:nth-child(even){
background-image:url(../gra/listpic2.gif);
background-repeat:no-repeat;
padding:0 0 1em 0;
margin:0 auto;
}


.boxss{
display:block;
margin:0 auto;
padding:0;
}

.boxss ul{
line-height:1.8em;
margin:2em auto 0 auto;
padding:0;
}
.boxss li{
list-style:none;
text-indent:2em;
padding:0 0 1em 0;

}
.boxss li:nth-child(odd){
background-image:url(../gra/listpic1.gif);
background-repeat:no-repeat;
margin:0 auto;
padding:0 0 1em 0;
margin:0 auto;
}
.boxss li:nth-child(even){
background-image:url(../gra/listpic2.gif);
background-repeat:no-repeat;
padding:0 0 1em 0;
margin:0 auto;
}




.flexbox{
      display: -webkit-flex;
      display: flex;
	 -webkit-justify-content: space-between; /* Safari */
  justify-content:space-between;
  width:100%;
  margin:2em auto 0 auto;

    }
.flexbox2{
      display: -webkit-flex;
      display: flex;
	 -webkit-justify-content: space-between; /* Safari */
  justify-content:space-between;
  width:100%;
  margin:0 auto;
  font-size:95%;
-webkit-text-size-adjust: 95%;
-ms-text-size-adjust: 95%;
-moz-text-size-adjust: 95%;
line-height:1.4em;

    }
	
.flexbox2 span{
  font-size:105%;
-webkit-text-size-adjust: 105%;
-ms-text-size-adjust: 105%;
-moz-text-size-adjust:105%;
font-weight:800;
display:block;
text-align:center;
border-bottom:1px solid #D7C5B7;
margin:0 auto .5em auto;
}

.box_b{
width:460px;
}
.box_a img{
width:200px;
}

.box_c img{
margin:1em auto 0 auto;
}
 
.box_d{
margin:3em auto 0 auto;
}

ruby{
font-family:"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", Osaka, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3";
}

.snsicon{
margin:0 auto;
padding:0;
width:20%;
}
.snsicon span{
display:block;
font-size:90%;
-webkit-text-size-adjust: 90%;
-ms-text-size-adjust: 90%;
-moz-text-size-adjust: 90%;
text-align:center;
margin:-.5em 0 0 -2.5em;
padding:0;
line-height:1.2em;
}
.snstx{
width:80%;
border:#666666 1px solid;
border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 -ms-border-radius: 20px;
 position:relative;
 padding:22px 30px;
 margin:0 auto;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;

}

.snstx:before{
border:10px solid transparent;
border-right-color:#fff;
border-left-width:0;
left:-9px;
content:"";
display:block;
top:40%;
position:absolute;
width:0;
z-index:1;

}
.snstx:after{
border:10px solid transparent;
border-right-color:#000;
border-left-width:0;
left:-10px;
content:"";
display:block;
top:40%;
position:absolute;
width:0;

}

.hashi1{
border:#EADDDD 1px solid;
padding:10px;
width:calc(100%/3);
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
		  border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 margin:6px;
flex:1;
flex-grow: 1;
}
.hashi1 img{
width:100%;
}
.nextbtn{
display:block;
border:#BB4658 2px solid;
		  border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 margin:3em auto;
 text-align:center;
 width:440px;
 margin:10em auto 2em auto;
}

.nextbtn:hover{
background-color:#BB4658;
}

.bbtn a{
margin:0 auto;
text-decoration:none;
color:#BB4658;
display:inline-block;
padding:20px 12px;

}
.bbtn a:hover{
color:#FFFFFF;
}
.jyukou{
text-align:center;
margin:5em auto;
}


.bside{
display:inline-block;
margin:0 -8em 0 5em;
}

#jyukou{
margin-top:-80px;
padding-top:80px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.wdbox{
margin:5em auto 0 auto;
width:100%;
height:660px;
padding-bottom:20px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
background-image:url(../gra/p_bc.jpg);
}


.box1{
display:block;
padding:20px 80px;
margin:0 auto 26px auto;
width:100%;
vertical-align:bottom;
background-color:#FFFFFF;
		  border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -ms-border-radius: 5px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.big{
font-size:210%;
-webkit-text-size-adjust: 210%;
-ms-text-size-adjust: 210%;
-moz-text-size-adjust: 210%;
margin:0 auto;
line-height:1.8em;
display:inline-block;
}
.puchi{
display:block;
line-height:1.4em;
}



.boxa,.boxb{
text-align:center;
display:inline-block;
width:45%;
margin:0 32px 3em auto;
}
.boxa dl,.boxb dl{
text-align:left;
}

.boxa dt,.boxb dt{
font-weight:bold;
}

.boxa dd,.boxb dd{
margin:0 auto;
padding:0;
}
video{
width:700px;
height:394px;
}
.nextnv{
width:700px;
margin:0 auto;
padding:0;
}
.nextnv ul{
text-align:center;
margin:0 auto;
}

.nextnv li{
list-style:none;
display:inline-block;
margin:0 12px 0 0;

}
.ts{
border:1px #BB4658 solid;
padding:4px 10px;
color:#FFFFFF;
background-color:#BB4658;
text-decoration:none;
}

.tn{
border:1px #BB4658 solid;
padding:4px 10px;
color:#BB4658;
background-color:#FFFFFF;
text-decoration:none;
}

.tn:hover{
border:1px #BB4658 solid;
padding:4px 10px;
color:#BB4658;
background-color:#F1B8B8;
text-decoration:none;
}
#footer{
background-color:#E7DDD3;
width:100%;
height:100%;
bottom:0;
margin:10em auto 0 auto;
padding:40px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.footerin{
width:710px;
margin:0 auto;
padding:0;

}

.footerin ul{
margin:.5em auto 1em auto;
padding:0;

}

.footerin li{
display:inline-block;
list-style:none;

}


.footerin li a{
color:#534B46;
text-decoration:none;
list-style:none;

}

.mini{
width:100%;
font-size:80%;
-webkit-text-size-adjust: 80%;
-ms-text-size-adjust: 80%;
-moz-text-size-adjust: 80%;
color:#534B46;
text-align:left;
margin:1em 0;
padding:0;
}
.copy{
font-size:80%;
-webkit-text-size-adjust: 80%;
-ms-text-size-adjust: 80%;
-moz-text-size-adjust: 80%;
text-align:center;
margin:0 auto;
color:#534B46;
}

.box3{
display:inline-block;
width:100%;
padding:0;
margin:2em auto 0 auto;
text-align:center;
}
.box4{
display:inline-block;
width:100%;
line-height:1.5em;
margin:0 auto;
color:#534B46;

}
.box4 a{
color:#534B46;
text-decoration:none;
}

.btn1 {
width:100%;
  color: #fff;
  font-size:140%;
  -webkit-text-size-adjust: 140%;
-ms-text-size-adjust: 140%;
-moz-text-size-adjust: 140%;
  border-radius: 5px;
  text-decoration: none;
  background:#A43151;
  box-shadow: 0 5px #712237;
  position: relative;
  display:block;
  border:0;
  top: -2px;
  padding:28px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
          box-sizing: border-box;
  text-align:center;
  margin:16px auto;
}

.btn1:hover {
  box-shadow: 0 1px #CF5F0C;
  top: 1px;
  border:0;
}


}