@charset "utf-8";
/*** S_COMMON AROMA ***/
* {
	margin: 0;
	padding: 0;
}
html,body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:100%;
	margin:0 auto;
	min-width:320px;
/*
	max-width:640px;
*/
	font-size:12px;
	background:#FFF;
}
a{
	color:#001c55;
	text-decoration:none;
}
a:visited{color:#6a005f;}
a:hover,
a:active{
	color:#00a0e9;
}
.clear{ clear:both;}
li{
	list-style:none;
}
ul{
	padding:0;
	margin:0;
}
figure{
	margin: 0;
}
img{vertical-align:top;}
main{
	max-width: 640px;
	margin: 0 auto;
	z-index: 10;
	background:#fff;
}
h1{
	text-align:center;
	color:#f5bc4d;
	font-size:80%;
	background:#FFF;
}
/***** HEADER *****/
header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
}
#header {
    width: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding-bottom: 4px;
}
#head_box{
	width:100%;


}
#head_icons{
	display:table;
	max-width:640px;
	width:100%;
}
.head_icons_l, .head_icons_c, .head_icons_r{
	display:table-cell;
}
.head_icons_l{
	position:relative;
	width:30%;
	vertical-align:middle;
}
.icons_ul {
	width: 100%;
	display: table;
}
.icons_li {
	width: 33%;
	display: table-cell;
	box-sizing:border-box;
	padding:0 2%;
}
.icons_li a img{
	vertical-align: middle;
}
.head_icons_c{
	width:65%;
	vertical-align:top;
	position:relative;
	text-align: center;
}
.head_icons_r div{
	position:relative;
	box-sizing:border-box;
 	z-index:2;
	text-align:center;
}
.head_icons_r div img{
	padding:4px 0;
}
.head_icons_r{
	position:relative;
	width:15%;
	text-align:right;
	vertical-align:middle;
}
.head_fix{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:2;
}
#store_data{

	margin-bottom:10px;
}
#store_data ul{
	padding:6px;
}
#store_data li{
	color:#111;
	text-align:center;
}
.store_data_tel a{
	color:#111;
	font-size:140%;
}
/***** NAV *****/

/***** NAV Hamburger 20180131 *****/
.menu-trigger,
.menu-trigger span{
	display:inline-block;
  	transition:all .4s;
  	box-sizing:border-box;
  	cursor:pointer;
}
.menu-trigger{

	position:relative;
  	width:50px;
  	height:50px;

 	z-index:2;

	border-radius:4px;
}
.menu-trigger span{
	position: absolute;
  	background: #b85538;
  	width: 26px;
  	height :2px;
  	left: 0;
  	right: 0;
  	margin: auto;
}
.menu-trigger span:nth-of-type(1){
	top: 15px;
}
.menu-trigger span:nth-of-type(2){
	top: 0;
  	bottom: 0;
}
.menu-trigger span:nth-of-type(3){
  	bottom: 15px;
}
.menu-trigger.active span:nth-of-type(1){
  	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2){
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3){
  	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}
.g-nav{
	display: none;
  	position: fixed;
  	top: 0;
	right:0;
  	width: 60%;
  	height:100%;
	z-index:1;
	/*
	background-color: rgba(0,28,85,0.85);
	*/
	background-color: rgba(185,85,56,0.85);
}
.drawer_menu{
	width:100%;
}
.list_r{
	width:90%;

	margin:0 auto;

}
.list_r .item{
	width:100%;

  	border-bottom: 1px solid #ccc;
	display:table;
}
.list_r .item a{
	display:block;
  	color:#642c14;
  	padding:4px 0;
	font-size:12px;
	width:100%;
}
.list_r .item a img{
	vertical-align:middle;
	padding:0 6px;
}
.list_r .item a .item_l{
	display:table-cell;
	box-sizing:border-box;
	width:95%;
	text-align:left;
	
	color:#FFF;
	
}
.list_r .item a .item_r{
	display:table-cell;
	width:5%;
	box-sizing:border-box;
}
.list_r .menu_tel {
    width: 100%;
    background: #1aabf3;
    opacity: 0.9;
    margin-top: 2px;
    border-bottom: 1px solid #fff;
}
.list_r .menu_tel a{
	display:block;
  	text-align:center;
  	color:#fff;
  	padding:4px 0;
	font-size:12px;
	font-weight:bold;
}
.list_r .menu_line {
    width: 100%;
    background: #27B401;
    opacity: 0.9;
    margin-top: 2px;
    border-bottom: 1px solid #fff;
}
.list_r .menu_line a{
	display:block;
  	text-align:center;
  	color:#fff;
  	padding:4px 0;
	font-size:12px;
	font-weight:bold;
}
.list_r .menu_sms{
	width:100%;
	background:#92ace3;
	opacity:0.9;
	margin-top:2px;
  	border-bottom: 1px solid #fff;
}
.list_r .menu_sms a{
	display:block;
  	text-align:center;
  	color:#fff;
  	padding:4px 0;
	font-size:12px;
	font-weight:bold;
}
.list_r .menu_tel a img{
	vertical-align:middle;
	padding-right:4px;
}
/***** CONTENTS *****/

.common_tit_sub{

	background-color:#FDF1C1;
	width:96%;
	margin:5px auto;
	font-weight:600;
	padding:5px;
	color:#111;
	border-radius:10px;
	text-align:center;
	font-size:1.1rem;
}
.common_tit_sub h2{
	font-size:1.4rem;
}
.common_txt{
	padding:10px;
	font-size:1.1rem;
}
.common_txt span{
	color:#ff0000;
	font-weight:600;
}
.ttl_common{

}
.ttl_common h2{
	text-align:center;

}
#ttl_page{

	width:96%;
	padding:4px;
	box-sizing:border-box;
	margin:0 auto 10px auto;
}

/*
.ttl_common_1 h2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:1.8rem;
	padding:4px 0;
	text-align:center;
	color:#3f2100;
}
.ttl_sub{
	background:#737373;
	width:96%;
	margin:0 auto;
	padding:5px;
	font-size:1.4rem;
	font-weight:600;
	color:#FFF;
	box-sizing:border-box;
}
.ttl_sub h2{
	font-size:1.4rem;
}
*/
/*** NEWFACE CAST ***/
#cast_art {
    width: 100%;
    padding: 2%;
    margin: 0 auto 10px auto;
    box-sizing: border-box;
    background:#FDF1C1;
}
#cast_div {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #b9b9b9;
}
#cast_ul{
	display:table;
	font-size:0;
	width:100%;
	margin:0 auto;
}
.cast_li{
	display:inline-block;
	width:50%;
	padding:0 4px 10px 4px;
	text-align:center;
	box-sizing:border-box;
	vertical-align:top;
}
.cast_li a:hover{
	text-decoration:none;
}
.cast_li figure .cast_ph{
	position:relative;
}
.cast_li figure .cast_ph .cast_new{
	position:absolute;
	bottom:0;
}
.cast_li figure figcaption{
	padding-top:4px;
	font-size:1.0rem;
	color:#111;
}
.cast_name{
	font-weight:bold;
	line-height:1.5;
}
.cast_size{
	line-height:1.5;
}
.cast_today{
	font-size:1.1rem;
	font-weight:bold;
}
.ttl_h2_box {
    text-align: center;
    line-height: 22px;
    margin: 20px 0 10px 0;
}
h2 {
    font-size: 14px;
}
p.h2_sub {
    /* font-family: Noto Sans JP; */
    color: #f5bc4d;
    font-size: 28px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
/***** TWITTER *****/
#twitter_ul {
    max-width: 640px;
    margin: 20px auto;
    background:#FDF1C1;
}
.twitter_li{
	background-position:center 0;
	width:96%;
	height:480px;
	padding:10px;
	margin:0 auto;
	box-sizing:border-box;

}
.twitter_box{
	box-sizing:border-box;
	height:460px;
	overflow:hidden;
	background: #fff;
    border: 1px solid #b9b9b9;
}
li.twitter_li .twitter_ttl{
	display:table;
	margin:0 auto;
	text-align:center;
	height:50px;
}
.twitter_ttl_l, .twitter_ttl_c, .twitter_ttl_r{
	display:table-cell;
	vertical-align:middle;
}
.twitter_ttl_l img, .twitter_ttl_r img{
	vertical-align:middle;
}
.twitter_ttl_c{
	line-height:50px;
	text-align:center;
}

/***** FOOTER *****/

#page_top{
	background:#EEE;
	margin-top:12px;
	text-align:center;
	color:#f5bc4d;
	font-weight:600;
	font-size:1.2rem;
	padding:5px 0;
	couser:pointer;
}
#footer{
	width:100%;
    background: #f5bc4d;
}
#footer_menu{
	padding:5px;
	display:table;
	font-size:0;
	text-align:center;
	max-width:640px;
	margin:0 auto;
}
#footer_menu li{
	display:inline-block;
	font-size:1.2rem;
	color: #fff;
	text-align:cener;
	padding:2px 4px;
}
#footer_menu li a{
	font-size:1.2rem;
	color: #fff;
}
.footer_logo{
	text-align:center;
	max-width:640px;
	margin:0 auto;
	padding-top: 10px;
}
.footer_logo img{
	max-width: 180px;
}
#copywriter{
	background:#FFF;
	padding:5px 0;
	font-size:1.2rem;
	text-align:center;
}
#copywriter small{
	color:#111;
}
#copywriter small a{
	color:#111;
}
#pcsite_change{
	text-align:center;
}
#pcsite_change input{
	margin:0 auto;
	width:100px;
	height:20px;
}
/***** NAV Hamburger 20181211 ここから *****/
/*ヘッダーまわりはご自由に*/
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #f5bc4d;
    display: block;
    content: '';
    cursor: pointer;
}
#nav-open span:before {
    bottom: -8px;
}
#nav-open span:after {
    bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    right:0;
    /*
    left: 0;
    */
    z-index: 9999;/*最前面に*/
    width: 70%;/*右側に隙間を作る*/
    max-width: 330px;/*最大幅*/
    height: 100%;
    background: #f5bc4d;/*背景色*/
    transition: .6s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    //transform: translateX(-105%);/*左に隠しておく*/
    transform: translateX(200%);/*右に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/***** NAV Hamburger 20181211 ここまで *****/
.link_box a {
    font-size: 12px;
    color:#001c55 ;
}