@charset "utf-8";
/*====================================================================

  リセット

====================================================================*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup,menu, nav, section, summary,time, mark, audio, video {
    margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content:'';content:none;
}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {line-height: 150%; font-weight: normal;}
body {line-height:150%;}
img {vertical-align: bottom;max-width: 100%;height: auto;margin: 0 auto;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
caption, th, td {font-weight: normal;}
strong {font-weight:normal;}

/*====================================================================

  設定

====================================================================*/
html,body {
	color:#333333;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}

a:link {color:#f15a24; text-decoration:none;}
a:visited {color:#f15a24; text-decoration:none;}
a:hover {color:#f15a24; text-decoration:none}

a:hover img {
	opacity: 0.8 ;
	filter: alpha(opacity=80) ;	
	-ms-filter: "alpha(opacity=80)";
	}
a img {
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
}
a {-webkit-transition: 0.4s ;transition: 0.4s ;}
p {line-height:180%;}
i {	padding: 0 0.5rem;}

.f_l {float:left;}
.f_r {float:right;}
.clear {clear:both}
.clear_fix:before, .clear_fix:after {content: " ";display: table;}
.clear_fix:after {clear: both;}
.clear_fix {*zoom: 1;}

.flex {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex_wrap {
    -ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
/* タイポグラフィ
------------------------------------------------------------*/
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; font-weight: bold;}

/* ==================================================================================================================

 共通CSS

================================================================================================================== */
body {
	font: 16px;
	background-color: #f2f2f2;
	background-image: url(../images/bg-patarn-pc.png);
	background-position: top left;
	background-repeat: repeat;
    -webkit-overflow-scrolling: touch;
	font-weight: 500;
}
.maru {
	background: #FFF;
	border-radius: 10px;
	border: 1px solid #DDD;
	padding: 20px;
}
a.btn {
	display: block;
	padding: 10px 20px;
	text-decoration: none !important;
	color: #FFF !important;
	background: #e70618;
	border: solid 1px #c70010;
	border-radius: 5px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	margin: 20px auto 0;
	font-size: 20px;
	text-align: center;
    border-bottom: 5px solid #c4061d;
    font-weight: bold;
}
a.btn:hover {
    background: #c4061d;
}
a.btn:after {
	content: "\f105";
    font-family: "Font Awesome 5 Free";
	margin-left: 10px;
}
.bg_g {background: #F2F2F2;}

.fs120 {font-size: 120%;}
.b {font-weight: bold;}

/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner {
	margin: 0 auto;
	max-width: 1040px;
    width: 96%;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}
#wrapper{
	min-height: calc(100vh - 380px);
}
#content {
    margin: 40px auto;
}
section {
    margin:  20px 0 40px 0; 
}
/* ヘッダー
------------------------------------------------------------*/
#header {
	text-align: center;
    background:rgba(255,255,255,0.8);
}
#header .headerLine {
    background: #F2F2F2;
    border-bottom: 1px solid #CCC;
    color: #444;
}
#header .headerLineTitle {
	padding: 3px;
	font-size: 75%;
}
#header .headerLogo {
    margin: 15px auto;
}
#header .headerLogo img {
	width: 160px;
    display: table-cell;
    vertical-align: bottom;
}
#header h2 {
    font-size: 28px;
    font-weight: bold;
    color: #e70618;
    display: table;
    line-height: 1;
}
#header h2 span {
    margin-left: 20px;
    display: table-cell;
    vertical-align: bottom;
    padding: 0 0 0 20px;
    font-family: "Rounded Mplus 1c"; font-weight: bold;
}

/* グローバルナビ
------------------------------------------------------------*/
nav#shopnav {
    background: #e70618;
    border-bottom: 5px solid #c4061d;
    border-top: 1px solid #ec3846;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
nav#shopnav ul {
    margin: 0 auto;
    border-left: 1px solid #c4061d;
    border-right: 1px solid #ec3846;
}
nav#shopnav ul li {
    width: calc(16.66%);
    text-align: center;
    border-left: 1px solid #ec3846;
    border-right: 1px solid #c4061d;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 17px;
}
nav#shopnav ul i {
    font-size: 120%;
    margin-bottom: 2px;
}
nav#shopnav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 3px 15px 3px;
    color: #FFF;
}
nav#shopnav ul li a:hover{
    background: #c4061d;
}

/* contents内設定
------------------------------------------------------------*/
#content h2 {
    margin: -20px -20px 0px -20px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    background: -webkit-linear-gradient(left, #e70618, #c4061d);
    background: -o-linear-gradient(left, #e70618, #c4061d);
    background: linear-gradient(to right, #e70618, #c4061d);
    padding: 10px 0 20px 0;
    border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
#content h2 span {
    padding-bottom: 10px;
    border-bottom: 3px solid #f15a24;
}

/* フッター
------------------------------------------------------------*/
footer h2 {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #FFF;
    margin-bottom: 30px;
    letter-spacing: 2px;
}
footer h2 span {
    padding-bottom: 10px;
    border-bottom: 3px solid #f15a24;
}
#othershop {
    background: -webkit-linear-gradient(left, #e70618, #c4061d);
    background: -o-linear-gradient(left, #e70618, #c4061d);
    background: linear-gradient(to right, #e70618, #c4061d);
    border-top: 2px solid #ec3846;
    padding: 20px 0 30px 0;
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.othershoplist {
    float: left;
    width: 50%;
    font-size: 15px;
}
.othershoplist ul {
    width: 50%;
    margin: 0 auto;
    list-style: none;
}
.othershoplist li a:before {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-weight: 900;
}
.othershoplist p {
    text-align: center;
    border-bottom: 1px solid #c4061d;
    width: 80%;
    margin: 0 auto 10px auto;
    padding-bottom: 5px;
}
.othershoplist a, #footernavi a {
    color: #FFF;
}
#footernavi {
    background: #333;
    padding: 15px 0;
}
#footernavi li{
    font-size: 14px;
    float: left;
    width: 16.66%;
    list-style: none;
    text-align: center;
}
#footernavi li a:before {
	content: "\f105";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    margin-right: 10px;
    font-weight: 900;
}
#copyright {
	padding: 20px;
	text-align: center;
	font-size: 11px;
    background: -webkit-linear-gradient(left, #333, #1a1a1a);
    background: -o-linear-gradient(left, #333, #1a1a1a);
    background: linear-gradient(to right, #333, #1a1a1a);
	color: #CCC;
    border-top:2px solid #666;
    border-bottom:2px solid #111;
    letter-spacing: 1px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
#copyright a{
	color:#CCC;
}
#pagetop {
	position: fixed;
	right: 30px;
	bottom: 0px;
	font-size: 40px;
	color: #cdcdcd;
}
/* パンくずリスト
------------------------------------------------------------*/


/* トップページ
------------------------------------------------------------*/
#mainimg {
    background:rgba(0,0,0,0.8);
    padding: 10px 0;
}
#mainimg_waku {
    border-radius: 5px;
    background: url(../images/shop/mainimg.jpg) no-repeat left #FFF;
    background-size: cover;
    padding: 5px;
}
#mainimg_right {
    width: 540px;
    float: right;
    text-align: center;
    line-height: 200%;
    padding: 30px 0 0 0;
}
#mainimg_right .shopname {
    font-family: "Rounded Mplus 1c"; font-weight: bold;
    color: #e70618;
    font-size: 32px;
    margin:0 auto 10px auto;
    display: table;
}
#mainimg_right .shopname img {
    width: 180px;
}
#mainimg_right .shopname span {    
    padding-left: 20px;
    display: table-cell;
    vertical-align: bottom;
    line-height: 1;
}
#mainimg_right .shopaddress {
    font-size: 20px;
    font-weight: bold;
}
#mainimg_right .shoptime {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}
#mainimg_right .shoptel {
    font-size: 34px;
    font-weight: bold;
    color: #f15a24;
    margin: 0 0 20px 0;
}
.top_yoyaku a {
    width: 100%;
    height: 100%;
    display: block;
    color: #FFF;
    text-align: center;
    padding: 10px 10px 15px 10px;
    font-family: "Rounded Mplus 1c";
}
.top_yoyaku span {
    font-size: 26px;
    display: block;
}
.yoyaku_net {
    width: calc(50%);
    background: #f15a24;
    border: 1px solid #f15a24;
    border-bottom: 5px solid #b5441b;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.yoyaku_net a {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.yoyaku_net a:hover {
    background: #ed3b11;
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
.yoyaku_tel {
    width: calc(50%);
    background:#f7931e;
    border: 1px solid #f7931e;
    border-bottom: 5px solid #b96e16;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.yoyaku_tel a {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.yoyaku_tel a:hover {
    background: #f47a00;
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}

/* トップページ（メインバナー）
------------------------------------------------------------*/
#top_banner {
}
#top_banner img {
    border: 1px solid #CCC;
    padding: 1px;
}

/* トップページ（メニューリスト）
------------------------------------------------------------*/
.top_menu {
    width: calc(32.3%);
    margin: 0.5%;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #DDD;
}
.top_menu img {
    border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
.top_menu a {
    width: 100%;
    height: 100%;
    display: block;
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
}
.top_menu h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    position: relative;
    text-align: center;
}
.top_menu a h3 {
    background: #e70618;
    color: #FFF;
}
.top_menu a:hover h3  {
    background: #ec3846;
}
.top_menu h3:after {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    top: 20%;
    right: 10px;
    color: #F2F2F2;
}
.top_menu h3:before {
    content: "\f055";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
}
.top_menu div {
    padding: 3%;
}
.top_menu div p {
    line-height: 150%;
}
.top_menu div .tit {
    font-size: 14px;
    color: ;
    font-weight: bold;
    display: block;
    margin-bottom: 3%;
}
.top_menu div .ex {
    font-size: 13px;
    font-weight: normal;
    color: #333;
}
.top_menu div .time {
    font-size: 14px;
    color: #FFF;
    background: #e70618;
    border-radius: 10px;
    padding: 0px 15px;
    font-weight: normal;
    display: inline-block;
    margin-right: 5px;
}
.top_menu div .time {
    font-size: 14px;
    color: #333;
    background: #F2F2F2;
    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 0px 15px;
    font-weight: normal;
    display: inline-block;
    margin-right: 10px;
}
.top_menu div .price {
    font-size: 18px;
    font-weight: bold;
    color: #e70618;
}
.top_menu div .tax {
    font-size: 10px;
}
.top_menu div .info {
    text-align: right;
    color: #333;
    margin-top: 3%;
}

/* トップページ（コースリスト）
------------------------------------------------------------*/
#top_course_wrap {
    background: url(../images/shop/menu/course_img.jpg) no-repeat left top;
    background-size: contain;
    margin-top: 20px;
}
#top_course {
    width: 65%;
    float: right;
}
#top_course a {
    width: 100%;
    height: 100%;
    color:  #e70618;
}
#top_course dl {
    border-bottom: 1px solid #DDD;
    padding: 10px;
}
#top_course dt {
    font-size: 18px;
    font-weight: bold;
}
#top_course dt:before {
    content: "\f055";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
}
#top_course dt span, #menu table th span {
    font-size: 14px;
    color: #FFF;
    background: #e70618;
    border-radius: 10px;
    padding: 0px 15px;
    font-weight: normal;
    margin-left: 10px;
    display: inline-block;
}
#top_course dd {
    margin-top: 10px;
    margin-left: 30px;
}

/* トップページ（ご来店の流れ）
------------------------------------------------------------*/
.flow {
    width: calc(18%);
    margin: 1%;
    border: 1px solid #CCC;
    position: relative;
    border-radius: 5px;
    padding: 0.5%;
    background: #FFF;
}
.flow:after {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    top: 50%;
    right: -20px;
    color: #e70618;
    font-weight: bold;
    font-size: 30px;
    z-index: 1;
}
.flow:last-child:after {
    display: none;
}
.flow h3 {
    text-align: center;
    font-size: 15px;
    margin: 5px 0;
}
.flow img {
    border: 1px solid #DDD;
} 
.flow p {
    font-size: 14px;
    line-height: 150%;
    margin: 5px;
}

/* 下部店舗情報　(aside)
------------------------------------------------------------*/
aside {
    background:rgba(255,255,255,0.6);
    border-top: 1px solid #DDD;
    padding: 50px 0 55px 0;
}
#aside_gaikan {
    float: left;
    width: 30%;
}
#aside_gaikan img {
    padding: 1px;
    border: 1px solid #DDD;
}
#aside_shopinfo {
    float: left;
    width: 40%;
    padding: 0 20px;
    text-align: center;
}
#aside_shopinfo img {
    max-width: 180px;
}
#aside_shopinfo .shopname {
    font-family: "Rounded Mplus 1c"; font-weight: bold;
    color: #e70618;
    font-size: 28px;
    display: table;
    margin: 0 auto 10px auto;
}
#aside_shopinfo .shopname span {
    padding-left: 20px;
    display: table-cell;
    vertical-align: bottom;
    line-height: 1;
}
#aside_shopinfo .shopaddress {
    font-size: 16px;
}
#aside_shopinfo .shoptime {
    font-size: 16px;
    font-weight: bold;
    color: #f7931e;
}
#aside_shopinfo .shoptel {
    font-size: 28px;
    font-weight: bold;
    color: #f15a24;
    margin-top: 10px;
}
#aside_map {
    float: right;
    width: 30%;
    height: 210px;
    overflow: hidden;
    padding: 1px;
    border: 1px solid #DDD;
}

/* 下層ページ共通
------------------------------------------------------------*/
.title {
    margin: 50px 0;
    padding-bottom: 7px;
    text-align: center;
    font-size: 180%;
    font-weight: bold;
}
.title span {
    padding-bottom: 10px;
    border-bottom: 3px solid #333;
}
.textBig {
    font-size: 20px;
    font-weight: bold;
    color: #e70618;
    text-align: center;
}
#about h3 {
    margin: 15px 0 25px;
    padding: 15px 0;
    font-size: 120%;
    font-weight: bold;
    border-bottom: 1px solid #333;
    text-align: center;
}
#about h3 img {
    margin-bottom: 20px;
}
#about b {
    color: #e70618;
}
#about p {
    padding-bottom: 15px;
    text-align: center;
}
#about .aboutShomeiC {
    text-align: right!important;
    margin-top: 60px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#about .aboutShomeiName {
    margin-top: 0;
    text-align: right!important;
    font-size: 120%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* メニューページ
------------------------------------------------------------*/
#menu .menuBox .menuDetail {
    float: left;
    width: 60%;
}
#menu h2+p {
    margin: 30px 0;
}
#menu table {
    border: 1px #CCC solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0 30px;
    width: 100%;
}
#menu table th {
    padding: 15px;
    border: #CCC solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
}
#menu table td {
    padding: 15px;
    border: 1px #CCC solid;
    border-width: 0 0 1px 1px;
    vertical-align: middle;
}
#menu .menuPriceTable .menuName {
    border-left: 5px solid #e70618;
    background: #f9f9f9;
    width: 40%;
}
#menu .menuPriceTable .menuTime {
    text-align: right;
    width: 30%;
}

#menu .menuPriceTable .menuPrice {
    text-align: right;
    width: 30%;
    font-size: 80%;
}
#menu .menuPriceTable .priceText {
    font-size: 18px;
    padding-right: 5px;
}
#menu .menuBox .menuImg {
    width: 35%;
    float: right;
}
#menu #special .menuBox .menuDetail, 
#menu #special .menuBox .menuImg {
    width: 100%;
    float: none;
}
/* よくある質問ページ
------------------------------------------------------------*/
#faq dt {
    background: #444;
    color: #fff;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 110%;
}
#faq dt:before {
    content: "Q.";
    font-weight: bold;
    margin-right: 8px;
}
#faq dd {
    margin: 24px 16px 40px 50px;
    line-height: 140%;
    text-indent: -24px;
}
#faq dd:before {
    content: "A.";
    font-weight: bold;
    margin-right: 8px;
}
/* 店舗詳細ページ
------------------------------------------------------------*/
#shopinfo table {
    width: 49%;
    margin: 0 0.5%;
    float: left;
    border-top: 1px solid #CCC;
}
#shopinfo table th {
    padding: 10px 8px;
    background: #F2F2F2;
    border-bottom: 1px solid #CCC;
    text-align: center;
    font-weight: bold;
}
#shopinfo table th i {
    color: #777;
    display: block;
    margin-bottom: 10px;
}
#shopinfo table td {
    padding: 10px;
    border-bottom: 1px solid #CCC;
}
#shopinfo .yoyaku {
    margin-bottom: 20px;
}
#shopinfo img {
    display: block;
    width: 49%;
    margin: 0 0.5% 20px 0.5%;
    float: left; 
}
#shopinfo #map {
    border: 1px solid #CCC;
}
/* ニューオープン
------------------------------------------------------------*/
#top_shoplist .maru {
    padding: 0px;
    width: 100%;
}
#top_shoplist .newopen {
    background: #e70618;
    color: #FFFFFF;
    text-align: center;
    padding: 10px;
    font-size: 28px;
    line-height: 1.2;
    vertical-align: middle;
    font-family: "Rounded Mplus 1c"; font-weight: bold;
}
#top_shoplist .newopen span {
    display: block;
}
#top_shoplist .newday {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.3;
    vertical-align: middle;
    padding: 0 10px;
    font-family: "Rounded Mplus 1c"; font-weight: bold;
    color: #f15a24;
    text-align: right;
    text-shadow: 2px 2px 2px #FFF,-2px 2px 2px #FFF,2px -2px 2px #FFF,-2px -2px 2px #FFF;
     background: url(../images/shop/newopen.jpg) ;
     background-size: 40%;
     background-position: left top;
     background-repeat: no-repeat;
}
#top_shoplist .newday span {
    display: inline;
    padding-left: 10px;
    font-size: 90%;
    color: #f7931e;
}
/* 台湾式足つぼページ
------------------------------------------------------------*/
#taiwan section {
    padding:  4% 20px;
    margin: 0;
    color: #f4ebe2;
}
#taiwan_bg {
    /*background: url(../images/shop/taiwan/taiwan_bg.jpg);*/
}
#taiwan_bg .maru {
    background: url(../images/shop/taiwan/taiwan11.jpg);
    padding: 20px 0;
}
#taiwan01 {}
#taiwan01 h3, #taiwan02 h3, #taiwan03 h3, #taiwan04 h3 {
    font-size: 26px;
    font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    text-align: center;
    padding: 4% 2%;
    color: #f7931e;
    background: url(../images/shop/taiwan/taiwan10.gif);
    border-bottom: 3px solid #1e0d0a;
    letter-spacing: 0.05em;
    font-weight: normal;
}
#taiwan03 h3 span {
    font-size: 80%;
    display: block;
}
#taiwan01 p {
    margin: 15px 0;
    font-size: 14px;
}
.keikou {
    border-bottom: 3px solid #f7931e;
    font-size: 110%;
    font-weight: bold;
    margin: 0 10px;
    color: #FFFFFF;
}
#taiwan01 img {
    float: right;
    width: 400px;
    display: block;
    margin: 20px 0 20px 20px; 
}
 #taiwan02 {
 }
 #taiwan02 h3+p,  #taiwan03 h3+p  {
     text-align: center;
     margin: 30px 0;
}
#taiwan02 h4 {
    font-size: 22px;
    font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    background:#42210b;
    padding: 10px 20px;
    color: #c7b299;
}
#taiwan02 h4 span {
    margin-right: 20px;
    font-size: 120%;
}
#taiwan02 .step {
    background: url(../images/shop/taiwan/taiwan12.jpg);
    padding: 10px;
    margin: 15px 0;
    position: relative;
}
#taiwan02 .step:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #d6b89a;
}
#taiwan02 .step:last-child:before {
    display: none;
}
#taiwan02 .step_left {
    width: 25%;
    float: left;
}
#taiwan02 .step_right {
    width: 75%;
    float: right;
}
#taiwan02 .step_right p {
    margin: 10px 15px;
    color: #42210b;
    font-size: 15px;
}
#taiwan03 .koe {
    background: url(../images/shop/taiwan/taiwan12.jpg);
    padding: 10px;
    margin: 15px 0;
    color: #42210b;
}
#taiwan03 .koe .who {
    text-align: right;
    font-weight: bold;
}
#taiwan04 dl {
margin: 30px 20px;
}
#taiwan04 dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 1px solid #42210b;
    padding-bottom: 10px;
}
#taiwan05 {
text-align: center;
}
#taiwan05 p {
    margin: 30px 0;
}
/* iPadサイズ以下（1024px）以上　ニューオープン
------------------------------------------------------------*/
@media only screen and (min-width:1024px) {
#top_shoplist div {display: table;}
#top_shoplist .newopen {display: table-cell;width: 25%;}
#top_shoplist .newday {display: table-cell;width: 75%;}
}
/* iPadサイズ以下（1024px）以下　ニューオープン
------------------------------------------------------------*/
@media only screen and (max-width:1024px) {
#top_shoplist div {display: block;text-align: right;}
#top_shoplist .newopen {display: block;width:cal(100%-20px);font-size: 22px;}
#top_shoplist .newopen span {display: inline; padding-left: 10px;}
#top_shoplist .newday {display: block;width:cal(100%-20px); text-align: right; margin-bottom: 10px; background: none; margin: 20px 0;font-size: 22px; background: url(../images/shop/newopen.jpg) ;background-size: cover;background-position: left;}
#top_shoplist .newday span {display: inline; padding-left: 10px;}
}
/* i phone以下（644px）以下　ニューオープン
------------------------------------------------------------*/
@media only screen and (max-width:644px) {
#top_shoplist {font-size: 80%;}
#top_shoplist .newday span {display: block; padding-left: 0px;}
}

/*====================================================================

  設定　645px以上

====================================================================*/
@media only screen and (min-width:645px) {
.pc_none{display: none;}
}
/*====================================================================

  設定　1024px以下

====================================================================*/
@media only screen and (max-width:1024px) {
nav#shopnav ul li {font-size: 14px;}
nav#shopnav ul i {font-size:150%;}
nav#shopnav ul i {display: block;}
}
/*====================================================================

  設定　768px以下

====================================================================*/
@media only screen and (max-width:768px) {
#aside_gaikan {width: 50%;}
#aside_shopinfo {width: 50%; margin-bottom: 20px;}
#aside_map {width: 100%;float: none;height: 300px;}
nav#shopnav ul li {font-size: 13px;}
nav#shopnav ul i {font-size:200%;}
}
/*====================================================================

  設定　644px以下

====================================================================*/
@media only screen and (max-width:644px) {
.sp_none{display: none;}
body {background-size: 50%;}

/* レイアウト
------------------------------------------------------------*/
#content {margin: 20px auto;}
section {margin:  10px 0 20px 0;}
.headerLine {display: none;}
#header .headerLogo {margin: 0px auto; padding: 10px 0; }
#header .headerLogo img {width: 100px;}
#header h2 {font-size: 22px;}
#header h2 span {margin-left: 10px;}

/* グローバルナビ
------------------------------------------------------------*/
nav#shopnav .inner {width: 100%;}
nav#shopnav ul li {font-size: 12px; letter-spacing: 0px; line-height: 110%;}
nav#shopnav ul i {font-size:22px;margin-bottom: 5px; display: block;}
nav#shopnav ul li a {padding: 8px 0;}

/* contents内設定
------------------------------------------------------------*/
#content h2 {font-size: 20px;}

/* フッター
------------------------------------------------------------*/
#othershop {padding: 20px 0 30px 0;}
.othershoplist ul {width: 90%;}
.othershoplist p {width: 90%;}
#footernavi {width: 100%;padding: 0;border-right: 1px solid #111;}
#footernavi .inner {width: 100%;}
#footernavi li{width: 50%;text-align:left;border-bottom: 1px solid #111;border-left: 1px solid #111;}
#footernavi li a {padding:10px 20px;display: block;width: 100%;height: 100%;}

/* トップページ
------------------------------------------------------------*/
#mainimg {padding:0;}
#mainimg .inner {width: 100%;}
#mainimg_waku {background-image: none;border-radius:0px;}
#mainimg_right {width: 100%;float: none;padding:0 0px 10px 0px;line-height: 150%;}
#mainimg_right .shopname {font-size: 30px;margin:0 auto 10px auto;}
#mainimg_right .shopname img {width: 150px;}
#mainimg_right .shopname span {padding-left: 10px;}
#mainimg_right .shopaddress {font-size: 16px;}
#mainimg_right .shoptime {font-size: 17px;}
#mainimg_right .shoptel {display: none;}
.top_yoyaku a {padding: 5px 3px 10px 3px;}
.top_yoyaku span {font-size: 24px;}
#mainimg_waku {padding: 0px;}

/* トップページ（メニューリスト）
------------------------------------------------------------*/
.top_menu {width: calc(49%);}
.top_menu h3 {font-size: 17px;}
.top_menu h3:before {margin-right: 5px;}

/* トップページ（コースリスト）
------------------------------------------------------------*/
#top_course_wrap {background: none;}
#top_course {width: 100%;float: none;}
#top_course dl {padding: 10px 0;}
#top_course dt:before {margin-right: 5px;}
#top_course dd {margin-top: 10px;margin-left: 0px;}

/* トップページ（ご来店の流れ）
------------------------------------------------------------*/
.flow { width: calc(48%);}
.flow p {font-size: 13px;}
.flow:after {
    right: -15px;
}

/* 下部店舗情報　(aside)
------------------------------------------------------------*/
aside {padding:0; background: none; border: none; margin-bottom: 30px;}
aside .inner {background: #FFF;border-radius: 10px;border: 1px solid #DDD;padding: 10px;}
#aside_gaikan {float: none;width: 100%;}
#aside_shopinfo {float: none;width: 100%;padding: 10px 0;}
#aside_shopinfo img {max-width: 150px;}
#aside_shopinfo .shopname {font-size: 28px;}
#aside_map {float: none;width: 100%;height: 300px;}

/* メニューページ
------------------------------------------------------------*/
#menu .menuBox .menuDetail {width:100%;float:none;}
#menu .menuPriceTable {border-left: none; border-bottom: none;}
#menu .menuPriceTable .menuName {display:block;width:100%;}
#menu .menuPriceTable .menuTime {border-bottom:none;padding-bottom: 0;display: block;width:100%;text-align: left;}
#menu .menuPriceTable .menuTime br {display: none;}
#menu .menuPriceTable .menuPrice {display:block;width:100%;text-align: right;}
#menu .menuBox .menuImg {width: 100%;float: none;}

/* 店舗詳細ページ
------------------------------------------------------------*/
#shopinfo table {width: 100%; margin: 0; float: none;}
#shopinfo table th {width: 30%;}
#shopinfo table th i {margin-bottom: 5px;}
#shopinfo img {width: 100%; margin: 0 0 10px 0; float:  none;}

/* 台湾式足つぼページ
------------------------------------------------------------*/
#taiwan01 img {max-width: 100%; float: none;margin: 20px auto; }
#taiwan02 .step_left {
    width: 100%;
    float: none;
}
#taiwan02 .step_right {
    width: 100%;
    float: none;
}
#taiwan02 .step_right p{
    margin: 10px 0px;
    font-size: 14px;
}
#taiwan04 dl {
margin: 30px 0px;
}