.box950{
 width: 950px;
 margin: 0 auto;
}
.center{
 text-align: center;
}
/*--------------col1-------------*/
.hyogin .col1{
 background: url(../hyogin/hyoginIMG/col1_bg.jpg) no-repeat top center;
height: 1200px;
}
.hyogin .col1 .box950{
 position: relative;
}
.hyogin .col1_logo{
 position: absolute;
 top: 60px;
 left: 46px;
}
.hyogin .col1_copy{
 position: absolute;
 top: 41px;
 left: 490px;
}

/*--------------col2-------------*/

.hyogin .col2_content{
position: absolute;
top: 700px;
left: 0;
right: 0;
 background: url(../hyogin/hyoginIMG/col2_rock_bg.jpg) no-repeat;
 background-size: cover;
 width: 770px;
 height: 427px;
  text-align: center;
 margin: 0 auto;
 border: 10px solid #fff;
 box-shadow: 3px 3px 6px #666;
}
.hyogin .col2 h2{
 padding-top: 25px;
}
.hyogin .col2 h2 img.col2_title{
 margin-right: 30px;
}
.hyogin .col2 h2 img{
 vertical-align: middle;
}
.hyogin .col2 p.col2_read01{
position: absolute;
left: 0;
right: 0;
bottom: 20px;
 font-size: 26px;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-weight: bold;
 color: #000;
 margin: 0 20px 10px;
}

.rocksp {
	display: none;
}
/*--------------col3-------------*/
.hyogin .col3{
 padding: 20px 0;
}
.hyogin .col3 .boxinner{
 width: 850px;
 margin: 0 auto;
}
.hyogin .col3 h2{
 text-align: center;
 padding-bottom: 30px;
}
.hyogin .col3 h2+p{
font-size: 22px;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-weight: bold;
 color: #000;
 line-height: 1.6;
 margin: 0	28px	50px;
}
.col3_content h3{
font-size: 22px;
font-weight: bold;
margin-top: 15px;
color: #000;
}

.hyogin .how1 img.how1p1{
float: left;
margin-right: 20px;
width: 450px;
}

.hyogin .col3_content{
 position: relative;
 margin-bottom: 55px;
}
.hyogin .col3_content p{
 font-size: 16px;
 width: 360px;
 padding: 10px 0;
 line-height: 1.8;
}
.hyogin .how1 p{width: 100%;}
.hyogin .col3 .col3_pont{
 position: absolute;
 top: -45px;
 left: -45px;
}

/*--------------col4-------------*/

.hyogin .col4{
 background: #dae1e6;
 margin-bottom: 20px;
}

.hyogin .col4 .leftBox{
 float: left;
 width: 395px;
 margin: 30px 0;
 color: #000;
}
.hyogin .col4 .leftBox h2{
 font-size: 42px;
 padding: 0;
 margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.hyogin .col4 .leftBox p{
 font-size: 16px;
 line-height: 1.8;
 margin-bottom: 15px;
}
.hyogin .col4_bottom{
 width: 390px;
 background: none;
 padding: 0;
}

.hyogin .col4_component1{
 width: 60%;
 margin-bottom: 20px;
}
.hyogin .col4_component1 dt{
  float: left;
 margin-left: 5px;
 font-size: 16px;
}
.hyogin .col4_component1 dd{
 border-bottom: 1px solid #000;
 text-align: left;
 padding:0 5px 5px 9em;
 margin-bottom: 5px;
 font-size: 16px;
}

.hyogin .col4_drink h3{margin-bottom: 5px;}
.hyogin .col4_drink table{
 border-collapse: collapse;
 width:100%;
 text-align: center;
}
.hyogin .col4_drink table td,
.hyogin .col4_drink table th{
 width: 20%;
 background: #5dc2d0;
 padding: 3px;
 padding-top: 6px;
 color: #fff;
 border-right: 3px solid #dae1e6;

}
.hyogin .col4_drink table td{
  font-size: 18px;
}

.hyogin .col4 .rightBox{
 float: right;
 width: 555px;
padding-top: 70px;
}
.hyogin .col4 .rightBox ul{
 margin-left: 50px;
}
.hyogin .col4 .rightBox li{
 display: inline-block;
 vertical-align: bottom;
width: 220px;
 text-align: center;

}
.hyogin .col4 .rightBox p{
  text-align: center;
 color: #000;
 font-size: 16px;
 margin: 15px 0;
}
.hyogin .col4 .rightBox p.tax {
 text-align: right;
 margin-right: 80px;
}


/*--------------------------------------------------
////////  ここからスマホ  ////////
------------------------------------------------------*/
@media screen and (max-width:480px){
 .box950 {
  width: 100%;
}
  #gHeader{display: block;}
 *{
  box-sizing: border-box;
 }
 
/*-sp----------------- col1------------------sp*/
 .hyogin .col1{
 background: url(../hyogin/hyoginIMG/col1_bg.jpg) no-repeat;
 background-size: cover;
 height: 400px;
}

.hyogin .col1_logo{
 top: 25px;
 left: 20px;
 width: 120px;
}
.hyogin .col1_copy{
 width: 70px;
 top: 20px;
 left: 165px;
}

 /*-sp----------------- col2------------------sp*/
.hyogin .col2{
padding: 20px 0;
}
.hyogin .col2 .box950{
width: 100%;
}
.hyogin .col2_content{
top: 400px;
width: 100%;
height: 300px;
 border: 6px solid #fff;
}

 .hyogin .col2 h2{
  position: absolute;
  top: 0;
 left: 0;
 right: 0;
  margin: 0 auto;
 }
.hyogin .col2 h2 img.col2_title{
 width: 300px;
}

.hyogin .col2 p.col2_read01{
 top: 110px;
 font-size: 20px;
}

  /*-sp----------------- col3------------------sp*/
 .hyogin .col3{
padding-top: 320px;
}
.hyogin .col3 .boxinner{
 width: auto;
 margin: 0 auto;
}
.hyogin .col3 h2{
 padding-bottom: 10px;
}
.hyogin .col3 h2 img{
 width: 300px;
}
.hyogin .col3 h2+p{
font-size: 18px;
margin: 10px 10px 20px;
line-height: 1.4;
}
.hyogin .how1 img.how1p1{
float: none;
margin-right: 0;
width: 100%;
}

.col3_content h3{
font-size: 18px;
}
.hyogin .col3_content{
 position: relative;
 margin-bottom: 15px;
 text-align: center;
}
.hyogin .col3_content p{
 width: auto;
 padding:0;
 text-align: left;
 margin: 10px;
 line-height: 1.4;
}
.hyogin .col3 .col3_pont{
 position: absolute;
 top: -10px;
 left: 5px;
 width: 100px;
}
 .hyogin .col3 img.w100{
 width: 100%;
 }
   /*-sp----------------- col4------------------sp*/
 
.hyogin .col4{margin-bottom: 20px;padding: 20px 0;}
 .hyogin .col4 .leftBox{
 float: none;
 width: auto;
 margin: 10px;
}
.hyogin .col4 .leftBox h2{
 font-size: 32px;
 margin-bottom: 15px;
 color: #000;
 font-weight: bold;
}
 .hyogin .col4 .leftBox p{
  margin-bottom: 50px;
 }
 .hyogin .col4_bottom{
 width: auto;
 margin-bottom: 20px;
}
 
 
.hyogin .col4_component1{
 width: auto;
 margin-bottom: 20px;
}
.hyogin .col4_component1 dt{
  float: left;
 margin-left: 35px;
 font-size: 16px;
}
.hyogin .col4_component1 dd{
 padding-left:12em;
}

.hyogin .col4_drink h3{margin-bottom: 5px;}
.hyogin .col4_drink table{
 width: 100%;
}
.hyogin .col4_drink table td,
.hyogin .col4_drink table th{
   border-right: 3px solid #dae1e6;
}
.hyogin .col4_drink table td{
  font-size: 16px;
}

.hyogin .col4 .rightBox{
 float: none;
 width: 100%;
padding: 20px 0;
}
.hyogin .col4 .rightBox ul{
 margin-left: 0;
 width: auto;
 margin: 0 auto;
}
.hyogin .col4 .rightBox li{
width: 47%;

}
.hyogin .col4 .rightBox p{
  text-align: center;
 color: #000;
 font-size: 16px;
 margin: 15px 0;
}
.hyogin .col4 .rightBox p.tax {
 margin-right: 0;
}
}/*sp*/






