@charset "utf-8";
/*TOP*/
#slider{ margin-bottom: 60px; box-shadow: 0 0 6px rgba(0,0,0,0.4); }
#slider li img{ margin: 0 auto; width: 100%; min-width: 1000px; }

section{ margin-bottom: 40px; }
.sec1col{ position: relative;  max-height: 250px; }
.sec2col{ position: relative; width: 45%; max-height: 220px; }
.sec2col.bline{ width: 478px; }
.sec2col.gline{ width: 478px; }
.sec1col .p_link, .sec2col .p_link{ position: absolute; bottom: 10px; right: 10px; }
.sec1col .b_link, .sec2col .b_link{ position: absolute; bottom: 10px; right: 10px; }
.sec1col h2, .sec2col h2{ margin-top: 15px; }
.sec2col.ar h2{ margin: 0 0; }
.sec1col p, .sec2col p{ margin: 20px 0 0 30px; font-size: 1.1em; }
.sec2col.ar p{ margin: 20px 0 0 0; }
.sec2col.ar .fleft{ margin-top: 3px; }

.rinen{ background: url(../img/top/bg_rinen.png) no-repeat; }
.kodawari{ background: url(../img/top/bg_kodawari.png) no-repeat; }
.original{ background: url(../img/top/bg_original.png) no-repeat; }
.color{ background: url(../img/top/bg_color.png) no-repeat; }
.hotel{ background: url(../img/top/bg_hotel.png) no-repeat; }
.meishi{ background: url(../img/top/bg_meishi.png) no-repeat; }
.lot{ background: url(../img/top/bg_lot.png) no-repeat; }
.flyer{ background: url(../img/top/bg_flyer.png) no-repeat; }
.recruit{ background: url(../img/top/bg_meishi.png) no-repeat; }
.kami{ background: url(../img/top/bg_bung.png) no-repeat; min-height: 220px; }
.kami p{margin: 50px 0 0 30px;}

/* news */
.news{ padding: 5em 0; background: url(../img/img_news.png) left / cover;}
.news h2{ float: left; padding-top: 10px; }
.news li{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #338ECC; }
.news .inner div{ float: right; width: 630px; height: 200px; overflow-y: scroll; padding: 10px 25px; background-color: #FFF; }

@media screen and (max-width: 999px) {
  #slider.inner { margin:0 auto 40px; padding:0; }
  #slider li img{ min-width: 100%; }
  
  .sec1col, .sec2col { background-color:#fff; /*border: 1px solid #0072bf;*/ }
	
  
  /*.sec1col{ width:100%; }*/
  .sec2col{ width:auto; float:none;}
  .sec2col.bline{ width:100%; }
  .sec2col.gline{ width:100%; }
  .sec2col.pline{ width:100%; }
  .rinen{ background-position: center; }
  .kodawari{ background-position: right center; }
  .original{ background-position: right center; }
  .color{  background-position: center; }
  .hotel{ background-position: right bottom; }
  .lot{  background-position: center; }
  .flyer{ background-position: center; }
  .meishi{  background-position: center; }
  .kami{ background-position: center; }
  .recruit{ background-position: center;}
  .ar h2 { position:relative; }
  .ar h2:before { content:""; position:absolute; top:0; left:0; width:100%; height:74px; background-color:#338ecc; z-index:1;}
  .ar h2 img { position:relative; z-index:2; }
  
  .news h2,.news .inner div { float:none; }
  .news .inner div { width:100%; margin-top:30px; box-sizing:border-box; }
}

@media screen and (max-width: 600px) {
    
  .sec1col, .sec2col { min-height:inherit; padding-bottom:66px; /*background-image:none;*/ }
  .sec1col h2, .sec2col h2  { background-color: rgba(255,255,255,0.8); margin: 0 auto; padding: 2%;}
  .sec1col p, .sec2col p { height:auto !important; margin: 0 auto; padding: 2%; font-size: 1.1em; background-color: rgba(255,255,255,0.8);}
  .sec1col h2 img, .sec2col h2 img { width:auto; height:45px; }
  .sec2col{ width: 90%; float: none; margin: 0 auto 40px;}
	
	
  .ar h2:before { height:40px; }
  .sec2col.ar p { margin-left:30px; }
  .sec2col.ar .fleft { display:block; float:none; margin:0 auto; }
  
  .kami{ background: url(../img/top/bg_bung.png) center / cover; background-position: 93% 50%; min-height: 200px;}
  
}