@charset 'utf-8';
@import url(//fonts.googleapis.com/css?family=El+Messiri);

/* .info_tx
--------------------------------------------------*/
.info_tx {
  text-align: center;
  width:96%;
  margin:0 2%;
  font-size:16px;
  text-shadow:1px 1px 1px #000;
  color:#FFF;
}

@media screen and (max-width: 800px) {
.info_tx {
  text-align: left;
  width:94%;
  margin:0 3%;
  text-shadow:none;
}
}

.info_tx h2{
  margin-bottom:1%;
  font-weight:600;
  font-size:2em;
}

.info_tx p{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  font-size:1.1em;
}


@media screen and (max-width: 800px) {
.info_tx h2{
  font-size:1.6em;
  text-align: center;
}
}

@media screen and (max-width: 568px) {
.info_tx h2{
  font-size:1.2em;
}
.info_tx p{
  font-size:1em;
}
}

/* page_ttl
--------------------------------------------------*/
.page_ttl{
  width:100%;
  float:left;
  text-align:center;
  margin:2% 0 3%;
}

@media only screen and  (max-width: 800px) {
.page_ttl{
	padding:0 0 1%;
	margin:1% 0 3%;
}
}

.pg_ttl{
	font-size:2.2em;
	font-weight:normal;
	margin-bottom:5px;
	text-align:center;
	color:#FFF;
}

.page_ttl .pg_en{
	font-weight:400;
	font-size:0.9em;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	text-align:center;
	color:#FFF;
}


@media only screen and  (max-width: 568px) {
.pg_ttl{
	font-size:1.4em;
	margin-bottom:0;
}
}

/* shop_box
--------------------------------------------------*/
.shop_box {
margin:2% auto 5%;
width:100%;
}

/* .shop_photo
--------------------------------------------------*/
.shop_photo {
  width:52.5%;
  float:left;
  margin:1% 0 2% 0;
}

@media only screen and  (max-width: 800px) {
.shop_photo {
	width:96%;
	margin:2% 2%;
	box-sizing: border-box;
}
}

@media only screen and  (max-width: 568px) {
.shop_photo {
	width:100%;
	margin:2% 0;
}
}

/* shop_info
--------------------------------------------------*/
.shop_info{
	width:44%;
	float:right;
	margin:1.5% 0;
}

@media only screen and  (max-width: 800px) {
.shop_info{
	width:96%;
	margin:1% 2%;
}
}

.shop_info p {
	padding:0;
}

.tor_text {
	line-height:1.8;
	margin-top:0;
	margin-bottom:5px;
	color:#FFF;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:400;
	font-size:1em;
}

@media only screen and  (max-width: 1280px) {
.tor_text {
	margin-bottom:0;
}
}

@media only screen and  (max-width: 568px) {
.tor_text {
	margin-bottom:5px;
}
}

.tor_text strong {
	color:#FCFF00;
}

.shop_text{
	width:44%;
	float:right;
	margin:0 0 0 0;
	overflow:hidden;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

@media only screen and  (max-width: 800px) {
.shop_text{
	width:96%;
	margin:0 2%;
}
}

@media only screen and  (max-width: 800px) {
.shop_text{
	width:98%;
	margin:0 1% 2%;
}
}

.shop_text .tl_point{
	font-weight:400;
	font-family: 'Noto Sans TC', sans-serif;
	width:100%;
	padding:5px 3% 5px 3%;
	font-weight:normal;
	background:#A7100E;
	color:#FFF600;
	box-sizing: border-box;
	font-size:16px;
}


.s_text{
	width:100%;
	box-sizing: border-box;
    margin:0 0 10px 0;
	padding:0 2% 0;
	background:#FFF;
	color:#B70202;
	font-size:1em;
	font-weight:400;
	font-family: 'Noto Sans TC', sans-serif;
}

.s_text li{
	padding:2% 2% 1.2%;
	border-bottom:0.05em dotted #726626;
}

.s_text li:last-child {
	border-bottom:none;
	padding:2% 2% 2%;
}

/* shop-syousai
--------------------------------------------------*/
.shop-syousai{
	width:100%;
	box-sizing: border-box;
	padding: 1.5% 2% 1%;
	border:1px solid #000;
	float:left;
	margin:2% 0 1%;
	background:#FFF;
}

@media screen and (max-width: 568px) {
.shop-syousai{
	padding: 2% 3% 0%;
	margin:0 auto;
	width:100%;
	float:none;
}
}

.shop-syousai dl{
	width:100%;
	box-sizing: border-box;
	clear:both;
	margin:0% auto 5px;
	padding:5px 0;
	float:left;
	border-bottom:1px dotted #ccc;
}

.shop-syousai dl:last-child {
	border-bottom: none;
}

.shop-syousai dt{
	float:left;
	padding:2px 0 ;
	background	: #3E3E3E;
	color:#FFF;
	font-size:0.9em;
	margin:0 15px 0 0;
	width:90px;
	text-align	: center;
}

@media screen and (max-width: 568px) {
.shop-syousai dt{
	font-size:0.8em;
}
}

.shop-syousai dd{
	display:table-cell;
	vertical-align:middle;
	font-size:1em;
	font-weight:400;
	font-family: 'Noto Sans TC', sans-serif;
}
.shop-syousai dd p{
	width:100%;
	line-height:1.8;
}

@media screen and (max-width: 568px) {
.shop-syousai dd{
	width:100%;
	clear:both;
	display:block;
	line-height:1.6;
	padding:1.5% 1% 1%;
	box-sizing: border-box;
	font-size:14px;
}
}

.shop-syousai dl .line01{
	width:100%;
	clear:both;
	display-block;
	margin:5px auto 5px;
	border-bottom:1px solid #000;;
}

.shop-syousai dl strong{
	color:#B70202;
}

.shop-syousai dd span{
	color:#B70202;
	font-size:1.2em;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}

.shop-syousai dd small{
	font-size:1em;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}

.shop-syousai dd img{
	width:100%;
	height:auto;
	max-width:307px;
}

@media screen and (max-width: 568px) {
.shop-syousai dd img{
	max-width:161px;
}
}

.shop-syousai dd a{color:#B70202;text-decoration:underline;}
.shop-syousai dd a:hover{color:#B70202;text-decoration:none;}

/* st-view
--------------------------------------------------*/
.st-view{
	width:100%;
	margin:3% auto 2%;
}

@media screen and (max-width: 568px) {
.st-view{
	width:98%;
}
}

.stv_top{
	padding:0 2% 3%;
	text-align	: center;
}

.stv_top p{
	padding:3px 0;
	color:#FFF;
}

@media screen and (max-width: 568px) {
.stv_top p{
	font-size:0.9em;
}
}

.stv_top img{
	width:100%;
	height:auto;
	max-width:580px;
}

/* acc-map
--------------------------------------------------*/
.acc-map{
	width:100%;
	margin:3% auto 1%;
}

@media screen and (max-width: 568px) {
.acc-map{
	width:98%;
}
}

.acc_top{
	padding:0 2% 5px;
	display:block;
	border-bottom:1px solid #FFF;
	font-size:1.2em;
	color:#FFF;
	font-weight:400;
	font-family: 'Noto Sans TC', sans-serif;
}

.map-google{
	width:100%;
	margin:2% auto;
}
.map-google iframe {
  width: 100%;
  height: 100%;
  min-height:450px;
}

@media only screen and  (max-width: 568px) {
.map-google iframe {
  min-height:300px;
}
}
.acc_text{
	padding:0 2%;
	font-size:1em;
	color:#FFF;
	font-weight:400;
	font-family: 'Noto Sans TC', sans-serif;
}

.acc_text span{
	font-size:1.2em;
	color:#FCFF00;
}

.res_bt{
	margin-top:30px;
	color:#7B7B7B;
	font-size:16px;
	text-align: center;
	clear:both;
}

.res_bt a{color:#FFF;padding:10px 20px;background-color:#1662AE;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.res_bt a:hover{color:#FFF;text-decoration:none;background-color:#000;}

@media only screen and  (max-width: 800px) {
.res_bt{
	margin-bottom:25px;

}
}

@media only screen and  (max-width: 568px) {
.res_bt{
	margin-top:25px;
	font-size:14px;

}
}

/* parking
--------------------------------------------------*/
#parking{
	width:100%;
	margin:3% auto;
	text-align: center;
	box-sizing: border-box;
}

#parking img{
	width:100%;
	height:auto;
	max-width:789px;
	border:1px solid #CCC;
}

/* .contact_box
--------------------------------------------------*/
.contact_box {
    width: 98%;
	line-height	: 1.8;
	margin:3% 1% 4%;
}

.con_tx{
	font-size:14px;
	padding:5px;
	color:#FFF;
	}
	
.con_tx span{
	color:#FCFF00;
	font-size:1.1em;
	}

.con_tx strong{
	color:#FCFF00;
	font-size:1.6em;
	}
		
.contact_box table{
	width		: 100%;
	box-sizing: border-box;
	margin		: 0 0;
	border-top      : solid 1px #E0E0E0;
	border-left      : solid 1px #E0E0E0;
	border-right     : solid 1px #E0E0E0;
	font-size:14px;
	background:#FFF;
	}

@media screen and (max-width: 568px) {
.contact_box table{
	font-size:13px;
	line-height	: 1.6;
}
}

.contact_box td{
	padding		: 15px 5px 12px 15px;
	border-bottom	: solid 1px #E0E0E0;
	text-align	: left;
	}

@media screen and (max-width: 800px) {
.contact_box td{
	padding		: 10px 5px 10px 10px;
}
}

.contact_box td span{
	font-size:14px;
	font-weight:bold;
	padding:5px 0 0 5px;
	color:#DE2929;
	}
	
.contact_box th{
	border-right	: dotted 1px #E0E0E0;
	border-bottom	: solid 1px #E0E0E0;
	text-align	: center;
	padding		: 15px 10px 12px 10px;
	background: url(//www.the4seasons.jp/images/table_bg.png);
	width:18%;
	font-size:14px;
	}

@media screen and (max-width: 800px) {
.contact_box th{
	width:20%;
	padding		: 15px 5px 12px 5px;
}
}

@media screen and (max-width: 568px) {
.contact_box th{
	width:25%;
	padding		: 10px 5px;
	box-sizing: border-box;
	font-size:0.9em;
}
}

.contact_box input{
	padding		: 5px;
	border:1px solid #CCC;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	color:#000;
	margin-right:5px;
	}

.contact_box .ipt{
	padding		: 5px;
	border:1px solid #CCC;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	color:#000;
	}
	
.contact_box textarea{
	padding		: 2px 5px;
	border:1px solid #CCC;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	}
	
.contact_box select{
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	background: #FF;
	background: url(//www.the4seasons.jp/images/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#FFF 100%);
	background: url(//www.the4seasons.jp/images/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#FFF 100%);
	background-size: 20px, 100%;
	margin:5px;
	padding: 5px 25px 5px 5px;
	line-height:1;
}

@media screen and (max-width: 568px) {
.contact_box select{
	margin:5px 5px 5px 0;
	padding: 5px 15px 5px 2px;
	background-size: 15px, 100%;
}
}

.contact_box .ws{
	width:90%;
}

@media screen and (max-width: 568px) {
.contact_box .ws{
	width:96%;
	margin-right:4%;
}
}

.contact_box .wss{
	width:140px;
	margin-bottom:5px;
}

@media screen and (max-width: 568px) {
.contact_box .wss{
	margin-right:4%;
}
}

.contact_box .btn_send{
	text-align	: center;
	
	}
	
.contact_box .btn_send input{
	padding		: 10px;
	background-color:#1662AE;
	color:#FFF;
	cursor: pointer;
	}

.contact_box .btn_send input .brdv{
	-webkit-border-radius:5px!important;-moz-border-radius:5px!important;border-radius:5px!important;
	border:none!important;
	}
	
.contact_box .btn_send input:hover{
	background-color:#000;
	color:#FFF;
	}
	
.contact_box sup{
	color:#FD4F4F;
	margin-left:3px;
}

.contact_box input[type=radio],.contact_box input[type=checkbox] {
  display: none;
}

.contact_box .radio, .contact_box .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 5px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}

.contact_box .radio:hover, .contact_box.checkbox:hover {
  background-color: #F3D5D5;
}

.contact_box .radio:hover:after,.contact_box .checkbox:hover:after {
  border-color: #DFF9FB;
}
.contact_box .radio:after,.contact_box .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 17px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.contact_box .radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  margin-left:2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #DE2929;
  content: '';
  opacity: 0;
}
.contact_box input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.contact_box .checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #88D8E9;
  border-bottom: 3px solid #88D8E9;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contact_box input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

/* menu_box
---------------------------------------------------------------------------*/
.menu_box {
  width:100%;
  padding: 0;
  float:left;
}

.menu_list {
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 3% 3% 4%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
}

.bg-mwh{
  background-image: url(//www.the4seasons.jp/images/bg_cow.png);
  background-position: 2% 10px;
  background-color:#FFF;
  background-size: 10% auto;
}

@media screen and (max-width: 800px) {
.menu_list {
	width:98%;
}
}

@media screen and (max-width: 568px) {
.menu_list {
	width:100%;
}
}

.Lmenu_list {
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 3% 3% 4%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
}

@media screen and (max-width: 1280px) {
.Lmenu_list {
	padding: 2% 2% 3%;
}
}

@media screen and (max-width: 568px) {
.Lmenu_list {
	width:100%;
}
}

.line001{
  clear:both;
  margin:0 auto 5%;
}

.bgn{
  border:3px solid #275C1C;
  width:100%;
  padding: 1% 2% 2%;
  box-sizing: border-box;
  margin-top:1%;
}

@media screen and (max-width: 568px) {
.bgn{
	border:2px solid #275C1C;
}
}

.menu_list .menu_ttl{
  text-align: center;
  margin:20px auto 10px;
  font-family: 'Libre Baskerville', sans-serif;
  font-weight:700;
  text-transform: uppercase;
  line-height:1.2;
}

@media screen and (max-width: 568px) {
.menu_list .menu_ttl{
  font-weight:600;
  line-height:1.4;
}
}

.Lmenu_list .menu_ttl{
  text-align: center;
  margin:20px auto 10px;
  font-family: 'Libre Baskerville', sans-serif;
  font-weight:700;
  text-transform: uppercase;
  line-height:1.2;
}

@media screen and (max-width: 568px) {
.Lmenu_list .menu_ttl{
  font-weight:600;
  line-height:1.4;
}
}

.menu_list .blk{
  font-size:2.5em;
  color:#336699;
}

.menu_list .blks{
  color:#336699;
}

@media screen and (max-width: 800px) {
.menu_list .blk{
	font-size:2em;
}
}

@media screen and (max-width: 568px) {
.menu_list .blk{
	font-size:1.4em;
	margin:15px auto 10px;
}
}

.menu_list .fwht{
  color:#FFF;
  font-size:1.2em;
}

@media screen and (max-width: 568px) {
.menu_list .fwht{
  font-size:1em;
}
}

.menu_list .fwhts{
  color:#FFF;
  font-size:1.6em;
}

@media screen and (max-width: 800px) {
.menu_list .fwhts{
  font-size:1.3em;
}
}

@media screen and (max-width: 568px) {
.menu_list .fwhts{
  font-size:1.1em;
}
}

.menu_list .dwht{
  color:#AF2C22;
  font-size:1.2em;
}

.menu_list .dwhts{
  color:#AF2C22;
  font-size:2.4em;
}

@media screen and (max-width: 568px) {
.menu_list .dwhts{
  font-size:2em;
}
}

.Lmenu_list .lwht{
  color:#AF2C22;
  font-size:2.4em;
}

@media screen and (max-width: 568px) {
.Lmenu_list .lwht{
  font-size:1.8em;
  line-height:1;
}
}

.Lmenu_list .lwhts{
  color:#AF2C22;
}

.menu_list h2{
  font-size:16px;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:400;
  padding:0 0 0 15px;
  text-align: center;
}

.Lmenu_list h2{
  font-size:16px;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:400;
  padding:0 0 0 15px;
  text-align: center;
}

.menu_list h3{
  font-size:16px;
  font-weight:400;
  padding:0 0 0 15px;
  text-align: center;
}

.menu_list table{
	width		: 98%;
	margin : 0 auto 20px;
	border-bottom:1px dotted #D7D7D7;
}

@media screen and (max-width: 568px) {
.menu_list table{
  padding-bottom: 10px;
  margin : 0 auto 10px;
}
}

.menu_list th{
	width:85%;
	box-sizing: border-box;
	text-align: left;
	padding		: 1% 2%;
	line-height:1.6;
	border-left:5px solid #AAAAAA;
	}

@media screen and (max-width: 800px) {
.menu_list th{
	padding		: 1% 0 2%;
}
}

@media screen and (max-width: 800px) {
.menu_list th{
	width:75%;
	padding		: 1% 2% 2%;
}
}

@media screen and (max-width: 568px) {
.menu_list th{
  line-height:1.4;
  width:73%;
  margin-right:0;
}
}

.menu_list .mn_photo{
  width:20%;
  height:auto;
  float:left;
  margin:1.5% 2% 0.5% 0;
  overflow:hidden;
}

.menu_list .mn_photo img{
  width:100%;
  height:auto;
}

@media screen and (max-width: 800px) {
.menu_list .mn_photo{
  width:30%;
  margin:10px 5px 5px 0;
}
}

@media screen and (max-width: 568px) {
.menu_list .mn_photo{
  width:45%;
}
}


.menu_list .mn_nm{
  font-size:1.1em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#336699;
}


@media screen and (max-width: 568px) {
.menu_list .mn_nm{
  font-size:15px;
  font-weight:400;
}
}

.enmn_n{
  font-size:0.9em;
  font-family: 'Libre Baskerville', sans-serif;
  font-weight:500;
}

@media screen and (max-width: 568px) {
.enmn_n{
  font-size:12px;
}
}

.menu_list .mn_nm a{
  color:#336699;
}

.menu_list .mn_nm a:hover{
  color:#336699;
}

.menu_list .mn_cm{
	padding: 2.5% 0 1% 2%;
	font-family:"ƒƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
	font-weight:400;
	font-size:14px;
	}

@media screen and (max-width: 568px) {
.menu_list .mn_cm{
  font-size:12px;
}
}

.menu_list .mn_prc{
	padding: 0 0 1% 2%;
	color:#2F7ECD;
	font-wight:bold;
	font-size:15px;
}

@media screen and (max-width: 800px) {
.menu_list .mn_prc{
  clear:both;
  width:100%;
  padding: 1% 0;
}
}

@media screen and (max-width: 568px) {
.menu_list .mn_prc{
  font-size:14px;
}
}

.menu_list th li{
	width:100%;
	box-sizing: border-box;
	text-align: left;
	padding		: 1% 2% 0;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:400;
	font-size:1.1em;
	}

@media screen and (max-width: 800px) {
.menu_list th li{
  padding: 1% 0 0 1%;
}
}

@media screen and (max-width: 568px) {
.menu_list th li{
  font-size:1em;
  clear:both;
}
}

.menu_list th li p{
	width:100%;
	box-sizing: border-box;
	padding		: 1% 7%;
	font-size:0.9em;
	}
	
.menu_list th li span{
  font-family: 'Libre Baskerville', sans-serif;
  font-weight:400;
  padding-right:10px;
}

.menu_list td{
	box-sizing: border-box;
	text-align: right;
	line-height:1;
	font-family: "Times New Roman", "Ÿΰ–Ύ’©", "Yu Mincho", "Ÿΰ–Ύ’©‘Μ", "YuMincho", serif;
	font-weight:400;
	}

.menu_list .vt{
	vertical-align:top;
	font-size:1.6em;
	padding		: 15px 1% 1%;
	color:#B70202;
	width:15%;
	}
	
@media screen and (max-width: 800px) {
.menu_list .vt{
  width:22%;
  padding		: 10px 2% 1%;
}
}

@media screen and (max-width: 568px) {
.menu_list .vt{
  width:35%;
  padding: 5px 0 1%;
  font-size:1.3em;
}
}
	
.enam{
  color:#000;
  font-size:1.2em;
  font-family: 'Libre Baskerville', sans-serif;
  font-weight:500;
}

@media screen and (max-width: 568px) {
.enam{
  font-size:1em;
}
}

.jpam{
  font-size:16px;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#B32620;
}

@media screen and (max-width: 568px) {
.jpam{
  font-size:14px;
  font-weight:400;
}
}

.jpab{
  font-size:15px;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
}

@media screen and (max-width: 568px) {
.jpab{
  font-size:14px;
}
}

.menu_tx{
	width		: 98%;
	box-sizing: border-box;
	padding:1% 2%;
	margin : 2% auto 0;
	border:1px solid #B38000;
	background:#F7F2E5;
	clear:both;
}

@media screen and (max-width: 568px) {
.menu_tx{
  line-height:1.4;
}
}

.menu_tx2{
	width		: 98%;
	box-sizing: border-box;
	padding:1% 2%;
	margin : 2% auto 2%;
	border:1px solid #B38000;
	background:#F7F2E5;
	clear:both;
}

.menu_tx3{
	width		: 98%;
	box-sizing: border-box;
	padding:1% 2%;
	margin : 3% auto 3%;
	border:1px solid #000;
	clear:both;
}

@media screen and (max-width: 568px) {
.menu_tx3{
  line-height:1.4;
}
}

.menu_txbk{
	width		: 98%;
	box-sizing: border-box;
	padding:1% 2%;
	margin : 2% auto 2%;
	background:#404040;
	clear:both;
}

@media screen and (max-width: 568px) {
.menu_txbk{
  line-height:1.4;
}
}

.bg_dbk{
	background: rgba(217, 217, 217, 0.8);
	padding:5px 10px;
	box-sizing: border-box;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
	margin:2% 0 0;
}

.enams{
  color:#000;
  font-size:14px;
  font-family: 'Libre Baskerville', sans-serif;
  font-weight:500;
}

@media screen and (max-width: 568px) {
.enams{
  font-weight:400;
  font-size:12px;
}
}

.jpams{
  font-size:14px;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#B32620;
}

@media screen and (max-width: 568px) {
.jpams{
  font-weight:400;
}
}

.enams2{
  color:#FFF;
  font-size:1.1em;
  font-family: 'Libre Baskerville', sans-serif;
  font-weight:500;
}

@media screen and (max-width: 568px) {
.enams2{
  font-size:1em;
}
}

.jpamsb{
  font-size:15px;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#000;
}

@media screen and (max-width: 568px) {
.jpamsb{
  font-weight:400;
  font-size:14px;
}
}

.jpamsb2{
  font-size:14px;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#FFF;
}

@media screen and (max-width: 568px) {
.jpamsb2{
  font-weight:400;
}
}
.yens{
  font-family: "Times New Roman", "Ÿΰ–Ύ’©", "Yu Mincho", "Ÿΰ–Ύ’©‘Μ", "YuMincho", serif;
  font-weight:400;
  font-size:1.1em;
}

.piztx{
  font-size:13px;
  text-align: right;
  margin:1% 1% 0;
  clear:both;
}

.piztx span{
  color:#FFF;
}

/* menu_syousai
---------------------------------------------------------------------------*/
.menu_syousai{
	width		: 100%;
	float:left;
	box-sizing: border-box;
	padding : 10px 10px 0;
}

.menu_syousai .mn_nam{
  font-size:1.4em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#336699;
  margin-bottom:3%;
  border-bottom:2px solid #336699;
  padding:2% 2% 5px;
}

@media screen and (max-width: 800px) {
.menu_syousai .mn_nam{
  font-size:1.2em;
  font-weight:400;
}
}

@media screen and (max-width: 568px) {
.menu_syousai .mn_nam{
  font-size:1em;
  font-weight:400;
  margin-bottom:5%;
}
}

.menu_syousai .mn_ph{
  width:100%;
  magin:0 auto;
}

.menu_syousai .mn_ph img{
  width:100%;
  height:auto;
}

.menu_syousai .mn_text{
  width:100%;
  box-sizing: border-box;
  padding: 0 1.5% 1%;
}

.menu_syousai .mn_tx01{
  margin-bottom:10px;
}

.menu_syousai .mn_tx02{
	padding: 0 0 1% 2%;
	color:#2F7ECD;
	font-wight:bold!important;
	font-size:14px;
}

@media screen and (max-width: 568px) {
.menu_syousai .mn_tx01{
  font-size:14px;
  margin-bottom:5px;
}

.menu_syousai .mn_tx02{
  font-size:13px;
}
}

.menu_syousai .mn_sprice{
	text-align: right;
	font-family: "Times New Roman", "Ÿΰ–Ύ’©", "Yu Mincho", "Ÿΰ–Ύ’©‘Μ", "YuMincho", serif;
	font-weight:400;
	font-size:2em;
	padding		: 1% 2%;
	color:#B70202;
	}

/* original_menu
---------------------------------------------------------------------------*/
.original_menu {
  width:100%;
  margin:3% auto 3%;
  box-sizing: border-box;
  padding: 3%;
  background-color:#FFF;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  float:left;
  clear:both;
  -webkit-border-radius:5px!important;-moz-border-radius:5px!important;border-radius:5px!important;
}

@media screen and (max-width: 800px) {
.original_menu {
	width:98%;
	 margin:2% 1%;
}
}

@media screen and (max-width: 568px) {
.original_menu {
	width:100%;
	margin:1% 0;
}
}

.original_menu .original_ttl{
  font-size:1.4em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  padding:0.5% 2% 2.5%;
  color:#336699;
}

@media screen and (max-width: 568px) {
.original_menu .original_ttl{
	font-size:1.2em;
}
}

.original_menu table{
	width		: 98%;
	margin : 0 auto 20px;
	border-bottom:1px dotted #D7D7D7;
}

@media screen and (max-width: 568px) {
.original_menu table{
  padding-bottom: 10px;
  margin : 0 auto 10px;
}
}

.original_menu th{
	width:85%;
	box-sizing: border-box;
	text-align: left;
	padding		: 1% 2%;
	line-height:1.6;
	border-left:5px solid #AAAAAA;
	}

@media screen and (max-width: 800px) {
.original_menu th{
	width:75%;
	padding		: 1% 2% 2%;
}
}

@media screen and (max-width: 568px) {
.original_menu th{
  line-height:1.4;
  width:73%;
  margin-right:0;
}
}


.original_menu .mn_photo{
  width:20%;
  height:auto;
  float:left;
  margin:1.5% 2% 0.5% 0;
  overflow:hidden;
}

@media screen and (max-width: 800px) {
.original_menu .mn_photo{
  width:30%;
  margin:10px 5px 5px 0;
}
}

@media screen and (max-width: 568px) {
.original_menu .mn_photo{
  width:45%;
}
}

.original_menu .mn_photo img{
  width:100%;
  height:auto;
}

.original_menu .mn_nm{
  font-size:1.1em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#000;
}

@media screen and (max-width: 568px) {
.original_menu .mn_nm{
  font-size:15px;
  font-weight:400;
}
}

.original_menu .enmn_n{
  font-size:0.9em;
  font-family: 'Libre Baskerville', sans-serif;
  font-weight:500;
}

@media screen and (max-width: 568px) {
.original_menu .enmn_n{
  font-size:12px;
}
}

.original_menu .mn_nm a{
  color:#000;
}

.original_menu .mn_nm a:hover{
  color:#000;
}

.original_menu .mn_cm{
	padding: 2.5% 0 1% 2%;
	font-family:"ƒƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
	font-weight:400;
	font-size:14px;
	}

@media screen and (max-width: 568px) {
.original_menu .mn_cm{
  font-size:13px;
  line-height:1.6;
}
}


.original_menu .mn_prc{
	padding: 0 0 1% 2%;
	color:#336699;
	font-wight:bold;
	font-size:15px;
}

.original_menu td{
	box-sizing: border-box;
	text-align: right;
	line-height:1;
	font-family: "Times New Roman", "Ÿΰ–Ύ’©", "Yu Mincho", "Ÿΰ–Ύ’©‘Μ", "YuMincho", serif;
	font-weight:400;
	}
	
.original_menu .vt{
	vertical-align:top;
	font-size:1.6em;
	padding		: 15px 2% 1%;
	color:#B70202;
	width:15%;
	}
	
@media screen and (max-width: 800px) {
.original_menu .vt{
  width:22%;
  padding		: 10px 2% 1%;
}
}

@media screen and (max-width: 568px) {
.original_menu .vt{
  width:20%;
  padding		: 5px 2% 1%;
}
}


/* seafood_list
---------------------------------------------------------------------------*/
.seafood_list{
  width:100%;
  margin:2% auto 0;
  box-sizing: border-box;
  padding:2% 2% 0;
  float:left;
}

@media screen and (max-width: 800px) {
.seafood_list{
  padding:2% 1% 0;
}
}

.bg-sef-fish{
  background-image: url(//www.the4seasons.jp/images/bg_fish.png);
  background-color:#008DB8;
  border:3px solid #016B83;
  background-position: 4% 5%;
  background-size: 18% auto;
}

.bg-sef-ebis{
  background-image: url(//www.the4seasons.jp/images/bg-sebi.png);
  background-color:#008DB8;
  border:3px solid #016B83;
  background-position: 5% 5%;
  background-size: 15% auto;
}

.bg-sef-ebi{
  background-image: url(//www.the4seasons.jp/images/bg-ebi.png);
  background-color:#008DB8;
  border:3px solid #016B83;
  background-position: 5% 5%;
  background-size: 15% auto;
}

.bg-sef-wagyu{
  background-image: url(//www.the4seasons.jp/images/bg-wagyu.png);
  background-color:#008DB8;
  border:3px solid #016B83;
  background-position: 5% 5%;
  background-size: 18% auto;
}

.seafood_list ul{
  width:100%;
  border-top:1px dotted #3AA1C0;
  float:left;
  color:#C4E2EC;
  padding-top:2%;
}

.seafood_list li{
  width:46%;
  margin:1% 2%;
  float:left;
}

@media screen and (max-width: 800px) {
.seafood_list li{
  width:48%;
  margin:1%;
  box-sizing: border-box;
  padding:1 2%;
  border-bottom:1px dotted #3AA1C0;
}
}

@media screen and (max-width: 568px) {
.seafood_list li{
  width:100%;
  padding:1%;
  margin:1% 0;
}
}

.seafood_list dl{
  width:100%;
}

.seafood_list li dt{
  float:left;
  width:65%;
  padding:1% 1% 1% 0;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
.seafood_list li dt{
  padding:1% 0 1% 1%;
}
}

.seafood_list li dd{
  float:left;
  width:35%;
  padding:1%;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
.seafood_list li dd{
  padding:1% 2% 1% 0;
  font-size:0.9em;
}
}

.seafood_list dd p{
	font-family: "Times New Roman", "Ÿΰ–Ύ’©", "Yu Mincho", "Ÿΰ–Ύ’©‘Μ", "YuMincho", serif;
	font-weight:400;
	font-size:2.2em;
}

@media screen and (max-width: 800px) {
.seafood_list dd p{
  font-size:1.8em;
}
}

@media screen and (max-width: 568px) {
.seafood_list dd p{
  text-align: right;
}
}

.smn_nm{
  font-size:1.05em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
}

@media screen and (max-width: 800px) {
.smn_nm{
  font-size:1em;
}
}

.smn_nm small{
  font-weight:400;
}

@media screen and (max-width: 568px) {
.smn_nm{
  font-size:14px;
  font-weight:400;
}
}

.senmn_n{
  font-size:0.9em;
}

@media screen and (max-width: 800px) {
.senmn_n{
  font-size:12px;
}
}

.wagyu_list{
  width:100%;
  margin:0 auto 1%;
  float:left;
  padding:1%;
  box-sizing: border-box;
  border-bottom:1px dotted #3AA1C0;
  color:#C4E2EC;
}

.wagyu_list dt{
  float:left;
  width:82%;
  padding:1% 1% 1% 0;
  box-sizing: border-box;
}

.wagyu_list dd{
  float:left;
  width:18%;
  padding:1%;
  box-sizing: border-box;
  text-align: right;
}

@media screen and (max-width: 800px) {
.wagyu_list dt{
  width:80%;
}

.wagyu_list dd{
  width:20%;
  font-size:0.9em;
}
}

@media screen and (max-width: 568px) {
.wagyu_list dt{
  width:70%;
}

.wagyu_list dd{
  float:left;
  width:28%;
  font-size:0.9em;
  text-align: right!important;
  padding:1% 0;
}
}

/* ƒXƒNƒ[ƒ‹ƒ{ƒ^ƒ“
--------------------------------------------------*/
.scr_bt {
	display:block;
	width:98%;
	margin:0 auto 4%;
	letter-spacing:0em;
	font-weight:400;
	text-align: center;
}

@media only screen and  (max-width: 568px) {
.scr_bt  {
	width:100%;
}
}

.scr_bt>li{font-size:1em;display:inline-block;padding-left:5px;padding-right:5px;color:#ccc; margin-bottom:15px;}

@media only screen and  (max-width: 568px) {
.scr_bt>li{padding-left:2px;padding-right:2px;margin-bottom:10px;}
}

.scr_bt a{color:#FFF;display:inline-block;padding:5px 20px 7px;background-color:#6C521B;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;text-decoration:none;}
.scr_bt a:hover{color:#FFF;text-decoration:none;background-color:#A18F63;}


.scr_bt span{
	font-weight:500;
	font-size:14px;
}

/* dinner_list
---------------------------------------------------------------------------*/
.dinner_list{
  width:100%;
  margin:2% auto 0;
  box-sizing: border-box;
  padding:2% 2% 0;
  float:left;
}

.bg-flower{
  background-image: url(//www.the4seasons.jp/images/bg_flower.png);
  background-color:#FBF1CD;
  background-position: 5% 3%;
  background-size: 10% auto;
}

@media screen and (max-width: 568px) {
.bg-flower{
  background-position: 5% 1.5%;
  background-size: 12% auto;
}
}

.bg-dnn{
  background-image: url(//www.the4seasons.jp/images/bg_meat.png);
  background-color:#FBF1CD;
  background-position: 5% 3%;
  background-size: 10% auto;
}

.hibisucus_box{
  width:100%;
  float:left;
  padding-top:2%;
}

.hibisucus_box .hib-top{
  color:#DD3809;
  text-align: center;
  font-size:1.3em;
  width:100%;
  border-top:1px dotted #A50F0B;
  margin:0 auto 1%;
  padding-top:3%;
}

@media screen and (max-width: 568px) {
.hibisucus_box .hib-top{
  font-size:1.2em;
}
}

.hib-photo{
  width:94%;
  margin:2% auto;
}

@media screen and (max-width: 800px) {
.hib-photo{
  width:98%;
  margin:2% auto;
}
}

.hib-photo img{
  width:100%;
  height:auto;
}

.hibisucus_box .hibL{
  width:65%;
  float:left;
  box-sizing: border-box;
  padding:1% 2% 1% 1%;
}

@media screen and (max-width: 800px) {
.hibisucus_box .hibL{
  width:100%;
  padding:1% 0;
}
}

.hibisucus_box .hibL .hib50{
  width:48%;
  box-sizing: border-box;
  float:left;
  margin:1%;
  background-color:#F3DE99;
  padding:2% 2%;
  text-align: center;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

.hibisucus_box .hibL .hib100{
  width:98%;
  float:left;
  margin:1%;
  padding:2% 2%;
  box-sizing: border-box;
  text-align: center;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

.hibisucus_box .hibL .bnm{
  background-color:#F3DE99;
}

.hibisucus_box .hibL .bpk{
  background-color:#F3CAB9;
}

@media screen and (max-width: 568px) {
.hibisucus_box .hibL .bpk{
  background-image: none;
}
}

.hibisucus_box .hibL .hbjp{
  font-size:1.2em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#9A2F0B;
}


@media screen and (max-width: 800px) {
.hibisucus_box .hibL .hbjp{
    font-size:1.1em;
}
}

@media screen and (max-width: 568px) {
.hibisucus_box .hibL .hbjp{
    font-size:1em;
}
}

.hibisucus_box .hibL .hbjps{
  font-size:1em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#9A2F0B;
}
.hibisucus_box .hibL .hbjpp{
  font-size:1.2em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#C6290B;
}

@media screen and (max-width: 800px) {
.hibisucus_box .hibL .hbjpp{
    font-size:1.1em;
}
}

@media screen and (max-width: 568px) {
.hibisucus_box .hibL .hbjpp{
    font-size:1em;
}
}

.hibisucus_box .hibL .hben{
  font-size:0.9em;
  color:#65350E;
}

@media screen and (max-width: 568px) {
.hibisucus_box .hibL .hben{
    font-size:0.8em;
}
}

.hibisucus_box .hibL .hbenp{
  font-size:0.9em;
  color:#C6290B;
}

.hibisucus_box .hibR{
  width:35%;
  float:right;
  box-sizing: border-box;
  padding:1% 1% 1% 2%;
}

@media screen and (max-width: 800px) {
.hibisucus_box .hibR{
  width:70%;
  margin:0 15%;
  padding:2%;
}
}

@media screen and (max-width: 568px) {
.hibisucus_box .hibR{
  width:96%;
  margin:0 2%;
  padding:2%;
}
}

.hibisucus_box .hibR li{
  width:98%;
  float:left;
  margin:1%;
  padding:2% 1%;
  border-bottom:1px dotted #A50F0B;
}

.hibisucus_box .hibR .hbjp{
  font-size:1.2em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#9A2F0B;
}

.hibisucus_box .hibR .hbjps{
  font-size:1.1em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#9A2F0B;
}

.hibisucus_box .hibR .hben{
  font-size:0.9em;
  color:#65350E;
  padding-left:5px;
}

.hibisucus_box .hibR .hbjpgr{
  font-size:15px;
  font-weight:500;
  font-family: 'Noto Sans TC', sans-serif;
  color:#469324;
}

.hibisucus_box .hibR .hbengr{
  font-size:0.8em;
  color:#469324;
  padding-left:5px;
}

.hib_stn{
  width:100%;
  margin:0;
  padding:0;
}

.hibisucus_box .hibR dl{
  width:100%;
  float:left;
  padding:0 0 0 2%;
}

.hibisucus_box .hibR dt{
  width:45%;
  float:left;
  box-sizing: border-box;
  padding:2% 1% 0 0;
}

.hibisucus_box .hibR dd{
  width:55%;
  float:right;
  box-sizing: border-box;
  padding:0 0 0 1%;
}

.hibisucus_box .hibR dd p{
	font-family: "Times New Roman", "Ÿΰ–Ύ’©", "Yu Mincho", "Ÿΰ–Ύ’©‘Μ", "YuMincho", serif;
	font-weight:400;
	font-size:2.2em;
	color:#CB110A;
}

.dinner_syousai{
  width:85%;
  margin:0 auto;
}

@media screen and (max-width: 800px) {
.dinner_syousai{
  width:100%;
}
}

.dinner_syousai dl{
  width:100%;
  float:left;
  margin:0 0 3%;
}

.dinner_syousai dt{
  float:left;
  width:18%;
  box-sizing: border-box;
  text-align: center;
  color:#FFF;
  background-color:#CB5816;
  padding:10px 5px;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

@media screen and (max-width: 800px) {
.dinner_syousai dt{
  width:22%;
}
}

@media screen and (max-width: 568px) {
.dinner_syousai dt{
  width:32%;
}
}


.dinner_syousai dd{
  float:right;
  width:82%;
  box-sizing: border-box;
  color:#CB5816;
  padding:1% 0 1% 20px;
}

@media screen and (max-width: 800px) {
.dinner_syousai dd{
  width:78%;
  padding:1% 0 1% 10px;
}
}

@media screen and (max-width: 568px) {
.dinner_syousai dd{
  width:68%;
}
}

.dinner_syousai .dinjp{
  font-size:1.2em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
}

@media screen and (max-width: 800px) {
.dinner_syousai .dinjp{
  font-size:1.1em;
}
}

@media screen and (max-width: 568px) {
.dinner_syousai .dinjp{
  font-size:1em;
}
}

.dinner_syousai .dinen{
  font-size:0.9em;
  padding-left:5px;
}

@media screen and (max-width: 568px) {
.dinner_syousai .dinen{
  font-size:0.8em;
}
}

.dinner_syousai .dinner50{
  width:46%;
  float:left;
  margin:0 1% 3%;
  background-color:#F3DE99;
  padding:2% 1%;
  text-align: center;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

@media screen and (max-width: 568px) {
.dinner_syousai .dinner50{
  width:49%;
  margin:0 0.5% 5%;
}
}

.dinner_syousai .dinner50 .dinjp{
  color:#9A2F0B;
}

.dinner_syousai .dinner50 .dinen{
  color:#65350E;
  padding-left:5px;
}

.dinner-steak{
  color:#DD3809;
  text-align: center;
  font-size:1.5em;
  width:100%;
  border-top:1px dotted #A50F0B;
  margin:2% auto 1%;
  padding-top:3%;
  font-weight:bold;
}

@media screen and (max-width: 568px) {
.dinner-steak{
  font-size:1.3em;
}
}

.dsteak table{
	width		: 98%;
	margin : 0 1% 5%;
	border-bottom:none;
}

@media screen and (max-width: 800px) {
.dsteak table{
	width		: 100%;
	margin : 0 0 5%;
}
}

.dsteak th{
  width:24%;
  box-sizing: border-box;
  color:#B67335;
  padding:1% 0;
  line-height:1.4;
  border-left:none;
}

@media screen and (max-width: 800px) {
.dsteak th{
  width:30%;
  font-size:14px;
}
}

@media screen and (max-width: 568px) {
.dsteak th{
  width:32%;
  font-size:13px;
  padding:7px 0;
}
}

.dsteak th span{
  font-weight:normal;
  font-size:11px;
}

.dsteak td{
  width:38%;
  box-sizing: border-box;
  color:#B67335;
  padding:1% 5px;
  text-align: center;
  line-height:1.4;
  vertical-align:middle;
}

.dsteak td p strong{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  font-size:1.1em;
}

@media screen and (max-width: 800px) {
.dsteak td{
  width:35%;
  font-size:14px;
}
}

@media screen and (max-width: 568px) {
.dsteak td{
  width:34%;
  padding:1% 3px;
}

.dsteak td p strong{
  font-size:1em;
}

.dsteak .bbln{
border-bottom:1px dotted #A50F0B;
}

.dsteak td p{
  font-size:13px;
}
}

.dsteak td span{
  font-weight:normal;
  font-size:11px;
}

.dsteak td .dps{
	font-family: "Times New Roman", "Ÿΰ–Ύ’©", "Yu Mincho", "Ÿΰ–Ύ’©‘Μ", "YuMincho", serif;
	font-weight:400;
	font-size:2em;
	color:#CB352E;
	line-height:1.1;
	}

@media screen and (max-width: 568px) {
.dsteak td .dps{
  font-size:1.7em;
}
}

/* ƒgƒ“ƒeƒL
---------------------------------------------------------------------------*/
.tonteki {
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 3% 3% 4%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  background: url(//www.the4seasons.jp/images/bg_tonteki.gif);
  text-align: center;
  float:left;
}

.tonteki-top{
  width:100%;
  max-width:620px;
  margin:0 auto 2%;
}

.tonteki-top img{
  width:100%;
  max-width:620px;
  height:auto;
}

.ton_ttext{
  font-size:1.6em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:400;
  text-align: center;
  margin:20px auto 10px;
  color:#855A07;
}

@media screen and (max-width: 800px) {
.ton_ttext{
  font-size:1.4em;
}
}

@media screen and (max-width: 568px) {
.ton_ttext{
  font-size:1.1em;
  margin:10px auto 10px;
}
}

.ton_price{
	font-family: "Times New Roman", "Ÿΰ–Ύ’©", "Yu Mincho", "Ÿΰ–Ύ’©‘Μ", "YuMincho", serif;
	font-weight:400;
	font-size:6em;
	color:#855A07;
	margin-top:10px;
	line-height:1;
}

@media screen and (max-width: 568px) {
.ton_price{
  font-size:4em;
}
}

.ton_imp{
  text-align: center;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  line-height:1.2;
  color:#FFF;
  font-size:1.1em;
  display:inline-block;
  background:#F86652;
  padding:8px 10px;
  margin-top:20px;
}

@media screen and (max-width: 568px) {
.ton_imp{
  font-size:1em;
}
}

.tonteki_syousai{
  width:100%;
  float:left;
  margin:5% 0 0;
  text-align: left;
  box-sizing: border-box;
  padding: 2% 2% 0;
}

@media screen and (max-width: 800px) {
.tonteki_syousai{
  margin:2% 0 0;
}
}

.tonteki_syousai .tonL{
  width:47%;
  float:left;
  margin:0 3% 0 0;
}

.tonteki_syousai .tonL2{
  display:none;
}

@media screen and (max-width: 800px) {
.tonteki_syousai .tonL{
  width:100%;
  margin:0 0 2%;
}

.tonteki_syousai .tonL2{
  width:47%;
  float:left;
  margin:0 3% 0 0;
  display:block;
}
}

.tonteki_syousai h2{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:600;
  line-height:1.4;
  font-size:2em;
  margin-top:15px;
  margin-bottom:20px;
  color:#9E3A04;
}

@media screen and (max-width: 1280px) {
.tonteki_syousai h2{
  font-size:1.8em;
}
}

@media screen and (max-width: 800px) {
.tonteki_syousai h2{
  font-size:2em;
  text-align: center;
}
}

@media screen and (max-width: 568px) {
.tonteki_syousai h2{
  font-size:1.4em;
}
}

.tonteki_syousai p{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:400;
  font-size:1.1em;
  color:#855A07;
  margin-bottom:10px;
  line-height:1.8;
}

@media screen and (max-width: 568px) {
.tonteki_syousai p{
  font-size:1em;
  line-height:1.6;
}
}

.tonteki_syousai .tonR{
  width:48%;
  float:right;
  margin:0 0 0 2%;
}

.tonteki_syousai .tonR img{
  width:100%;
  height:auto;
}

/* a3-meat
---------------------------------------------------------------------------*/
.a3-meat {
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 4% 5%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  background: #000;
  float:left;
}

.a3-top{
  font-family: "Ÿΰ–Ύ’©", YuMincho, "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "‚l‚r –Ύ’©", serif;
  font-weight:600;
  font-size:2.4em;
  color:#FFF;
  margin-bottom:3px;
}

@media screen and (max-width: 1280px) {
.a3-top{
  font-size:2em;
}
}

@media screen and (max-width: 800px) {
.a3-top{
  font-size:1.6em;
}
}

@media screen and (max-width: 568px) {
.a3-top{
  font-size:1.1em;
}
}

.a3-meat h2{
  font-family: "Ÿΰ–Ύ’©", YuMincho, "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "‚l‚r –Ύ’©", serif;
  font-weight:600;
  line-height:1.6;
  font-size:3em;
  color:#FFF;
}

@media screen and (max-width: 1280px) {
.a3-meat h2{
  font-size:2.4em;
}
}

@media screen and (max-width: 800px) {
.a3-meat h2{
  font-size:1.8em;
}
}

@media screen and (max-width: 568px) {
.a3-meat h2{
  font-size:1.2em;
}
}

.a3_syousai{
  width:100%;
  float:left;
  text-align: left;
  box-sizing: border-box;
  padding: 2% 1.5%;
  margin-top:3%;
}

@media screen and (max-width: 800px) {
.a3_syousai{
  padding: 2% 0;
  margin-top:0;
}
}

.a3L{
	width:50%;
	height:auto;
	float:left;
	margin-bottom:3%;
	margin-right:5%;
}

@media screen and (max-width: 800px) {
.a3L{
	width:94%;
	margin:2% 3% 5%;
	transform: rotate( -0.5deg );
}
}

@media screen and (max-width: 568px) {
.a3L{
	width:98%;
	margin:0% 1% 2%;
}
}

.a3L img{
	width:100%;
	height:auto;
}

.a3L .main_photo{
	width:100%;
	-moz-box-shadow: 0 0 5px #cccccc;
	-webkit-box-shadow: 0 0 5px #cccccc;
	box-shadow: 0 0 5px #cccccc;
	border: solid #FFF 5px;
	transform: rotate( -1.5deg );
	box-sizing: border-box;
	-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;
	background:#FFF;
	}

.a3_textR{
	width:45%;
	float:right;
	margin:0 0 1%;
}

@media screen and (max-width: 800px) {
.a3_textR{
	width:96%;
	margin:0 2% 3%;
	float:left;
}
}

@media screen and (max-width: 800px) {
.a3_textR2{
	width:96%;
	margin:0 2%;
	float:left;
}
}

@media screen and (max-width: 568px) {
.a3_textR{
	padding-top:1%;
	width:98%;
	margin:0 1% 3%;
}
}

@media screen and (max-width: 568px) {
.a3_textR2{
	padding-top:1%;
	width:98%;
	margin:0 1%;
}
}

.a3_syousai p{
    font-family: 'Noto Sans TC', sans-serif;
	font-weight: 400;
	font-size:1em;
	line-height:1.8;
	color:#FFF;
	margin-top:5px;
	margin-bottom:5px;
}

.a3-bottom{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:600;
  font-size:2.4em;
  color:#FFF;
  margin-top:2%;
  margin-bottom:1%;
  text-align: center;
}

@media screen and (max-width: 800px) {
.a3-bottom{
	font-size:2em;
}
}

@media screen and (max-width: 568px) {
.a3-bottom{
	font-size:1.4em;
}
}

.a3_shop{
  width:100%;
  box-sizing: border-box;
  padding: 0 4%;
  margin:1% auto 0;
  float:left;
}

.a3_shop li {
  width:50%;
  box-sizing: border-box;
  padding: 1% 1% 2%;
  float:left;
  color:#FFF;
}

@media screen and (max-width: 800px) {
.a3_shop{
  padding: 0;
}

.a3_shop li {
	padding: 1%;
}
}

@media screen and (max-width: 568px) {
.a3_shop li {
	width:100%;
	padding: 2%;
}
}

.a3_shop_ttl {
  border-left:5px solid #D90300;
  box-sizing: border-box;
  padding: 5px 0 5px 15px;
  font-weight:600;
  font-size:1.1em;
  color:#FFF;
  margin-bottom:10px;
}

@media screen and (max-width: 800px) {
.a3_shop_ttl {
  font-size:1em;
}
}

.a3_stx {
  padding-left: 15px;
}

.a3_stx a {
	color:#0071BC;
	text-decoration:none;
}

.a3_stx a:hover {
	color:#C20101;
	text-decoration:underline;
}

/* stview-box
---------------------------------------------------------------------------*/
.stview-box {
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 2% 5%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  background: #000;
  float:left;
}

.stvw-name{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 400;
  font-size:1.4em;
  color:#FFF;
  margin-top:1%;
  background:#D90300;
  padding:8px 3%;
  display:block;
}

.stview-box iframe{
  margin-bottom:3%;
}

/* akami-box
---------------------------------------------------------------------------*/
.akami-box {
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 3% 5%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  background: #FFF;
  float:left;
}

.akami-top {
  width:100%;
  margin:0 auto 2%;
  float:left;
  position: relative;
}

.bg_ak {
  width:100%;
  height:auto;
  margin:0;
}

.akami-top .aka_ph {
  width:85%;
  max-width:519px;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 568px) {
.akami-top .aka_ph {
  width:100%;
}
}

.aka_ph img {
  width:100%;
  height:auto;
}

.akami-top .aka_text {
  width:auto;
  color:#FFF;
  text-shadow:1px 1px 1px #000;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 400;
  position: absolute;
  bottom: 3%;
  left: 3%;
}

@media screen and (max-width: 800px) {
.akami-top .aka_text {
  bottom: 0;
  left: 0;
  position: relative;
  padding:2% 2% 0;
  color:#000;
  text-shadow:1px 1px 1px #FFF;
}
}

.akami-syousai {
  width:100%;
  padding: 3% 0 2%;
  margin-bottom:1%;
}

.akami-box .bdbm {
  border-bottom:1px dotted #CCC;
}

.akami-ttl {
  display:inline-block;
  padding:8px 10px;
  color:#FFF;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 400;
  font-size:1.4em;
  background: url(//www.the4seasons.jp/images/tt_jyoshi.gif);
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  margin-bottom:15px;
  line-height:1.4;
}

@media screen and (max-width: 800px) {
.akami-ttl {
  font-size:1.2em;
}
}

@media screen and (max-width: 568px) {
.akami-ttl {
  font-size:1em;
}

.akami-ttl h3 {
  font-size:1.1em;
}
}

.akami-syousai p{
  padding: 5px;
  font-size:14px;
}

.akami-syousai strong{
	font-weight: bold;
	color: #D62B98;
	}

/* ques_box
---------------------------------------------------------------------------*/
.ques_box {
  width:100%;
  padding: 0;
  float:left;
}

.ques_list {
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 3% 3% 4%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
}

.ques_list h2{
  color:#336699;
  text-align: center;
  margin:20px auto 10px;
  font-size:1.6em;
}

@media screen and (max-width: 568px) {
.ques_list h2{
	font-size:1.4em;
}
}

.ques_ttl{
  text-align: center;
  font-family: 'Libre Baskerville', sans-serif;
  font-weight:700;
  text-transform: uppercase;
  line-height:1.2;
  color:#336699;
  margin-bottom:3%;
}

.ques_txt{
  text-align: center;
  margin:10px auto 10px;
  line-height:1.8;
}

.ques_present{
  margin:2% auto;
  width:80%;
  padding:2% 3%;
  color:#000;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 400;
  font-size:1.1em;
  background: url(//www.the4seasons.jp/images/bg_present.gif);
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  line-height:1.6;
  text-align: center;
}

@media screen and (max-width: 800px) {
.ques_present{
	width:90%;
}
}

@media screen and (max-width: 568px) {
.ques_present{
	width:98%;
	font-size:1em;
}
}

.ques_present span{
  color:#CC0000;
  font-weight: 500;
}

.ques_present strong{
  font-size:1.2em;
  font-weight: 600;
}

.ques_present p{
  display:inline-block;
  text-align: left;
  vertical-align:middle;
}

.pr-icon{
  font-size:6em;
  line-height:1;
  margin-right:25px;
  color:#CC0000;
}

.ques_box table{
	width		: 100%;
	box-sizing: border-box;
	margin		: 4% 0 0;
	border-top      : solid 1px #E0E0E0;
	border-left      : solid 1px #E0E0E0;
	border-right     : solid 1px #E0E0E0;
	font-size:14px;
	background:#FFF;
	}

@media screen and (max-width: 568px) {
.ques_box table{
	font-size:13px;
	line-height	: 1.6;
}
}

.ques_box td{
	padding		: 15px 5px 12px 15px;
	border-bottom	: solid 1px #E0E0E0;
	text-align	: left;
	}

@media screen and (max-width: 800px) {
.ques_box td{
	padding		: 10px 5px 10px 10px;
}
}

.ques_box th{
	border-right	: dotted 1px #E0E0E0;
	border-bottom	: solid 1px #E0E0E0;
	text-align	: center;
	padding		: 15px 10px 12px 10px;
	background: url(//www.the4seasons.jp/images/table_bg.png);
	width:18%;
	font-size:14px;
	}

@media screen and (max-width: 800px) {
.ques_box th{
	width:20%;
	padding		: 15px 5px 12px 5px;
}
}

@media screen and (max-width: 568px) {
.ques_box th{
	width:25%;
	padding		: 10px 5px;
	box-sizing: border-box;
	font-size:0.9em;
}
}

.ques_box input{
	padding		: 5px;
	border:1px solid #CCC;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	color:#000;
	margin-right:5px;
	}

.ques_box .ipt{
	padding		: 5px;
	border:1px solid #CCC;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	color:#000;
	}
	
.ques_box textarea{
	padding		: 2px 5px;
	border:1px solid #CCC;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	}
	
.ques_box select{
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	background: #FFF;
	background: url(//www.the4seasons.jp/images/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#FFF 100%);
	background: url(//www.the4seasons.jp/images/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#FFF 100%);
	background-size: 20px, 100%;
	margin:5px;
	padding: 5px 25px 5px 5px;
	line-height:1;
}

@media screen and (max-width: 568px) {
.ques_box select{
	margin:5px 5px 5px 0;
	padding: 5px 15px 5px 2px;
	background-size: 15px, 100%;
}
}

.ques_box .radio{
	margin-right:10px;
}

.ques_box .ws{
	width:90%;
}

@media screen and (max-width: 568px) {
.ques_box .ws{
	width:96%;
	margin-right:4%;
}
}

.ques_box .wss{
	width:140px;
	margin-bottom:5px;
}

.ques_box .wsss{
	width:80%;
}

@media screen and (max-width: 800px) {
.ques_box .wsss{
	width:70%;
}
}

@media screen and (max-width: 568px) {
.ques_box .wss{
	margin-right:4%;
}
.ques_box .wsss{
	width:60%;
}
}

.ques_box .btn_send{
	text-align	: center;
	
	}
	
.ques_box .btn_send input{
	padding		: 10px;
	background-color:#1662AE;
	color:#FFF;
	cursor: pointer;
	}

.ques_box .btn_send input .brdv{
	-webkit-border-radius:5px!important;-moz-border-radius:5px!important;border-radius:5px!important;
	border:none!important;
	}
	
.ques_box .btn_send input:hover{
	background-color:#000;
	color:#FFF;
	}
	
.ques_box td p{
	margin-bottom:5px;
}

/* og-souse
---------------------------------------------------------------------------*/
.og-souse {
  width:98%;
  max-width:680px;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 0;
}

.og-box {
  width:100%;
  height:auto;
  margin:0;
  position: relative;
  display:block;
  float:left;
}

.ogs-photo {
  width:427px;
  height:auto;
  position: relative;
  float:right;
}

@media screen and (max-width: 800px) {
.ogs-photo {
	width:70%;
	margin-left:-30%;
}
}

@media screen and (max-width: 568px) {
.ogs-photo {
	width:50%;
	margin-left:-50%;
}
}

.ogs-photo img {
  width:100%;
  height:auto;
}

.ogs-text {
  width:55%;
  height:auto;
  position: absolute;
  top: 2%;
  left: 2%;
  padding-bottom:2%;
  text-align: left;
}

@media screen and (max-width: 800px) {
.ogs-text {
	left: 0;
	top: 0;
	float:left;
	width:60%;
	margin:0;
	position: relative;
	z-index:1;
}
}

@media screen and (max-width: 568px) {
.ogs-text {
	width:100%;
}
}

.og_logo {
  width:191px;
  margin:1% 0 1% 4%;
}

@media screen and (max-width: 800px) {
.og_logo {
  width:50%;
  margin:0;
}
}

@media screen and (max-width: 568px) {
.og_logo {
  width:48%;
}
}

.og_logo img {
  width:100%;
  max-width:191px;
  height:auto;
}

.og_label {
  width:269px;
  margin:2% 0 5% 1%;
}

@media screen and (max-width: 800px) {
.og_label {
  width:96%;
  margin:0 1% 2%;
}
}

@media screen and (max-width: 568px) {
.og_label {
  width:60%;
  margin:0 1%;
}
}

.og_label img {
  width:100%;
  max-width:269px;
  height:auto;
}

.ogs-text h2{
  margin:4% 0 4% 2%;
  color:#F6FF00;
  text-shadow:1px 1px 1px #000;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 600;
  font-size:2em;
  line-height:1.4;
  text-align: left;
}

@media screen and (max-width: 800px) {
.ogs-text h2{
	font-size:1.6em;
}
}

.ogs-text p{
  margin:3% auto;
  color:#FFF;
  text-shadow:1px 1px 1px #000;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 500;
  font-size:1.1em;
  line-height:1.8;
}

@media screen and (max-width: 800px) {
.ogs-text p{
  font-size:1em;
  line-height:1.6;
}
}

@media screen and (max-width: 800px) {
.ogs-text p{
  padding:0 2%;
}
}

/* .ok-sourse
---------------------------------------------------------------------------*/
.ok-sourse{
  width:100%;
  margin:0 auto 0;
  box-sizing: border-box;
  padding:3% 5%;
  float:left;
  background: url(//www.the4seasons.jp/images/bg_ok.gif);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
}

.ok-top{
  width:100%;
  box-sizing: border-box;
  padding:1% 0;
  float:left;
}

.oklogo{
  width:25%;
  margin:0 3% 0 0;
  float:left;
}

@media screen and (max-width: 800px) {
.oklogo{
  width:20%;
}
}

.oklogo img{
  width:100%;
  height:auto;
}

.oktop{
  width:72%;
  margin:0;
  float:right;
}

@media screen and (max-width: 800px) {
.oktop{
  width:77%;
}
}

.ok-txt01{
  color:#05AAEF;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 600;
  font-size:2em;
  line-height:1.2;
  text-align: left;
  text-shadow:1px 1px 1px #000;
  margin-top:10px;
}

@media screen and (max-width: 800px) {
.ok-txt01{
  font-size:1.6em;
}
}

@media screen and (max-width: 568px) {
.ok-txt01{
  margin-top:2px;
  font-size:1.2em;
  font-weight: 500;
}
}

.oktop img{
  width:100%;
  max-width:538px;
  height:auto;
  margin:2% 0;
}

.ok-txt02{
  color:#4D2003;
  font-weight: 600;
  font-size:2.2em;
  line-height:1.2;
  text-align: left;
}

@media screen and (max-width: 800px) {
.ok-txt02{
  margin-top:10px;
  font-size:1.6em;
  text-align: center;
}
}

@media screen and (max-width: 568px) {
.ok-txt02{
  font-size:1em;
}
}

.ok-syousai{
  width:100%;
  margin:2% 0;
  float:left;
}

.ok-syousai .ok-text{
  width:65%;
  margin:0;
  float:left;
}

@media screen and (max-width: 568px) {
.ok-syousai .ok-text{
  width:100%;
}
}

.ok-syousai .ok-text02{
  width:65%;
  margin:0;
  float:left;
}

@media screen and (max-width: 800px) {
.ok-syousai .ok-text02{
  width:100%;
}
}

.ok-syousai .ok-ph{
  width:30%;
  margin:0 2.5%;
  float:right;
}

@media screen and (max-width: 568px) {
.ok-syousai .ok-ph{
  width:50%;
  margin:0 25%;
}
}

.ok-syousai .ok-ph img{
  width:100%;
  max-width:234px;
  height:auto;
  margin:0 auto;
}

.ok01{
  display:inline-block;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  padding:15px 20px;
  background:#CBA770;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
}

@media screen and (max-width: 800px) {
.ok01{
  display:block;
}
}

.ok01 h3{
  margin-bottom:5px;
  color:#FFF191;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 600;
  font-size:2em;
  line-height:1.2;
  text-align: left;
}

@media screen and (max-width: 800px) {
.ok01 h3{
  font-size:1.6em;
}
}

.ok01 p{
  color:#FFF;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 500;
  font-size:1.2em;
  line-height:1.8;
}

@media screen and (max-width: 568px) {
.ok01 p{
  font-size:1.1em;
  line-height:1.6;
}
}

.ok02{
  padding:2%;
  font-size:14px;
  color:#4D2003;
  line-height:1.6;
  font-size:1em;
}

.ok02 p{
  padding:1%;
}

@media screen and (max-width: 800px) {
.ok02 p{
  padding:1% 0;
  font-size:14px;
}
}

.ok03{
  display:inline-block;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  padding:15px 20px;
  background:#FF4919;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
}

@media screen and (max-width: 800px) {
.ok03{
  display:block;
}
}

.ok03 h4{
  margin-bottom:5px;
  color:#FFFC00;
  font-family: 'v', sans-serif;
  font-weight: 600;
  font-size:2em;
  line-height:1.2;
  text-align: left;
}

@media screen and (max-width: 568px) {
.ok03 h4{
  font-size:1.6em;
}
}

.ok03 p{
  color:#FFF;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 500;
  font-size:1.2em;
  line-height:2;
}

@media screen and (max-width: 568px) {
.ok03 p{
  font-size:1em;
  line-height:1.6;
}
}

.ok03 strong{
  margin-left:5px;
}

/* blog_box
---------------------------------------------------------------------------*/
.blog_box{
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 4% 5%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  background: #FFF;
  float:left;
}

.blog_box h3{
  font-size:1.6em;
  font-weight:500;
  color:#336699;
  margin-bottom:1.5%;
  border-bottom:2px solid #336699;
  padding:0 1.5% 5px;
}

@media screen and (max-width: 800px) {
.blog_box h3{
  font-size:1.4em;
}
}
.blog_box h3 a {
	color:#336699;
	text-decoration:none;
}

.blog_box h3 a:hover {
	color:#336699;
	text-decoration:none;
}

@media screen and (max-width: 568px) {
.blog_box h3{
  font-size:1.2em;
  margin-bottom:2%;
}
}

.blog_entry{
  width:100%;
  box-sizing: border-box;
  padding: 1% 2%;
}

.blog_entry img{
  width:auto;
  max-width:100%;
  height:auto;
  margin:5px 0 10px;
}

.blog_entry p{
  margin:5px 0;
}

@media screen and (max-width: 568px) {
.blog_entry p{
  font-size:14px;
}
}

/* shop_contact
---------------------------------------------------------------------------*/
.shop_contact{
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 4% 5%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  background: #000;
  float:left;
}
.shop_contact .shop_cttl{
  text-align: center;
  margin-bottom:3%;
   color:#FFF;
}

@media screen and (max-width: 568px) {
.shop_contact .shop_cttl{
  font-size:14px;
}
}

.shop_contact h2{
  font-size:2em;
  font-weight:400;
  text-align: center;
  color:#FFF;
  margin:20px auto 10px;
}

@media screen and (max-width: 568px) {
.shop_contact h2{
 font-size:1.4em;
}
}

.shop_contact .red{
	color:#FF0033;
	font-size:1.1em;
	}

.shop_contact .red2{
	color:#FF0033;
	}

/* subject_box
---------------------------------------------------------------------------*/
.subject_box {
  width:100%;
  padding: 0;
  float:left;
}

.subject_list {
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 3% 3% 4%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
}

.subject_list h2{
  color:#336699;
  text-align: center;
  margin:20px auto 10px;
  font-size:1.6em;
}

@media screen and (max-width: 568px) {
.subject_list h2{
 font-size:1.2em;
}
}

.subject_ttl{
  text-align: center;
  font-family: 'Libre Baskerville', sans-serif;
  font-weight:700;
  text-transform: uppercase;
  line-height:1.2;
  color:#336699;
  margin-bottom:3%;
}

.subject_text{
  padding:2%;
  font-size:14px;
}

.subject_box .sl {
    width: 33.3333%;
	padding:1%;
	float:left;
	box-sizing: border-box;
}

@media screen and (max-width: 800px) {
.subject_box .sl {
  width: 50%;
}
}

@media screen and (max-width: 568px) {
.subject_box .sl {
  width: 100%;
  padding:2%;
}
}

.subject_box .item {
    width: 100%;
	padding:0
	box-sizing: border-box;
	border:1px solid #CCC;
	font-size:0.9em;
}

.subject_box .os_photo {
    width:100%;
	height:auto;
	position: relative;
	overflow: hidden;
	display:block;
}

.subject_box .os_photo img{
    width:100%;
	height:auto;
}

.subject_box .os_photo .m_bt{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top:-25px;
	margin-left:-34px;
}

.subject_box .os_photo a:hover { opacity: 0.7;}

.subject_box .os_text {
    width:100%;
	height:auto;
	padding:10px 15px;
	box-sizing: border-box;
	
}

@media screen and (max-width: 568px) {
.subject_box .os_text {
	padding:10px 10px;
}
}

.subject_box .sis_name {
    font-size:1.2em;
	font-weight:bold;
	line-height:1.4;
	color:#F87B7B;
	padding:5px 0;
}

@media screen and (max-width: 568px) {
.subject_box .sis_name {
	font-size:1em;
}
}

.subject_box .sis_name small{
    font-size:14px;
}

.subject_box .marker{
	padding:5px;
	color:#000;
	border:1px solid #000;
	display:inline-block;
	font-size:13px;
	line-height:1;
	margin:0 0 5px;
}

.subject_box .marker .fa-video-camera{
	margin-right:5px;
}

.subject_box .sis_text {
    font-size:13px;
	line-height:1.4;
	letter-spacing:0;
	color:#000;
	padding:0 0 3px;
}

@media screen and (max-width: 568px) {
.subject_box .sis_text {
	padding:0 0 0;
}
}


/* bui_box
---------------------------------------------------------------------------*/
.bui_box {
  width:100%;
  padding: 0;
  float:left;
}

.bui_list {
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 3% 3% 4%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
}

.bui_list h2{
  color:#336699;
  text-align: center;
  margin:20px auto 10px;
  font-size:1.6em;
}

.bui_ttl{
  text-align: center;
  font-family: 'Libre Baskerville', sans-serif;
  font-weight:700;
  text-transform: uppercase;
  line-height:1.2;
  color:#336699;
  margin-bottom:3%;
}

.bui_photo{
  text-align: center;
  margin:2% auto;
}

.bui_photo img{
  width:100%;
  height:auto;
  max-width:563px;
}

.bui_list table{
	width		: 92%;
	margin:0 auto;
	box-sizing: border-box;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:14px;
	}

@media screen and (max-width: 1280px) {
.bui_list table{
	line-height	: 1.6;
	width		: 100%;
}
}

@media screen and (max-width: 568px) {
.bui_list table{
	font-size:13px;
}
}

.bui_list th{
	padding		: 15px 0 12px 5px;
	text-align	: left;
	vertical-align:top;
	width:20%;
	}

@media screen and (max-width: 800px) {
.bui_list th{
	width:25%;
}
}

@media screen and (max-width: 568px) {
.bui_list th{
	width:35%;
}
}

.bui_list td{
	padding		: 15px 5px 12px 1px;
	text-align	: left;
	}

/* .news_box
---------------------------------------------------------------------------*/
.news_box {
  width:100%;
  margin:0 auto 2%;
}

.news_box img {
  width:100%;
  margin:0 auto 2%;
  height:auto;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
}

.news_box p {
  color:#FFF;
  padding:2%;
}

/* grand_menu
--------------------------------------------------*/
.grand_menu {
    width: 100%;
	float:left;
	margin:0 auto 2%;
}

.grand_menu li{
    width: 22%;
    box-sizing: border-box;
    margin:1.5% 1.5%;
    padding:0;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	overflow:hidden;
	float:left;
	background:#FFF;
}

.grand_menu li img{
	width: 100%;
	height:auto;
}

@media screen and (max-width: 1280px) {
.grand_menu li{
    width: 31.3333%;
	margin:1%;
}
}

@media screen and (max-width: 568px) {
.grand_menu li{
    width: 48%;
	margin:1%;
}
}

.grand_menu h3{
  font-size:1.1em;
  margin:10px 0;
  line-height:1.4;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:400;
  text-align: center;
  color:#B70202;
}

@media screen and (max-width: 568px) {
.grand_menu h3{
  font-size:1em;
  margin:5px 0;
}
}

.grand_menu li img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 400ms;
  transition: transform 400ms;
}
.grand_menu li:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

.grand_menu a { color:#000; }
.grand_menu a:hover { opacity: 0.7; }
.grand_menu a:hover p { text-decoration: none;}

/* shop_list
--------------------------------------------------*/
.shop_list {
    width: 100%;
	float:left;
	margin:0 auto 2%;
}

.shop_list .cat_ttl{
  display:inline-block;
  padding:0 5% 1px;
  border-bottom: 4px solid #D4D4D4;
  font-size:2em;
  font-weight:600;
  letter-spacing	: 0.05em;
  color:#000;
}

.shop_list .cat_text{
  color:#605F5F;
  font-size:1em;
  margin-top:20px;
}


.shop_list li{
    width: 47%;
    box-sizing: border-box;
    margin:1.5% 1.5%;
    padding:0;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	overflow:hidden;
	float:left;
	background:#FFF;
}

@media screen and (max-width: 568px) {
.shop_list li{
    width: 48%;
	margin:1%;
}
}

.rt-wrapper {
    width:100%;
	height:auto;
}

.rt-wrapper .h_photo{
	width: 100%;
	height:auto;
	margin:0;
	position: relative;
	overflow: hidden;
	-webkit-border-top-left-radius:4px;-moz-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-top-right-radius:4px;border-top-right-radius:4px;
}

.rt-wrapper .h_photo img{
	width: 100%;
	height:auto;
	display:block;
}

@media screen and (max-width: 800px) {
.rt-wrapper .h_photo img{
	-webkit-border-top-left-radius:4px;-moz-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-top-right-radius:4px;border-top-right-radius:4px;
}
}

.shop_list li img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 400ms;
  transition: transform 400ms;
}
.shop_list li:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

.shop_list .cat_txt {
    width:100%;
	height:auto;
	position: relative;
	overflow: hidden;
	display:block;
	box-sizing: border-box;
	padding:15px 20px;
	font-size:0.9em;
}

@media screen and (max-width: 800px) {
.shop_list .cat_txt {
	padding:10px 10px;
}
}

@media screen and (max-width: 568px) {
.shop_list .cat_txt {
    width: 100%;
}
}

.shop_list .cat_txt h3{
  font-size:1.4em;
  margin-bottom:8px;
  line-height:1.4;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:500;
  color:#B70202;
}

@media screen and (max-width: 800px) {
.shop_list .cat_txt h3{
  font-size:1.2em;
  margin-bottom:5px;
}
}

@media screen and (max-width: 568px) {
.shop_list .cat_txt h3{
  font-size:1.1em;
  margin-bottom:5px;
  text-align: center;
  font-weight:400;
}
.shop_list .cat_txt p{
display:none;
}
}

.koshitu{
  position: absolute;
  bottom: 0;
  left: 0;
  display:inline-block;
  padding:10px 2% 7px;
  box-sizing: border-box;
  color:#FFF;
  line-height:1;
}
@media screen and (max-width: 568px) {
.koshitu{
display:none;
}
}

.koshitu{
  animation: koshitu 1s infinite alternate;
}

@keyframes koshitu{
   0% { background-color:#0063A6; }
 100% { background-color:#FF5555;}
}

@media screen and (max-width: 800px) {
.koshitu{
  font-size:13px;
  padding:7px 5px 5px;
}
}

.shop_list a { color:#000; }
.shop_list a:hover { opacity: 0.7; }
.shop_list a:hover p { text-decoration: none;}

/* forgin-box
--------------------------------------------------*/
#forgin-box {
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 5% 5%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  background: #FFF;
  float:left;
  text-align: center;
}

#forgin-box h2 {
	text-align: center;
	font-size: 2.4em;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 0;
	font-weight:normal;
	color:#336699;
	}

@media only screen and  (max-width: 800px) {
#forgin-box h2 {
	font-size: 1.4em;
	}
}

@media only screen and  (max-width: 568px) {
#forgin-box h2 {
	background: none;
	font-size: 1.3em;
	padding: 10px 0;
	height: auto;
	text-align: center;
	}
}

#forgin-box p.soon {
	margin-top:35px;
	text-align	: center;
	font-size: 2em;
	}

#forgin-box img {
	margin:0 auto 10px;
	width:244px;
	}

.bg-soon{
  background-image: url(//www.the4seasons.jp/images/bg_cow.png);
  background-position: 2% 10px;
  background-color:#FFF;
  background-size: 10% auto;
  background-repeat: no-repeat;
  background-attachment: scroll;
}


/* errorBox
--------------------------------------------------*/
#errorBox {
  width:100%;
  margin:0 auto 3%;
  box-sizing: border-box;
  padding: 5% 5%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
  background: #FFF;
  float:left;
  text-align: center;
}

#errorBox h2 {
	background: url(//www.the4seasons.jp/images/error.gif) no-repeat 50px 50%;
	font-size: 1.8em;
	padding: 10px 0 0 50px;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 0;
	font-weight:normal;
	color:#336699;
	}

@media only screen and  (max-width: 800px) {
#errorBox h2 {
	font-size: 1.4em;
	background: url(//www.the4seasons.jp/images/error.gif) no-repeat 10px 50%;
	}
}

@media only screen and  (max-width: 568px) {
#errorBox h2 {
	background: none;
	font-size: 1.3em;
	padding: 10px 0;
	height: auto;
	text-align: center;
	}
}

#errorBox .en{
	font-weight:400;
	font-size:0.9em;
	margin-bottom: 5%;
	color:#336699;
	font-family: 'Roboto', sans-serif;
}

#errorBox p.url {
	margin-bottom: 20px;
	text-align	: center;
	font-size: 1em;
}

@media only screen and  (max-width: 568px) {
#errorBox p.url {
text-align	: left;
font-size: 14px;
padding:0 2%;
}
}

#errorBox p.link {
	margin-top:35px;
	text-align	: center;
	font-size: 1em;
	margin-bottom: 30px;
	}

@media only screen and  (max-width: 800px) {
#errorBox p.link {
	font-size: 0.9em;
}
}

@media only screen and  (max-width: 568px) {
#errorBox p.link {
text-align	: left;
padding:0 2%;
}
}

#errorBox p.link a{color:#A40605;text-decoration:underline;}
#errorBox p.link a:hover{color:#A40605;text-decoration:none;}

#errorBox p.elogo {
	width:220px;
	height:auto;
	margin:0 auto 40px;
}

.error_bt{
	margin-top:25px;
	color:#7B7B7B;
	font-size:16px;
	text-align: center;
}

@media only screen and  (max-width: 568px) {
.error_bt{
font-size:16px;
}
}

.error_bt a{color:#FFF;padding:8px 20px;background-color:#A40605;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.error_bt a:hover{color:#FFF;text-decoration:none;background-color:#000;}

/* ‚ζ‚­‚ ‚ιŽΏ–β
--------------------------------------------------*/
.qa_box {
	width: 100%;
	padding:2% 0;
	margin:0 auto;
}

.qa_box h4{
  font-size:2em;
  margin:10px 0;
  line-height:1.4;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:400;
  text-align: center;
  color:#B70202;
}

@media only screen and  (max-width: 800px) {
.qa_box h4{
  font-size:1.6em;
	}
}

@media only screen and  (max-width: 568px) {
.qa_box h4{
  font-size:1.2em;
	}
}

.qa_box li {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding:1% 0;
	margin: 0 auto 2%;
	float:left;
}

@media only screen and  (max-width: 800px) {
.qa_box li {
	padding:2.5%;
	}
}

.qa {
	width:100%;
	margin:0 0 10px 0;
	border-bottom:0.05em dotted #CCC;
	height:auto;
	min-height:60px;
	clear:both;
	float:left;
}

@media screen and (max-width: 568px) {
.qa {
	min-height:55px;
}
}

.qa dd a {
	text-decoration: none;
	color:#35BEB6;
}
.qa dd a:hover {
	color:#35BEB6;
	text-decoration: none;
}

.ques {
	width:50px;
	height:50px;
	border-radius:50px;
	background:#336699;
	margin:0 10px;
	float:left;
	display:block;
}

.ques p{
	font-family: 'El Messiri', sans-serif;
	text-align:center;
	font-size:1.6em;
	color:#FFF;
	padding-top:3px;
}

@media screen and (max-width: 568px) {
.ques {
	width:45px;
	height:45px;
	margin:2px 10px 0 5px;
}

.ques p{
	font-size:1.4em;
	padding-top:2px;
	line-height:1.6;
}
}

.ques_tx{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* c•ϋŒό’†‰›‘΅‚¦iSafari—pj */
	align-items: center; /* c•ϋŒό’†‰›‘΅‚¦ */
	-webkit-justify-content: left; /* ‰‘•ϋŒό’†‰›‘΅‚¦iSafari—pj */
	justify-content: keft; /* ‰‘•ϋŒό’†‰›‘΅‚¦ */
	height:auto;
	min-height:50px;
}

.ques_tx p{
	font-size:1.2em;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:500;
	color:#336699;
}

@media screen and (max-width: 1280px) {
.ques_tx p{
	font-size:1.2em;
}
}

@media screen and (max-width: 800px) {
.ques_tx p{
	font-size:1.1em;
	line-height:1.2;
}
}

@media screen and (max-width: 568px) {
.ques_tx p{
	line-height:1.3;
}
}

.kotae {
	width:100%;
	margin:0 0 0 0;
	position: relative;
	display:block;
	float:left;
}

.answ{
	width:50px;
	height:50px;
	display:block;
	border-radius:50px;
	background:#A40605;
	position:absolute;
	top:0;
	left:10px;
}

.answ p{
	font-family: 'El Messiri', sans-serif;
	text-align:center;
	font-size:1.6em;
	color:#FFF;
	padding-top:3px;
}

@media screen and (max-width: 568px) {
.answ {
	width:45px;
	height:45px;
	left:5px;
}
.answ p{
	font-size:1.4em;
	padding-top:2px;
	line-height:1.6;
}
}

.answ_tx{
	padding: 1% 2% 1% 75px;
	width:100%;
	box-sizing: border-box;
	min-height:48px;
}

@media screen and (max-width: 568px) {
.answ_tx{
	padding: 1% 2% 1% 60px;
}
}

.answ_tx p{
	line-height:1.8;
}

.answ_tx strong{
	font-size:1.2em;
	color:#FF3171;
	font-weight:normal;
}

.answ_tx span{
	color:#FF3171;
}

@media screen and (max-width: 800px) {
.answ_tx p{
	font-size:0.9em;
	line-height:1.6;
}
.answ_tx p strong{
	font-size:1em;
}
}

.kotae a {
	text-decoration: underline;
	color: #F60B54;
}
.kotae a:hover {
	color: #F60B54;
	text-decoration: none;
}