@charset "UTF-8";

html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
* {	margin:0;	padding:0; }
a img {	border:none; }
a:link,
a:visited {
	color:#fff;
	text-decoration:underline;
	text-decoration: none;
}
h1, h2, h3, h4 { font-weight: normal; }
a:hover,
a:active {
	text-decoration:none;
}
img { max-width: 100%;}
ul, li { list-style-type: none; padding: 0px; margin: 0px; }
.clear { clear:both; }
span.caption { font-size:60%; }
div.banner { margin: 0px auto 30px; }

html {
	/*font-family   : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: 'fgutsukushiweb',"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"游明朝",YuMincho,"メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,serif!important;
}

body {

	font-weight: normal!important;
	font-style: normal!important;
	font-size     : 12px;
	color         : #221815;
	letter-spacing:0.1em;
	text-align    : center;
	background    : url("../img/bg_main.png");
	width         : 100%;
	height        : 100%;
}

header {
    background: url("../img/bg_head_gnavi.png") center repeat-x;
    width     : 100%;
    height    : 50px;
    color     : #fff;
    position: fixed;
}
header.ja {
    
}
div#lower_menu {
    background: url("../img/main_img02.png") no-repeat;
    max-width: 1024px;
}

  
  div.list_menu { }

  div.list_menu div.group_head {
      background: url("../img/hd_01.png") no-repeat;
      width: 430px; height: 40px; display: block;
  }
  div.menu_texts {
      width: 380px;
      margin: 0px auto;
      text-align: left;
      font-size: 1.15em;
  }
  div.menu_texts h2 { margin-bottom: 15px; line-height: 1.2; }
  div.menu_texts h3 { margin-bottom: 8px; line-height: 1.2; font-size: 1.8em; }
  div.menu_texts h4 { margin-bottom: 8px; line-height: 1.2; font-size: 1.5em; }
  div.menu_texts .cocktail { margin-bottom: 60px; }
  div.menu_texts p { line-height: 1.4; }
  div.list_menu .price { text-align: right; margin: 15px 0px 40px; font-size: 1.3em; }
  
  
  div.menu_texts .aogaeru       { background: url("../img/icon_ct_01.png") no-repeat right top; }
  div.menu_texts .doctor_yellow { background: url("../img/icon_ct_04.png") no-repeat right top; }
  div.menu_texts .twilight      { background: url("../img/icon_ct_05.png") no-repeat right top; }
  div.menu_texts .romance       { background: url("../img/icon_ct_06.png") no-repeat right top; }
  div.menu_texts .ahou          { background: url("../img/icon_ct_07.png") no-repeat right top; }
  div.menu_texts .asia_scarlet {
      background: url("../img/icon_ct_02.png") no-repeat right top;
      margin-left: 40px;
  }
  div.menu_texts .asia_green {
      background: url("../img/icon_ct_03.png") no-repeat right top;
      margin-left: 40px;
  } 
  div.list_menu div.group01 {
      float:left;
      /*margin-right: 60px;*/
      margin-bottom: 60px;
      background: url("../img/bg_cmn_white.png") repeat-y;
  }
  
  div.list_menu div.group02 {
      float:left;
      margin-bottom: 60px;
      background: url("../img/bg_cmn_white.png") repeat-y;
      
  }
  div.list_menu div.group02 h2.alchohol {
      background: url("../img/icon_alchohol.png") no-repeat top right;
      height: 74px;
  }
  div.list_menu dl { width: 380px; }
  div.list_menu dt { clear: left; float:left; width: 230px; line-height: 1.8; }
  div.list_menu dd { text-align: right; line-height: 1.8; }
  
  

  
  div.list_menu div.group03 {
      float: left; margin-bottom: 60px;
      background: url("../img/bg_cmn_white.png") repeat-y; 
  }
  
  div.list_menu div.group04 {
      float: left; margin-bottom: 60px; 
  }
  
/*/////////////////////////// ▽ for large screen ▽ ///////////////////////////*/


@media screen and (min-width: 920px) { /* 920以上のとき */
  div.wrapper {
      max-width: 1024px;
      margin: 0px auto;
      padding-top:50px;
      text-align: center;
  }

  div.contents {
      max-width: 920px; margin: 0px auto; padding-top: 40px;
  }

  div.logos {
      max-width: 920px;
      margin-bottom: 100px;
  }

  img.logo { float: left; margin-right: 40px; }
  
  h1 { float: left; }

  div.list_menu div.group01 {
      float:left;
      margin-right: 60px;
      margin-bottom: 60px;
      background: url("../img/bg_cmn_white.png") repeat-y;
  }
  div.list_menu div.group02 {
      float:left;
      margin-bottom: 60px;
      background: url("../img/bg_cmn_white.png") repeat-y;
      
  }
  div.list_menu div.group04 .charge { color: #555; margin-left: 25px; padding-top: 370px; }

}

/*/////////////////////////// △ for large screen △ ///////////////////////////*/







/*/////////////////////////// ▽ for small screen ▽ ///////////////////////////*/

@media screen and (max-width: 949px) {
  div.wrapper {
      max-width: 430px;
      margin: 0px auto;
      padding-top:50px;
      text-align: center;
  }

  div.contents {
      max-width: 430px; margin: 0px auto; padding-top: 40px; -webkit-text-size-adjust: 100%;
  }

  div.logos {
      max-width: 500px;
      margin-bottom: 30px;
  }

  img.logo { float: none; margin-right: 0px; }
  h1 { float: none; }
  
  div.list_menu { margin-right: 0px; }
  div.list_menu div.group_head {
    background: url("../img/hd_01.png") no-repeat;
    width: 295px;
    height: 40px;
    display: block;
  }
  
  div.list_menu div.group01 {
      margin-right: 0px;
      margin-bottom: 60px;
      background: url("../img/bg_cmn_white.png") repeat-y;
  }
  div.list_menu div.group02 {
      margin-bottom: 60px;
      background: url("../img/bg_cmn_white.png") repeat-y;
  }
  div.menu_texts {
    width: 280px;
    margin: 0px auto;
    text-align: left;
    font-size: 1.15em;
    -webkit-text-size-adjust: 100%;
  }
  div.menu_texts h2 {
     margin-bottom: 15px; line-height: 1.2;
     font-size: 18px;
  }
  div.menu_texts h3 {
   margin-bottom: 8px;line-height: 1.2;
   font-size: 16px; 
  }
  div.menu_texts h4 { 
   margin-bottom: 8px; line-height: 1.2;
   font-size: 14px;
  }
  div.menu_texts .cocktail { margin-bottom: 60px; font-size: 10px; }
  div.menu_texts p { line-height: 1.4; font-size: 10px; }
  div.list_menu div.group04 .charge { color: #555; padding-top: 0px; width: 280px; }
  div.list_menu dl {  width: 285px; font-size: 10px;  }
  div.list_menu dt { clear: left; float:left; width: 160px; line-height: 1.8; }
  div.list_menu dd { text-align: right; line-height: 1.8; }
  .charge p { font-size: 10px; }
  a.link_concept { margin: 0px auto;}
  a.link_concept img { margin-bottom: 20px; }
  a.link_menu { margin: 0px auto; }
  a.link_menu img { margin-bottom: 20px; }

}
/*/////////////////////////// △ for small screen △ ///////////////////////////*/



/*****                ****/

div#top {
    background: url("../img/main_img01.png") no-repeat;
    max-width: 1024px;
}



/*/////////////////////////// ▽ concept ▽ ///////////////////////////*/
div#lower_concept {
    background: url("../img/main_img03.png") no-repeat;
    max-width: 1024px;
}
.concept_content .concept_texts h2 {
  margin-bottom: 30px;
  font-size: 1.7em;
}

@media screen and (min-width: 950px) {
  .concept_content {
      max-width: 920px;
      margin-bottom: 60px;
      background: url("../img/bg_cmn_white920.png") repeat-y;
  }
  .head920 {
      background: url("../img/hd_02.png") no-repeat;
      width: 920px; height: 40px; display: block;
  }
  .concept_content .concept_texts {
     width: 825px;
     margin: 0px auto;
     padding-bottom: 30px;
     font-size: 15px; 
     text-align: left;
  }
}

@media screen and (max-width: 949px) {
  .concept_content {
      width: 295px;
      margin: 0px auto;
      margin-bottom: 60px;
      
      background: url("../img/bg_cmn_white.png") repeat-y;
  }
  .head920 {
      background: url("../img/hd_01.png") no-repeat;
      width: 295px; height: 40px; display: block;
  }
  .concept_texts h2 {
      width: 280px;
      margin-bottom: 30px; margin-left: 5px; font-size: 18px;
}
  .concept_content .concept_texts {
     width: 260px;
     margin: 0px auto;
     padding-bottom: 30px;
     font-size: 10px;
     text-align: left;
  }
}

/*/////////////////////////// △ concept △ ///////////////////////////*/