/*  スープカレーHIGUMA
--------------------------------------------------------------------------*/
/*  https://higuma-curry.jp
--------------------------------------------------------------------------*/

@charset "shift_jis";
a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;position:relative;}
body { background-color: #fbc600; }
body, th, td, div, font { line-height: 1.5; }
body {font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
body { font-size: 16px;font-size: 1.6rem;   /* sets the default sizing to make sure nothing is actually 10px */}
html { font-size: 62.5%; /* sets the base font to 10px for easier math */}


::-webkit-scrollbar-track {background: #fff;border-radius: 5px;}
::-webkit-scrollbar { width: 8px;height: 10px;}
::-webkit-scrollbar-thumb {background: #f1f1f1;border-radius: 5px;line-height: 0;}

ul, ol, ul li, ol li { list-style: none;}
img, a img { border: 0px none; vertical-align: bottom;}
object {vertical-align : middle;outline : none;}
form{margin:0px;}
input{margin:0px;}form{margin:0px;}
iframe{ vertical-align: bottom;}

.mincho { font-family:"Sawarabi Mincho", serif;}
.font-script {font-family: "Pinyon Script", cursive; letter-spacing: -0.5px;}

@font-face {
    font-family: 'Pinyon Script', cursive;
    font-style: ;
    src: url(''),
    url('../font/PinyonScript-Regular.ttf') format('truetype');
}

@-webkit-keyframes light {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media screen and (max-width: 640px) {.sp_none {display: none !important;}}
@media screen and (min-width: 640px) {.pc_none {display: none !important;}}


/*  MAIN
--------------------------------------------------------------------------*/
h1 { margin: 0px;padding: 0px;}
h2 { margin: 0px;padding: 0px;}
h3 { margin: 0px;padding: 0px;}
.clear { display: none;}
.wrapper { max-width: ;right:0px;left:0px;margin: auto auto;}
.title { width: 100%;height: 350px;margin: -50px 0px 15px;padding: 0px;text-align:center;}
.title { background: url('../img/title.jpg') no-repeat scroll center top ;background-position: 50% 50%;background-size: cover;position:relative;}
.title img { width: 200px;margin: 0px;position: absolute;top: 0;bottom: 0;right:0px;left:0px;margin:auto auto;}
@media screen and (max-width: 640px) {
.title { width: 100%;height: 280px;margin: -50px 0px 15px;padding: 0px;text-align:center;}
.title { background: url('../img/title.jpg') no-repeat scroll center top ;position:relative;}
.title img { width: 170px;margin: 0px;position: absolute;top: 0;bottom: 0;right:0px;left:0px;margin:auto auto;}
}

/*  HEAD
--------------------------------------------------------------------------*/
.header_wrap { width: 100%;height: 140px;position: fixed;top: 0px;z-index: 8888;}
.header{ background-color:#db0211;border-bottom: 0px solid #f8f8f8;position: relative;right:0px;left:0px;margin:auto auto;}
.header{ max-width: 100%;height: 110px;margin:0px;padding: 0px 0px ;text-align: center;}
.head_logo{ max-width: 260px;height: auto;position:absolute;top: 40px;left: 20px;}
.header_bottom { width: 100%;height: 30px;margin: 0px 0px;background : transparent url(../img/header_bottom.png) no-repeat center top;background-position: 50% 50%;background-size: cover;}
#head_content{padding: 140px 0 0 0;}

@media screen and (max-width: 640px) {
.header_wrap { width: 100%;height: 110px;position: fixed;top: 0px;}
.header{width: 100% ;height: 80px;padding: 0px 0px;}
.head_logo{ max-width: 200px;position:absolute;top: 30px;left: 15px;}
.header_bottom { width: 100%;height: 30px;margin: 0px 0;background : transparent url(../img/header_bottom.png) no-repeat center top;}
#head_content{padding: 110px 0 0 0;}
}
ul.head_menu { margin: 0px;padding: 5px 0px 0px;display:inline-block;position:relative;right:0px;left:0px;margin:auto auto;}
ul.head_menu li { float:left;}
ul.head_menu li a { margin: 0px 0px ;padding: 5px 0px;display: block;}
ul.head_menu li a:hover { background-color: #b10000;}
ul.head_menu li span { padding: 0px 0px;font-size: 11px;color: #fff;font-weight:normal;letter-spacing:2px;display: block;text-align: center;}
@media screen and (max-width:1000px) {
ul.head_menu { display: none;}
}

/*  MENU
--------------------------------------------------------------------------*/
.menu-trigger { width: 70px;height: 70px;position: fixed;right:10px;top:10px;z-index:9999;}
.menu-trigger { background:linear-gradient(to right, #fbc600 0%, #ffb32f 100%);}
.menu-trigger span {display: block;position: absolute;right:15px;background-color: #fff;height: 2px;width: 40px;transition: .3s;}
.menu-trigger span { display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span:nth-of-type(1) {top: 21px;}
.menu-trigger span:nth-of-type(2) {top: 33px;}
.menu-trigger span:nth-of-type(3) {top: 45px;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(12px) rotate(-45deg);transform: translateY(12px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-12px) rotate(45deg);transform: translateY(-12px) rotate(45deg);}
.menu-trigger:hover {cursor: pointer;}


@media screen and (max-width: 640px) {
.menu-trigger { width: 50px;height: 50px;position: fixed;right:15px;top:15px;z-index:9999;}
.menu-trigger span {display: block;position: absolute;right:10px;background-color: #fff;height: 2px;width: 30px;transition: .3s;}
.menu-trigger span { display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span:nth-of-type(1) {top: 13px;}
.menu-trigger span:nth-of-type(2) {top: 23px;}
.menu-trigger span:nth-of-type(3) {top: 33px;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}
}

.overlay { content: "";display: block;width: 0;height: 0;background-color: rgba(0, 0, 0, 0.2);position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;transition: opacity .5s;}
.overlay.open {width: 100%;height: 100%;opacity: 1;}

.menu_sp_wrap { width: 250px;height: 100%;height:100vh;overflow-x:none;overflow-y:auto;padding: 100px 0;background-color: #ffa200;border-left: 1px solid #e69303;}
.menu_sp_wrap { position: fixed;top: 0;right: -1px;transform: translate(250px);transition: all .5s;text-align: center;z-index: 8888;}
.menu_sp_wrap.open {transform: translateZ(0);}

ul.menu_sp { width:100%;margin: 0px 0px ;padding: 10px 0px 220px;z-index: 9999;}
ul.menu_sp:after {content: "";display: block;clear: both;}
ul.menu_sp li { list-style: none;margin: 0px 8px 0px;border-bottom: 1px solid #e69303;position: relative;}
ul.menu_sp li a { line-height: ;display: block;padding: 12px 10px;text-align: left;}
ul.menu_sp li a { font-family: 'Oswald', sans-serif;font-size:15px;color: #222;font-weight:normal;letter-spacing:1px;text-decoration:none;}
ul.menu_sp li a { -webkit-transition: all .3s;transition: all .3s;position: relative;}
ul.menu_sp li a:hover { background-color: #f3ede1;color: #a69b87;}
ul.menu_sp li span { display:block;padding: 0px 0px 0px;font-size: 12px;color: #f2f2f2;font-weight: normal;text-align: left;}
ul.menu_sp li span a:hover { color: #fff;}
_ul.menu_sp li a{ background: url('../img/menu_arrow.png') no-repeat scroll;background-position: right 8px center;}
ul.menu_sp li a::after { position:absolute;right:7px;top:16px;content:"";width:16px;height:16px;}
ul.menu_sp li a::after { background:url(../img/menu_arrow.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5;}



/*  TOP
--------------------------------------------------------------------------*/
.main_wrapper { margin: 0px 0px; padding: 15px 15px;background-color: rgba(255,255,255,0.0); position: relative;text-align: center; }
.main_wrapper h2 { padding: 0px 0px;margin: 10px 0px;position:relative;}
.main_wrapper h2  { font-family: 'Oswald', sans-serif;font-size: 6.0rem;color: #db0211;font-weight: normal;letter-spacing:-1px;text-align: center;}
.main_wrapper h2::before {content: ''; display: inline-block; background-image: url(../img/icon_curry.png); vertical-align: -6px; margin-right: 5px;width: 60px;height: 60px;background-size: contain;}
@media screen and (max-width: 640px) {
.main_wrapper { margin: 0px 0px; padding: 10px 10px;background-color: rgba(255,255,255,0.0); position: relative;text-align: center; }
.main_wrapper h2  { font-family: 'Oswald', sans-serif;font-size: 4.0rem;color: #;font-weight: normal;letter-spacing:0px;line-height: 1.6;text-align: center;}
.main_wrapper h2::before {content: ''; display: inline-block; background-image: url(../img/icon_curry.png); vertical-align: -10px; margin-right: 5px;width: 50px;height: 50px;background-size: contain;}
}

.main_wrap { margin: 10px 10px; padding: 15px 15px;background-color: rgba(255,255,255,1.0);border-radius: 8px; position: relative;text-align: center; }

.box_main { height: 850px;margin: -50px 0 0 0;padding: 0px;position: relative;}
.box_main { background-position: 50% 50%;background-size: cover;z-index: ;text-align: center;}
.box_logo { max-width: 100%;margin: 200px 0px 0px;}
.box_bottom { height: 50px;width: 100%;background : transparent url(../img/box_bottom.png) no-repeat center top;background-position: 50% 50%;background-size: cover;position:absolute;bottom: 0px;z-index: ;}
@media screen and (max-width: 640px) {
.box_main { height: 450px;margin: -50px 0 0 0;padding: 0px;position: relative;}
.box_logo { max-width: 200px;margin: 130px 0 0;}
}

#top_catch { max-width:800px;;padding: 20px 20px 0px;right:0px;left:0px;margin:auto auto;z-index: 200;}
#top_catch h3 { margin: 0px 0px;padding: 0px 0px;position:relative;}
#top_catch h3 { font-size: 2.5rem;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align: center;}
#top_catch .txt { font-size: 1.8rem;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.4;text-align: left;}
@media screen and (max-width: 640px) {
#top_catch h3 { font-size: 2.0rem;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align: center;}
#top_catch p { font-size: 1.5rem;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.4;text-align: left;}
}








.monthly{ max-width: 1000px;margin: 0px; padding: 0px 10px; position: relative;text-align: center; right:0px;left:0px;margin: auto auto;}
@media screen and (max-width: 640px) {
.monthly{ max-width: 1000px;margin: 0px; padding: 0px 5px; position: relative;text-align: center; right:0px;left:0px;margin: auto auto;}
}

table.monthly_column  { width: 1000px;border-collapse: separate;border-spacing: 5px 5px;margin: 1em auto;}
table.monthly_column th { width: 180px;padding: 0px 15px;vertical-align: bottom;text-align: left;}
table.monthly_column th img{ width: 100%;}
table.monthly_column td { max-width: 100%;padding: 3px 0px ;vertical-align: middle;text-align: left;}
table.monthly_column td h3 { padding: 0px;margin: 0px 15px;font-size: 20px;color: #222;font-weight: bold;letter-spacing:3px;line-height: 1.6;text-align: left;}
@media screen and (max-width: 1050px) {
table.monthly_column  { width: 100%;border-collapse: separate;border-spacing: 5px 5px;margin: 1em auto;}
}
@media screen and (max-width: 640px) {
table.monthly_column th { width: 100%;display: block;vertical-align: middle;padding: 3px 5px;text-align: center;}
table.monthly_column th img{ width: 130px;}
table.monthly_column td { width: 100%;display: block;width: auto;}
table.monthly_column td h3 { padding: 0px;margin: 0px 15px;font-size: 18px;color: #222;font-weight: bold;letter-spacing:3px;line-height: 1.6;text-align: left;}
}




.monthly_img { max-width: 100%;height: auto;margin: 0px;}
.monthly_comme { width: 100%;min-height: 140px;position: relative;display: inline-block;margin: 10px 0 ;padding: 13px;background: #fff;border-radius: 8px;box-sizing: border-box;}
.monthly_comme:before {content: "";position: absolute;top: 50%;left: -30px;margin-top: -15px;border: 15px solid transparent;border-right: 15px solid #fff;z-index: 2;}
.monthly_comme p{ overflow: auto; /* スクロール表示 */ height: 150px;margin: 0;padding: 5px;font-size: 15px;color: #333;font-weight: bold;letter-spacing:3px;line-height: 1.8;text-align: left;}
@media screen and (max-width: 640px) {
.monthly_comme {position: relative;display: inline-block;margin: 15px 0;padding: 13px ;max-width: 100%;background: #fff;}
.monthly_comme:before {content: "";position: absolute;top: -10px;left: 50%;margin-left: -15px;border: 15px solid transparent;border-bottom: 15px solid #fff;}
.monthly_comme p{ overflow: auto; /* スクロール表示 */ height: 180px;margin: 0;padding: 5px;font-size: 14px;color: #222;letter-spacing:3px;line-height: 1.8;text-align: left;}
}
.map_wrap iframe{ width: 100%;height: 450px;vertical-align: bottom;}
@media screen and (max-width: 640px) {
.map_wrap iframe{ width: 100%;height: 350px;vertical-align: bottom;}
}


/* メニュー
--------------------------------------------------------------------------*/
ul.pick_menu { max-width:1400px;margin: 0px;padding: 20px 0px 20px;display: inline-block;}
ul.pick_menu li { width:25%;float:left;list-style: none;text-align: center;}
ul.pick_menu li { margin: 0px 0px 5px;background-color: rgba(255,255,255,0.0);text-decoration: none;}
ul.pick_menu li:after { content: "";display: block;clear: both;}
ul.pick_menu li img { width:100%;height: 200px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
ul.pick_menu li h3 { overflow: hidden;margin: 0px;padding: 10px 0px ;font-size:18px;color: #222;font-weight: bold;letter-spacing:0px;line-height: 1.4;text-align: left;}
ul.pick_menu li .pick_menu_wrap { margin: 0px 5px 10px;padding: 10px 10px;background-color: rgba(255,255,255,1.0);border: 0px solid #;border-radius: 0px;}
@media screen and (max-width: 1200px) {
ul.pick_menu li { width:33.3333%;float:left;list-style: none;text-align: center;}
}
@media screen and (max-width: 640px) {
ul.pick_menu li { width:50%;float:left;list-style: none;text-align: center;}
}

.pick_menu_price { margin: 0px;padding: 0px;font-family: 'Oswald', sans-serif;font-size: 30px;color: #333;font-weight: normal;letter-spacing:0px;line-height: 1.6;text-align: right;}
.pick_menu_price span { padding: 0px 0px 0px 5px;font-size: 13px;color: #666;font-weight: bold;letter-spacing:0px;line-height: 1.6;}
.pick_menu_comme { overflow: auto; /* スクロール表示 */ height: 90px;padding: 0px 5px 0 0;margin: 0px;font-size: 14px;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align: left;}
@media screen and (max-width: 640px) {
.pick_menu_comme { overflow: auto; /* スクロール表示 */ height: 70px;padding: 0px 5px 0 0;margin: 0px;font-size: 13px;color: #333;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align: left;}
}

ul.system_list { width: 1000px;margin: 0px;padding: 0px 0px 30px;display: inline-block;}
ul.system_list li { width: 50%; float: left;margin: 0px 0px; padding: 10px 15px;position: relative;}
ul.system_list li { padding: 10px 15px;}
ul.system_list li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@media screen and (max-width: 1050px) {
ul.system_list { width: 100%;margin: 0px;padding: 10px 0px 50px;display: inline-block;}
}
@media screen and (max-width: 800px) {
ul.system_list li { width: 100%;float: left;margin: 0px 0px; padding: 15px 0px ;position: relative;}
}

.system_box { margin: 0px;padding: 0px;display: flex;justify-content: space-between;align-items: center;}
.box_left, .box_right {display: inline-block;}
.box_left { margin-right: auto;text-align: left;}
.box_left { margin: 0px;padding: 0px;font-size: 18px;color: #333;font-weight: bold;letter-spacing:1px;}
.box_right { margin: 0px;padding: 0px;font-family: 'Oswald', sans-serif;font-size: 28px;color: #333;font-weight: normal;letter-spacing:0px;text-align: right;}
.box_right span { padding-left: 3px;font-size: 14px;color: #333;font-weight: bold;font-style:normal;letter-spacing:0px;}

ul.delivery_menu { margin: 0px;padding: 10px 0px 0px;display:inline-block;position:relative;right:0px;left:0px;margin:auto auto;}
ul.delivery_menu li { float:left;}
ul.delivery_menu li a { margin: 0px 0px ;padding: 10px 15px;display: block;}
ul.delivery_menu li a { -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.delivery_menu li a:hover { box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.2);transition: all 0.2s ease-in-out 0.1s; transform: translateY(-7px);}
ul.delivery_menu li img { max-width:200px;height: 200px;object-fit: cover;overflow: hidden;}
@media screen and (max-width:1000px) {
ul.delivery_menu li img { width:180px;height: 180px;object-fit: cover;overflow: hidden;}
}
@media screen and (max-width:640px) {
ul.delivery_menu li a { margin: 0px 0px ;padding: 7px 7px;display: block;}
ul.delivery_menu li img { width:70px;height: 70px;object-fit: cover;overflow: hidden;}
}

/* ABOUT
--------------------------------------------------------------------------*/
ul.shop_tab  { max-width: 800px;margin: 0px 0px 5px;padding: 0px 0px 0px ;display: flex;position: relative;right:0px;left:0px;margin: auto auto;}
ul.shop_tab li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.shop_tab li { width: 50%;background-color: #ffa200; border: 0px solid #db0211;border-radius: 0px;margin: 0px 1px 0px;padding: 18px 0px;cursor: pointer;float: left;}
ul.shop_tab li { font-size: 13px;color: #fff;font-weight: bold;letter-spacing:1px;text-align: center;}
ul.shop_tab li.select { background: #db0211;color: #fff;}
@media screen and (max-width: 640px) {
ul.shop_tab li { width: 50%;margin: 0px 1px 0px;padding: 13px 0px;cursor: pointer;float: left;}
}
.disnon{display: none;}
.shop_wrap { max-width:100%;background-color: #;border: 0px solid #ffd1cc;margin: 0px 0px; padding:10px 0px;text-align: center;right:0px;left:0px;margin: auto auto;}
@media screen and (max-width: 640px) {
}
table.shop_about { width: 90%;border-collapse: separate;border-spacing: 0px 5px;right:0px;left:0px;margin:auto auto;}
table.shop_about th { width: 20%;border-bottom: solid 1px #ecebeb;padding: 15px 0;vertical-align: middle;text-align: left;}
table.shop_about th { font-size: 13px; font-weight: bold;letter-spacing:2px;color: #222;text-align:left;}
table.shop_about td { border-bottom: solid 1px #ecebeb;padding: 15px 15px ;vertical-align: middle;text-align: left;}
table.shop_about td { font-size: 13px; font-weight: bold;line-height: 1.6;letter-spacing:2px;color: #222;text-align:left;}
.shop_wrap01 { width: 100%;position: relative;display: inline-block;margin: 15px 0px ;padding:30px 0;background: #fff;border-radius: 10px;}
.shop_wrap01:before {content: "";position: absolute;top: -30px;left: 35%;margin-left: -15px;border: 20px solid transparent;border-bottom: 20px solid #fff;}
.shop_wrap02 { width: 100%;position: relative;display: inline-block;margin: 15px 0px ;padding:30px 0;background: #fff;border-radius: 10px;}
.shop_wrap02:before {content: "";position: absolute;top: -30px;right: 35%;margin-left: -15px;border: 20px solid transparent;border-bottom: 20px solid #fff;}


/* NEWS
--------------------------------------------------------------------------*/
ul.news_list { width: 1400px;margin: 0px;padding: 0px 0px;text-align: center;display:inline-block;}
ul.news_list li { width: 25%;float: left;text-align: center; padding: 0px; position:relative;}
ul.news_list li img { width: 100%;height: 210px;border-radius:0px 0px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
ul.news_list li h3 { height: 50px;overflow: hidden;margin: 0px;padding: 8px 0px 0px;font-size: 1.6rem;color: #222;font-weight: bold;letter-spacing:1px;line-height: 1.6;text-align:left;}
ul.news_list li a{ background-color:#;display: block;margin: 0px 0px 20px;padding: 15px 10px ;position:relative;}
ul.news_list li a{ -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.news_list li a:hover { box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.2);transition: all 0.2s ease-in-out 0.1s; transform: translateY(-7px);}
.news_list_date { margin: 0px;padding: 5px 0px;font-size: 13px;color: #222;letter-spacing: 0px;text-decoration:none;text-align: left;}

@media screen and (max-width: 1650px) {
ul.news_list { width: 100%;margin: 0px;padding: 0px 0px;text-align: center;display:inline-block;}
}
@media screen and (max-width:800px) {
ul.news_list li { width: 50%;float: left;text-align: center; padding: 0px; position:relative;}
ul.news_list li a{ background-color:#;display: block;margin: 0px 0px 20px;padding: 10px 5px ;position:relative;}
}

#news{ max-width: 1200px;padding: 20px 5px ;text-align: left;right:0px;left:0px;margin: auto auto;}
#news h3{margin: 0px;padding: 25px 0px 15px;border-bottom: 1px solid #dfdfdf;}
#news h3{font-size:1.2em;color: #222;font-weight:bold;letter-spacing:0px;position: relative;text-align:left;}
.news_img{max-width: 100%;}
.news_day{padding: 15px 0px 0px;font-size: 14px; color: #666;font-weight: normal;letter-spacing: 0px;text-align: left;}
.news_comme{padding: 15px 0px 20px;margin: 0px;font-size: 16px;color: #222;line-height: 1.7;letter-spacing:0px;}

ul.news_next{max-width:500px;padding: 30px 0px ;display: flex;right:0px;left:0px;margin:auto auto ;}
ul.news_next li{width: 100%;background:linear-gradient(to right, #3c8adf 0%, #351454 100%); border-radius: 0px;margin: 0px 5px 0px;text-align:center; position: relative;}
ul.news_next li a{ padding: 15px 0px;display: block; text-decoration: none;}
ul.news_next li a{ font-size: 15px;color: #fff;font-weight:normal;letter-spacing:1px;}
ul.news_next li a:hover{background-color: #222;border-radius: 0px;color: #;}

ul.insta_list { width: 1600px;margin: 0px;padding: 0px 0px;text-align: center;display:inline-block;}
ul.insta_list li { width: 25%;float: left;text-align: center; padding: 0px; position:relative;}
ul.insta_list li .insta_list_wrap{ padding: 15px 10px ; }
@media screen and (max-width: 1650px) {
ul.insta_list { width: 100%;margin: 0px;padding: 0px 0px;text-align: center;display:inline-block;}
}
@media screen and (max-width:1000px) {
ul.insta_list li { width: 50%;float: left;text-align: center; padding: 0px; position:relative;}
ul.insta_list li .insta_list_wrap{ padding: 10px 5px ; }
}
@media screen and (max-width: 768px){
.instagram-media{min-width: 100% !important;margin: 0 -1px !important;border-right: none !important;border-left: none !important;}
}


/*  RECRUIT
--------------------------------------------------------------------------*/
#job_catch { max-width: 800px;padding: 20px 0px 0;text-align: center;right:0px;left:0px;margin:auto auto;}
#job_catch h3 { margin: 10px 0px;padding: 0px 30px;font-size:2.5rem;color: #333;font-weight:bold;letter-spacing:1px;line-height: 1.6;position: relative;display: inline-block;}
#job_catch h3:before { position: absolute;left: 0;top: 0;bottom: 0;margin: auto ;content: "";width: 2px;height: 34px;background: #000; border-radius: 3px;transform: rotate(-25deg);}
#job_catch h3:after { position: absolute;content: "";right: 0;top: 0;bottom: 0;margin: auto ;width: 2px; height: 34px;background: #000;border-radius: 3px;transform: rotate(25deg);}
#job_catch p { padding: 0px 0px;font-size:1.8rem;color: #333;line-height: 1.6;font-weight: bold;letter-spacing:2px;text-align: left;}
#job_catch img{ max-width: 100%;height:auto;margin: 20px 0px 10px;}
@media screen and (max-width: 640px) {
#job_catch { max-width: 100%;padding: 10px 5px 0;text-align: center;right:0px;left:0px;margin:auto auto;}
#job_catch h3 { margin: 10px 5px;padding: 0px 25px;font-size:1.8rem;color: #333;font-weight:bold;letter-spacing:1px;line-height: 1.6;text-align: left;}
#job_catch p { margin: 0px;padding: 0px 0px;font-size:15px;color: #333;line-height: 1.6;font-weight: bold;letter-spacing:2px;text-align: left;}
#job_catch img{ max-width: 160px;height:auto;margin: 10px 0px;}
}

table.recruit { width: 1400px;margin:0px ; border-collapse: collapse; border:1px solid #ececec;right:0px;left:0px;margin: 10px auto 20px;}
table.recruit th { width: 280px;background-color: #f8f8f8;padding:15px 15px ;vertical-align: middle;border-bottom: 1px solid #ececec;}
table.recruit th { font-size: 1.6rem; letter-spacing:2px;color: #222;font-weight:bold;text-align:left;}
table.recruit td { padding: 16px 12px;vertical-align: middle;border-left: 1px solid #ececec;border-bottom: 1px solid #ececec;}
table.recruit td { font-size: 1.6rem; letter-spacing:2px;color: #222;text-align:left;}
@media only screen and (max-width:1450px) {
table.recruit { width: 100%;border-collapse: collapse;right:0px;left:0px;margin:20px auto;}
}
@media only screen and (max-width:640px) {
table.recruit { width: 100%;border-collapse: separate;border-spacing: 0px 0px;border: none;}
table.recruit th,.recruit td { display: block;width: auto;border: none;}
table.recruit th { padding: 15px 10px ;background-color: #f5f5f5;font-size: 14px;color: #222;font-weight: bold;position: relative;}
table.recruit tr:last-child { }
table.recruit td { border: none;margin: 0px 0 5px;padding: 10px 0px ;vertical-align: middle;text-align: left;}
table.recruit td { font-size: 14px; color: #333;font-weight: bold;line-height: 1.6;letter-spacing:2px;text-align:left;}
}

/*  POLICY
--------------------------------------------------------------------------*/
#policy { max-width: 1000px;padding: 40px 10px;text-align: left;right:0px;left:0px;margin:auto auto;}
#policy h3 { border-bottom: 1px solid #f2f2f2;padding: 20px 0px 5px;margin: 0px 0px;position:relative;}
#policy h3 { font-size: 19px;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align:left;}
#policy p { padding: 5px 0px 30px;font-size: 16px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;}
@media screen and (max-width: 640px) {
#policy h3 { font-size: 17px;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align:left;}
#policy p { padding: 5px 0px 30px;font-size: 15px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;}
}

/*  FORM
--------------------------------------------------------------------------*/
#form_wrapper { max-width: 700px;border: 0px solid #c1b693;padding: 15px 10px;position:relative;right:0px;left:0px;margin: 10px auto;}
#form_wrapper h4 { margin: 0px;padding: 20px 0px 10px;font-size: 16px; font-weight: normal;letter-spacing:2px;color: #222;text-align:left;}
#form_wrapper .form_wrap { text-align:left;}
#form_wrapper .txt{ margin:0px;padding: 5px 0px;font-size: 18px;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: left;position: relative;}
#form_wrapper .enq_txt{ border: solid 1px #c2beba;margin:0px 0 20px;padding: 15px 15px;font-size: 18px;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: left;position: relative;}

@media screen and (max-width: 640px) {
#form_wrapper { max-width: 800px;border: 0px solid #ffa200;padding: 10px 10px;position:relative;right:0px;left:0px;margin: 10px auto;}
#form_wrapper h4 { margin: 0px;padding: 15px 0px 5px;font-size: 14px; font-weight: normal;letter-spacing:1px;color: #333;text-align:left;}
#form_wrapper .txt{ margin:0px;padding: 10px 0px;;font-size: 16px;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: left;position: relative;}
#form_wrapper .enq_txt{ border: solid 1px #c2beba;margin:0px 0 20px;padding: 15px 15px;font-size: 16px;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: left;position: relative;}
}
.required { background: #9e0903;border-radius:0px;margin: 0px 6px;padding:3px 7px ;font-size: 10px;color: #fff;letter-spacing:1px;vertical-align: 2px;}
.optional { background: #333;border-radius:0px;margin: 0px 6px;;padding:3px 7px ;font-size: 10px;color: #fff;letter-spacing:1px;vertical-align: 2px;}


/*  FORM
--------------------------------------------------------------------------*/
input{ background-color: #fdfdfd;border: 1px solid #e7e1e3;border-radius:0px;font-size:16px; color:#222;margin: 0px 0px;padding: 12px 10px;}
input{ -webkit-appearance: none; }
input:focus{ background-color: #fff;-webkit-appearance: none;outline: none;}
input{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.input_score{ width:150px;margin-right: 5px ;}
@media only screen and (max-width:800px) {
}

textarea{ font-size:120%;margin: 0px 0px;padding: 10px 10px;background-color: #fdfdfd;border: 1px solid #d3cbb3;border-radius: 0px;}
textarea{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
textarea{ overflow: auto; resize: none;-webkit-appearance: none;}
textarea:focus{ background-color: #fff;outline: none;}

select{ margin: 0px 0px;padding: 15px 10px;font-size:16px; color: #222;}
select{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
select{ background-color: #fdfdfd;border: 1px solid #e7e1e3;border-radius: 0px;-webkit-appearance: none;}
select{ font-family:"Sawarabi Mincho", serif;}
select{ background: #fdfdfd url(../img/select_arrow.png) no-repeat ;background-position: right 10px center;}
select:focus { background: #fff url(../img/select_arrow.png) no-repeat ;background-position: right 10px center;outline: none;}
.select_day { width:150px; margin: 0px 0px;}

@media only screen and (max-width:800px) {
select { width:100%;font-size:100%; color: #222;padding: 14px 10px;margin: 0px 0px ;border-radius: 0px;}
.select_day { width:90px; margin: 0px 0px;}
}

input.button { max-width:380px;margin: 30px 0px 30px;padding: 18px 0px;border: none;border-radius: 0px;}
input.button { background-color: #222;}
input.button { font-size:15px;color: #fff;font-weight:bold;letter-spacing: 2px;text-align: center;-webkit-appearance: none;}
input.button { -webkit-appearance: none;}
input.button:hover { background-color: #222;color: #fff;}
input.button:active { position:relative;top:1px;}

.button-group { max-width: 100%;display: flex;}
.button-group .item {width: 100%;}
.button-group .radio-button {position: absolute;width: 1px;height: 1px;opacity: 0;}
.button-group 
.radio-button + label { padding: 15px 5px;cursor: pointer;border: 1px solid #e7e1e3;margin-right: -2px;font-size:14px;color: #555;letter-spacing: 1px;background-color: #fff;display: block;text-align: center;}
.button-group .item:first-of-type .radio-button + label{border-top-left-radius:0px;border-bottom-left-radius: 0px;}
.button-group .item:last-of-type .radio-button + label {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.button-group .radio-button:checked + label {background-color: #ffa200;color: #fff;}
@media only screen and (max-width:800px) {
.button-group { max-width: 100%;display: flex;}
.button-group .radio-button + label {padding: 12px 0px;cursor: pointer;border: 1px solid #e7e1e3;margin-right: -2px;font-size:12px;color: #555;background-color: #fff;display: block;text-align: center;}
}

/*  FOOTER
--------------------------------------------------------------------------*/
.footer { min-height: 200px;background-color: #ffa200;margin: 0px 0px;padding: 30px 0px 50px;position:relative;text-align:center;}
.footer_top { width: 100%;height: 90px;margin: 0px 0px;background : transparent url(../img/footer_top.png) no-repeat center top;background-position: 50% 50%;background-size: cover;}
@media screen and (max-width: 640px) {
.footer { margin: 0px 0px;padding: 30px 0px 50px;position:relative;text-align:center;}
.foot_wrap { margin: 5px 0px;padding: 15px 10px;background: rgba(255,255,255,1.0);border: 1px solid #ebe7da;border-radius:10px;position: relative;text-align:center;}
}
.foot_logo { max-width: 200px;margin: 20px 0px;}
@media screen and (max-width: 640px) {
.foot_logo { max-width: 150px;margin: 15px 0px;}
}
.foot_column_container { width: 800px;display: inline-block; vertical-align: top;padding: 10px 0px;right:0px;left:0px;margin:auto auto;}
.foot_column { width: 50%;margin:0px 0px ;float: left;position: relative;text-align: center; }
@media screen and (max-width: 1250px) {
.foot_column_container { width: 100%;display: inline-block; vertical-align: top;padding: 10px 0px ;}
}
@media screen and (max-width: 640px) {
.foot_column_container { width: 100%;display: inline-block; vertical-align: top;padding: 0px 0px ;}
.foot_column { width: 100%;margin:0px 0px;position: relative; }
}

ul.address { margin: 0px ;padding: 10px 0px;display: inline-block;}
ul.address li { padding: 3px 0px;letter-spacing:0px;}
ul.address li { font-size: 14px;color: #222;font-weight: normal;letter-spacing: 1px;line-height: 1.5;text-align: left;}
ul.address li a{color: #222;text-decoration: none;}
ul.address h3 { padding: 10px 0px;font-size: 20px;color: #222;line-height: 1.5;font-weight: bold;letter-spacing:0px;}

@media screen and (max-width: 640px) {
ul.address { margin: 0px ;padding: 10px 0px;display: inline-block;}
ul.address li{font-size: 13px;color: #222;font-weight: normal;letter-spacing: 0px;line-height: 1.5;text-align: left;}
ul.address h3{  padding: 5px 0px;font-size: 15px;color: #222;line-height: 1.5;font-weight: bold;letter-spacing:0px;}
}


.footer_bottom { width: 100%;height: 250px;background : transparent url(../img/footer.png) repeat-x center top;position: absolute;bottom: 0px;left: 0px;}
.copy { padding: 20px 0px;font-size: 12px;color: #222; letter-spacing: 1px;font-family: Tahoma,arial,sans; text-align: center;}
.copy a { color: #222;text-decoration: none;display: block;}
.copy a:hover { color: #;text-decoration: none; }


/* FOOT-NAVI
--------------------------------------------------------------------------*/
@media screen and (min-width: 640px) {
#foot_content{padding: 200px 0 0 0;}
ul.foot_navi { display: none;}
}
@media screen and (max-width: 640px) {
#foot_content{padding: 200px 0 0 0;}
ul.foot_navi { width: 100%;border-top: 0px solid #d6e4e3;margin: 0px;padding: 0px 0px ;border-radius: 0px;position: fixed;bottom: 0px;z-index: 9999;}
ul.foot_navi li { width: 50%;float: left;padding: 0px;}
ul.foot_navi li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.foot_navi li a {display: block;margin: 0px ;padding: 0px 0px; }
ul.foot_navi:after { content: "";display: block;clear: both;}
ul.foot_navi li img { width: 100%;}
ul.foot_navi li.tel a{ background-color:#979c68;}
ul.foot_navi li.mail a{ background-color:#696d40;}
}




/* SLIDER
--------------------------------------------------------------------------*/
.bx-wrapper { position: relative;  padding: 0px 0px 0px;margin: 0px auto 0px;z-index: 8000;}
_.bx-wrapper img { max-width: 100%;height: auto; display: block; position: relative;  top: 0px; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%;z-index: 9999;  }
.bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: rgb(255, 255, 255); padding-top: 10px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0% 0% rgb(235, 232, 215); text-indent: -9999px; display: block; width: 13px; height: 13px; margin: 0px 5px; outline: 0px none; border-radius: 10px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0% 0% rgb(214, 214, 214); }
.bx-wrapper .bx-prev { left: -10px; background: url('../img/prev.png') no-repeat scroll transparent;}
.bx-wrapper .bx-next { right: -20px; background: url('../img/next.png') no-repeat scroll transparent; }
.bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
.bx-wrapper .bx-next:hover { background-position: 0px 0px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 42%; margin-top: -16px; outline: 0px none; width: 60px; height: 60px; text-indent: -9999px; z-index: 9999; }
/*.bx-wrapper li { height: 100%; }*/
.bx-viewport { overflow: visible!important;width: 100%!important;}


/* PAGER
--------------------------------------------------------------------------*/
.pager_wrap { width: 840px;position: relative;text-align: center; }
ul.pager { margin: 0px;padding: 10px 0px 50px ;display: inline-block;}
ul.pager li { background-color: #fff;border: 0px solid #dad9cc;margin: 2px 1px 2px;display: block;}
ul.pager li { min-width: 40px;line-height: 40px;float:left;position:relative;text-align: center;}
ul.pager li { font-family: 'Oswald', sans-serif ;font-size: 14px;color: #fff;letter-spacing:0px;text-decoration: none;;}
ul.pager li a { background-color: #fff;border: 1px solid #ebe7da;line-height: 40px;display:block;position:relative;text-align: center;}
ul.pager li a { font-size: 14px;color: #222;letter-spacing:0px;text-decoration: none;}
ul.pager li a:hover  { background-color: #222;color:#fff;text-decoration: none;display:block;}
ul.pager li.current a { background-color: #222;color:#fff;text-decoration: none;display:block;}