/*  牡蠣の唄 巴
--------------------------------------------------------------------------*/
/*  https://kai-tenpura-takechiyo.com
--------------------------------------------------------------------------*/

@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: #fff; }
body, th, td, div, font { line-height: 1.5; }
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',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: 8px;}
::-webkit-scrollbar-thumb {background: #333;border-radius: 5px;}

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

.material-icons { font-family: 'Material Icons';font-weight: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-transform: none;}
.material-icons { display: inline-flex;margin-right:5px;vertical-align: middle;}
.material-icons.head_tel{ font-size: 30px;vertical-align: -3px;}

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

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

@-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; }
}

/*  タイトル関連
--------------------------------------------------------------------------*/
h1 { margin: 0px;padding: 0px;}
h2 { margin: 0px;padding: 0px;}
h3 { margin: 0px;padding: 0px;}
.clear { display: none;}

.title { padding: 0px 0px 10px;margin: 20px 0px 10px;position:relative;}
.title { font-family: 'Oswald', sans-serif;font-size: 3.2em;color: #333;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
.title span { padding: 10px 0px 0px;font-family:"Sawarabi Mincho", serif;font-size: 15px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}
.title:before {content: '';position: absolute;bottom: 39px;display: inline-block;width: 100px;height: 3px;left: 50%;}
.title:before {-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #333; border-radius: 2px;}
@media screen and (max-width: 1300px) {
.title { font-size: 2.8em;color: #333;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
}


.title01 { padding: 0px 0px;position: relative;right:0px;left:0px;margin:20px auto;}
.title01 { font-family:"Sawarabi Mincho", serif;font-size:2.0em;color: #222;font-weight:normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
.title01 span { margin: 0px;padding: 5px 0px 20px;font-family: 'Oswald', sans-serif;font-size: 14px;color: #666;font-weight:normal;letter-spacing:0px;display: block;}



/*  HEAD
--------------------------------------------------------------------------*/
.header{ background-color: rgba(255,255,255,0.0);border-bottom: 0px solid #f8f8f8;position: relative;}
.header{ width: 100% ;height: 140px;padding: 0px 0px 0px;}
.head_logo{ max-width: 120px;position:absolute;left:30px;top: 20px;z-index: 8888;}
@media screen and (max-width: 800px) {
.head_logo{ max-width: 80px;position:absolute;left:20px;top: 20px;z-index: 8888;}
.header{ width: 100% ;height: 100px;padding: 0px 0px 0px;}
}
.box_main { width: 100%;height: 1000px;margin: 0px 0px;padding: 0px 0px; position:relative;}
.box_main {background-position: 50% 50%;background-size: cover;}
@media screen and (max-width: 800px) {
.box_main { width: 100%;height: 600px;margin: 0px 0px;padding: 0px 0px; position:relative;}
}
#box_catch { padding: 180px 30px 0px;text-align: center;}
#box_catch h3 { padding: 0px 0px 10px;margin: 0px 0px 0px;position:relative;}
#box_catch p { font-family: 'Oswald', sans-serif;padding: 20px 0px 20px;font-size: 6.5em;color: #fff;line-height: 1.2;font-weight: normal;letter-spacing:0px;text-align: left;}
@media screen and (max-width: 800px) {
#box_catch { padding: 50px 20px 0px;text-align: left;}
#box_catch p { font-family: 'Oswald', sans-serif;padding: 20px 0px 20px;font-size: 4.5em;color: #fff;line-height: 1.2;font-weight: normal;letter-spacing:0px;text-align: left;}
}

/*  MENU
--------------------------------------------------------------------------*/
.menu-trigger,
.menu-trigger span { display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger { width: 40px;height: 30px;position: fixed;right:15px;top:15px;z-index:9999;}
.menu-trigger span { position: absolute;left: 0;width: 100%;height: 4px;background-color: #d7d7d7;border-radius: 4px;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 13px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
_.menu-trigger:not(.active):hover span:nth-of-type(2) {width: 70%;}
_.menu-trigger:not(.active):hover span:nth-of-type(3) {width: 35%;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(13px) rotate(-45deg);transform: translateY(13px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-13px) rotate(45deg);transform: translateY(-13px) rotate(45deg);}
.menu-trigger::after { position: absolute;left: 0;bottom: -30px;content: 'MENU';display: block;width: 100%;}
.menu-trigger::after { font-family: 'Oswald', sans-serif;font-size: 15px;color: #d7d7d7;letter-spacing:1px;text-decoration: none;text-align: center;transition: all .4s;}
.menu-trigger.active::after { content: 'CLOSE';bottom: -30px;}

#menu_wrap{ width:100%; background-color: rgba(255,255,255,1.0);padding: 20px 0px;border-bottom: 1px solid #999;box-shadow: 0px 0px 12px rgba(102,102,102,0.0);}
#menu_wrap{ position: fixed;z-index:8888;top: 0px;left: 0px;display:none;text-align: center;}

.menu_wrapper{ padding: 10px 10px;}
.menu_logo{ max-width: 1400px;height:auto;right:0px;left:0px;margin: 20px auto;}
ul.menu { width:1200px;border-top: 1px solid #dadada;margin: 20px 0px;padding: 0px 0px ;display: inline-block;}
ul.menu li { width: 50%;background-color:#fff;float:left; margin: 0px 0px 0px;text-align:center; position: relative;}
ul.menu li a { margin: 0px;padding: 20px 20px;display: block; text-decoration: none;text-align:center;}
ul.menu li a { font-size: 16px;color: #333;font-weight:bold;letter-spacing:2px;transition: all .3s;}
ul.menu li { border-bottom: 1px solid #dadada;border-right: 1px solid #dadada;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.menu li a:hover {  }
ul.menu li span { margin: 0px;padding: 6px 0px 0px;font-family: 'Oswald', sans-serif;font-size: 12px;color: #86d0f3;font-weight:normal;letter-spacing:0px;text-align: center;display: block;}
ul.menu li.menu01{ width: 100%;background-color:#222;}
ul.menu li.menu01 a{ color: #fff;}
ul.menu li:nth-of-type(1){ border-left: 1px solid #dadada;}
ul.menu li:nth-of-type(3){ border-left: 1px solid #dadada;}
@media screen and (max-width: 1250px) {
ul.menu { max-width: 100%;margin: 0px;padding: 0px 0px ;display: inline-block;right:0px;left:0px;margin: auto auto;}
ul.menu li a { font-size: 13px;color: #333;font-weight:bold;letter-spacing:0px;transition: all .3s;}
}

/*  TOP
--------------------------------------------------------------------------*/
.main_wrap { padding: 20px 15px ;position: relative;text-align: center; }
@media screen and (max-width: 1450px) {
.main_wrap { padding: 10px 10px ;position: relative;text-align: center; }
}

#concept{ max-width:900px;padding: 20px 0px 0px;position:relative;right:0px;left:0px;margin: auto auto;}
#concept{ word-wrap: break-word;overflow-wrap: break-word;}
#concept h3 { padding: 10px 0px 0px;font-family: 'Oswald', sans-serif;font-size: 3.6em;color: #222;line-height: 1.6;font-weight: normal;letter-spacing:0px;text-align: center;}
#concept p { padding: 20px 10px 30px;font-size: 18px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;z-index: 200;}
@media screen and (max-width: 800px) {
#concept h3 { padding: 10px 0px 0px;font-size: 2.3em;color: #222;line-height: 1.2;font-weight: normal;letter-spacing:0px;text-align: center;}
#concept p { padding: 20px 10px 30px;font-size: 15px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;z-index: 200;}
}

.button_other { max-width: 400px;margin: 0px;padding: 0px 0px ;position: relative;right:0px;left:0px;margin:15px auto;}
.button_other a { background-color: #000;padding: 15px 15px;font-family:"Sawarabi Mincho", serif;font-size: 15px;color: #fff;text-align: center;}
.button_other a { -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
.button_other a:after { position:absolute;right:15px;top:17px;content:"";width:70px;height:18px;}
.button_other a:after { background:url(../img/arrow.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; transition: all 0.2s ease-in-out 0.1s; transform: translateX(-10px);}
.button_other a:hover::after { opacity: 1;transform: translateX(0px);}
.button_other a:hover { background-color: #000; }



/* メニュー
--------------------------------------------------------------------------*/
.menu_wrap { padding: 20px 15px ;position: relative;text-align: center; }
.menu_wrap h2 { padding: 0px 0px 10px;margin: 20px 0px 40px;position:relative;}
.menu_wrap h2 { font-family: 'Oswald', sans-serif;font-size: 3.2em;color: #333;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
.menu_wrap h2 span { padding: 10px 0px 0px;font-family:"Sawarabi Mincho", serif;font-size: 15px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}
.menu_wrap h2:before {content: '';position: absolute;bottom: 39px;display: inline-block;width: 100px;height: 3px;left: 50%;}
.menu_wrap h2:before {-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #333; border-radius: 2px;}
.menu_wrap h3 { position:  relative;margin:  20px 0px 30px;padding: 10px 0px 10px ;background-color:  #fff;}
.menu_wrap h3 { font-family:"Sawarabi Mincho", serif;font-size:18px;color: #333;font-weight:normal;letter-spacing:1px;position: relative;text-align: center;}
.menu_wrap h3:before {content: ''; height: 80px; width: 80px;border:  solid 1px #717171;display:  block;position:  absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: -1;}

@media screen and (max-width: 1450px) {
.menu_wrap { padding: 10px 10px ;position: relative;text-align: center; }
.menu_wrap h2 { font-size: 2.5em;color: #333;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
}


ul.menu_list { width: 1000px;margin: 0px;padding: 0px 0px ;display: inline-block;}
ul.menu_list li { width: 50%; float: left;margin: 0px 0px; padding: 15px 0px ;position: relative;}
ul.menu_list li .menu_list_wrap { padding: 0px 15px;}
@media screen and (max-width: 1050px) {
ul.menu_list { width: 100%;margin: 0px;padding: 10px 0px 50px;display: inline-block;}
}
@media screen and (max-width: 520px) {
ul.menu_list li { width: 100%;float: left;margin: 0px 0px; padding: 15px 0px ;position: relative;}
ul.menu_list li .menu_list_wrap { padding: 0px 5px;}
}
.menu_box {margin: 0px;padding: 0px;display: flex;justify-content: space-between;}
.box_left,.box_right {display: inline-block;}
.box_left { margin: 0px;padding: 8px 0 0;font-size: 18px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;}
.box_right { margin: 0px;padding: 0px;font-family: 'Oswald', sans-serif;font-size: 28px;color: #333;font-weight: normal;letter-spacing:0px;line-height: 1.6;}
.box_right span { padding-left: 5px;font-size: 14px;color: #333;font-weight: bold;font-style:normal;letter-spacing:0px;line-height: 1.4;}

ul.pick_list { width:1000px;margin: 0px;padding: 10px 0px ;display: inline-block;}
ul.pick_list li { width:25%;float:left;list-style: none;text-align: center;}
ul.pick_list li { margin: 0px 0px 5px;background-color: rgba(255,255,255,0.0);text-decoration: none;}
ul.pick_list li:after { content: "";display: block;clear: both;}
ul.pick_list li img { width:200px;height: 200px;overflow: hidden;margin: 0px 0px 0px;}
ul.pick_list li .menu_list_wrap{ margin: 0px;padding: 10px 10px;}
ul.pick_list h2 { position:  relative;margin:  20px 0px 50px;padding: 10px 0px 10px ;background-color:  #000;}
ul.pick_list h2 { font-family:"Sawarabi Mincho", serif;font-size:18px;color: #fff;font-weight:normal;letter-spacing:1px;position: relative;text-align: center;}
ul.pick_list h2:before {content: ''; height: 80px; width: 80px;border:  solid 1px #a7a7a7;display:  block;position:  absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: -1;}

@media screen and (max-width: 1050px) {
ul.pick_list { width:100%;margin: 0px;padding: 10px 0px ;display: inline-block;}
}

@media screen and (max-width: 1000px) {
ul.pick_list { max-width:700px;margin: 0px;padding: 10px 0px ;display: inline-block;}
ul.pick_list li { width:33.3333%;float:left;list-style: none;text-align: center;}
ul.pick_list li img { max-width:180px;max-height: 180px;overflow: hidden;margin: 0px 0px 0px;}
}
@media screen and (max-width: 640px) {
ul.pick_list { max-width:400px;margin: 0px;padding: 10px 0px ;display: inline-block;}
ul.pick_list li { width:50%;float:left;list-style: none;text-align: center;}
ul.pick_list li img { max-width:130px;max-height: 130px;overflow: hidden;margin: 0px 0px 0px;}
ul.pick_list li .pick_list_wrap{ margin: 0px;padding: 5px 5px;}
}

.list_name { padding: 10px 0 0;margin: 0px;font-size: 20px;color: #e6e6e6;font-weight: bold;letter-spacing:2px;line-height: 1.6;}
.list_price { padding: 0px;margin: 0px;font-family: 'Oswald', sans-serif;font-size: 30px;color: #e6e6e6;font-weight: normal;letter-spacing:0px;line-height: 1.6;}
.list_price span { padding: 0px 0px 0px 5px;font-size: 13px;color: #e6e6e6;font-weight: bold;letter-spacing:0px;line-height: 1.6;}
@media screen and (max-width: 640px) {
.list_name { padding: 10px 0 0;margin: 0px;font-size: 15px;color: #e6e6e6;font-weight: bold;letter-spacing:0px;line-height: 1.6;}
}

ul.bana {padding: 20px 0px;display:inline-block;}
ul.bana li { center; padding: 0px; position:relative;}
ul.bana li img{width: 100%;margin: 0px 0px ;}
ul.bana li a{ display: block;margin: 0px 0px;padding: 10px 10px;-webkit-transition: all .3s;transition: all .3s;position:relative;}
ul.bana li a:hover { transition: all 0.2s ease-in-out 0.1s; transform: translateY(-7px);}
@media screen and (max-width: 720px) {
ul.bana { margin: 0px;padding: 10px 0px;text-align: center;display:inline-block;}
ul.bana li { width: 100%;margin: 0px;padding:0px;text-align:center; position: relative;}
ul.bana li a{ display: block;margin: 0px 0px;padding: 5px 0px ;position:relative;}
}


/* NEWS
--------------------------------------------------------------------------*/
.news_wrap { padding: 30px 10px;margin: 0px 0px;background : transparent url(../img/bg_news.png) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;text-align:center;}
.news_wrap h2 { padding: 0px 0px 10px;margin: 20px 0px 10px;position:relative;}
.news_wrap h2 { font-family: 'Oswald', sans-serif;font-size: 2.8em;color: #fff;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
.news_wrap h2 span { padding: 10px 0px 0px;font-size: 15px;color: #fff;font-weight:normal;letter-spacing:0px;line-height: 1.5;display: block;}
.news_wrap h2:before {content: '';position: absolute;bottom: 39px;display: inline-block;width: 100px;height: 3px;left: 50%;}
.news_wrap h2:before {-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #fff; border-radius: 2px;}
@media screen and (max-width: 1300px) {
.news_wrap h2 { font-size: 2.8em;color: #fff;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
}

ul.news_list { width: 1200px;margin: 0px;padding: 20px 0px;display:inline-block;}
ul.news_list li { width: 33.3333%;text-align: center; padding: 0px; float: left;position:relative;}
ul.news_list li a{ background-color:#fff;border:1px solid #eaeaea;box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.2);display: block;margin: 0px 10px 40px;padding: 15px 15px 20px;position:relative;}
ul.news_list li img{width: 100%;height: 210px;object-fit: cover;overflow: hidden;margin: 0px 0px;}
ul.news_list li h3 { height: 50px;overflow: hidden;margin: 0px;padding: 8px 0px 0px;font-size: 17px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:left;}
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);}
@media screen and (max-width: 1200px) {
ul.news_list { width: 100%;margin: 0px;padding: 30px 0px;display:inline-block;}
ul.news_list li{ width: 33.3333%;text-align: center; padding: 0px;  float: left;}
}

@media screen and (max-width: 1000px) {
ul.news_list { width: 100%;margin: 0px;padding: 20px 0px;display:inline-block;}
ul.news_list li { width: 50%;text-align: center; padding: 0px;  float: left;}
ul.news_list li a{ background-color:#fff;border:1px solid #eaeaea;box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.2);display: block;margin: 0px 10px 15px;padding: 10px 10px;position:relative;}
}
@media screen and (max-width: 640px) {
ul.news_list li { width: 100%;text-align: center; padding: 0px;  float: left;}
ul.news_list li img{width: 100%;height: 150px;object-fit: cover;overflow: hidden;margin: 0px 0px;}
ul.news_list li a{ background-color:#fff;border:1px solid #eaeaea;box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.2);display: block;margin: 0px 10px 15px;padding: 10px 10px;position:relative;}
ul.news_list li h3 { height: 46px;overflow: hidden;margin: 0px;padding: 5px 0px 0px;font-size: 15px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:left;}
}
.news_list_date { margin: 0px;padding: 10px 0px 0px;font-size: 14px;color: #222;letter-spacing: 0px;text-align:left;}
.news_list_comme { overflow: auto; /* スクロール表示 */ height: 80px;margin: 5px 0px 0px;padding: 5px 0px 0px;font-size: 15px;color: #222;letter-spacing: 1px;line-height: 1.5;text-align:left;}

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

ul.news_next { max-width:480px;padding: 30px 0px ;display: flex;right:0px;left:0px;margin:auto auto ;}
ul.news_next li { width: 100%;background-color: #222; border-radius: 0px;margin: 0px 5px 0px;text-align:center; position: relative;}
ul.news_next li a { padding: 12px 0px;display: block; text-decoration: none;}
ul.news_next li a { font-family:"Sawarabi Mincho", serif;font-size: 15px;color: #fff;font-weight:normal;letter-spacing:1px;}
ul.news_next li a:hover { background-color: #111;border-radius: 0px;color: #; ;}


.button_news { max-width: 360px;height: 64px;line-height: 64px;text-decoration: none;outline: none;right:0px;left:0px;margin:auto auto;}
.button_news { font-family: 'Oswald', sans-serif;font-size:16px;font-weight:normal;letter-spacing:0px;text-decoration: none;text-align: center;}
.button_news a { color: #fff;display:block;}
.button_news::before,
.button_news::after {position: absolute;z-index: -1;display: block;content: '';}
.button_news,
.button_news::before,
.button_news::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.button_news { position: relative;z-index: 2;background-color: #;border: 2px solid #fff;overflow: hidden;}
.button_news a { color: #fff;display: block;}
.button_news a:hover { color: #222;}
.button_news::after {top: 0;left: 0;width: 100%; height: 100%;}
.button_news:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #e9e6e2;color: #222;}



/* ACCESS
--------------------------------------------------------------------------*/
.access_wrap { padding: 50px 15px;margin: 0px 0px;background : transparent url(../img/bg_access.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;text-align:center;}
.access_wrap h2 { padding: 0px 0px 10px;margin: 20px 0px 10px;position:relative;}
.access_wrap h2 { font-family: 'Oswald', sans-serif;font-size: 2.8em;color: #fff;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
.access_wrap h2 span { padding: 10px 0px 0px;font-family:"Sawarabi Mincho", serif;font-size: 15px;color: #fff;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}
.access_wrap h2:before {content: '';position: absolute;bottom: 39px;display: inline-block;width: 100px;height: 3px;left: 50%;}
.access_wrap h2:before {-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #fff; border-radius: 2px;}
@media screen and (max-width: 1300px) {
.access_wrap h2 { font-size: 2.8em;color: #fff;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
}

/*  POLICY
--------------------------------------------------------------------------*/
#policy { max-width: 1000px;padding: 40px 0px 20px;text-align: left;right:0px;left:0px;margin:auto auto;}
#policy h3 { border-bottom: 1px solid #f2f2f2;padding: 20px 0px 5px;margin: 0px 5px 0px;position:relative;}
#policy h3 { font-size: 19px;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align:left;}
#policy div { padding: 15px 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: 1300px) {
#policy { max-width: 100%;padding: 20px 0px;text-align: left;right:0px;left:0px;margin:auto auto;}
#policy h3 { border-bottom: 1px solid #f2f2f2;padding: 20px 0px 5px;margin: 0px 5px 0px;position:relative;}
#policy h3 { font-size: 17px;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align:left;}
#policy div { padding: 15px 0px 30px;font-size: 14px;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:3px;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: 1px solid #f0f0f0;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 6px ;font-size: 10px;color: #fff;letter-spacing:1px;vertical-align: 2px;}
.optional { background: #333;border-radius:0px;margin: 0px 6px;;padding:3px 6px ;font-size: 10px;color: #fff;letter-spacing:1px;vertical-align: 2px;}





/*  FORM
--------------------------------------------------------------------------*/
input{ background-color: #fdfdfd;border: 1px solid #e7e1e3;border-radius: 3px;font-size:120%; 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;}

textarea{ font-size:120%;margin: 0px 0px;padding: 10px 10px;background-color: #fdfdfd;border: 1px solid #e7e1e3;border-radius: 3px;}
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: 12px 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 #c1b693;border-radius: 5px;-webkit-appearance: none;}
select{ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select{ background: #fdfdfd url(../img/select_arrow.png) no-repeat ;background-position: right 12px center;}
select:focus { background: #fff url(../img/select_arrow.png) no-repeat ;background-position: right 12px center;outline: none;}
@media only screen and (max-width:800px) {
select { width:100%;font-size:100%; color: #222;padding: 10px 10px;margin: 0px 0px ;border-radius: 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:16px;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: 500px;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: 12px 5px;cursor: pointer;border: 1px solid #e7e1e3;margin-right: -2px;font-size:15px;color: #555;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: #222;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:11px;color: #555;background-color: #fff;display: block;text-align: center;}
}

/*  FOOTER
--------------------------------------------------------------------------*/
.footer { background-color: #000;padding: 30px 15px;text-align: center;}
.footer { background: rgba(0,0,0,1.0) url(../img/bg01.png) repeat scroll center top ; border-top: 1px solid #;}

.foot_logo { max-width: 20%;margin: 20px 0px;}
@media screen and (max-width: 1300px) {
.foot_logo { max-height: 90px;height: auto;margin: 10px 0px;}
}

ul.foot_menu { display: inline-block;margin: 0px;padding: 10px 0px;}
ul.foot_menu li { padding: 0px 5px 10px ;letter-spacing:0px;font-size: 13px;line-height: 1.6;color: #ebe8e3;float: left;}
ul.foot_menu li a { color: #fff;text-decoration: underline;}+
ul.foot_menu li a:hover { text-decoration: none;}
ul.foot_menu li:after { content: "";display: block;clear: both;}


ul.address { margin: 0px 0px;padding: 20px 0px;}
ul.address li { padding: 5px 0px;letter-spacing:0px;}
ul.address li { font-size: 14px;color: #dfdfdf;font-weight: normal;letter-spacing: 1px;line-height: 1.5;text-align: center;}
ul.address li a{color: #dfdfdf;text-decoration: none;}
ul.address h3 { padding: 10px 0px;font-size: 20px;color: #dfdfdf;line-height: 1.5;font-weight: normal;letter-spacing:0px;}
ul.address img { max-width: 240px;margin: 10px 0px;}
@media screen and (max-width: 640px) {
ul.address { margin: 0px 0px ;padding: 0px 0px 20px;}
ul.address li{font-size: 12px;color: #dfdfdf;font-weight: normal;letter-spacing: 0px;line-height: 1.5;text-align: center;}
ul.address h3{  padding: 8px 0px;font-size: 1.4em;color: #dfdfdf;line-height: 1.5;font-weight: bold;letter-spacing:0px;}
ul.address img { max-width: 160px;margin: 10px 0px;}
}


@media screen and (min-width: 800px) {
.nav_tel { display: none;}
}

@media screen and (max-width: 800px) {
.nav_tel { font-family: 'Oswald', sans-serif;text-decoration:none;transition: all .3s;}
.nav_tel { max-width: 1600px;padding: 0px 0px 0px;margin: 0px;right:0px;left:0px;margin: 20px auto 20px;position: relative;}
.nav_tel a { padding: 15px 0px ;border: 3px solid #fff;border-radius: 0px;transition: all .3s;}
.nav_tel a { font-size:20px;font-weight:normal;color: #fff;text-align: center;text-decoration: none;display:block;}
.nav_tel a:hover  { background-color: #333;text-decoration: none;display:block;position: relative;}
.nav_tel i{ font-size: 23px; margin-right: 7px;vertical-align: -4px; }
.nav_tel span { padding: 10px 0px ;font-size: 12px;color: #fff;line-height: 1.3;font-weight:normal;display:block;}
.nav_tel span { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
}

.copy{ border-top: 1px solid #222;margin: 10px 0px 0px;padding: 15px 0px ;}
.copy{ font-size:12px;font-family: Tahoma,arial,sans; color: #fff;line-height: 1.6;letter-spacing: 1px;text-align: center;}
.copy a{ color: #fff;text-decoration: none;}
.copy a:hover{ text-decoration: line-through;}

/*  NAVI
--------------------------------------------------------------------------*/
@media screen and (min-width: 640px) {
#foot_content { display: none;}
.foot_navi_wrap { display: none;}
}
@media screen and (max-width: 640px) {
#foot_content{padding: 80px 0 0 0;}

.foot_navi_wrap { width: 100%;margin:0px 0px; padding: 4px 0px;position: fixed;bottom: 0;text-align: center;z-index: 9999;}
.foot_navi_wrap { border-top: 1px solid #401111;
background: -moz-linear-gradient(top, #4a4a4a 0%,#222 100%);
background: -webkit-linear-gradient(top, #4a4a4a 0%, #222 100%);
background: linear-gradient(to bottom, #4a4a4a 0%, #222 100%);}
}
@media screen and (min-width: 640px) {
#foot_content { display: none;}
ul.contact_menu { display: none;}
}

@media screen and (max-width: 640px) {
#foot_content{padding: 50px 0 0 0;}
ul.contact_menu { width: 100%;border-top: 0px solid #d6e4e3;margin: 0px;padding: 0px 0px ;border-radius: 0px;position: fixed;bottom: 0px;z-index: 9999;}
ul.contact_menu li { width: 50%;float: left;padding: 0px;}
ul.contact_menu li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.contact_menu li a {display: block;margin: 0px ;padding: 5px 0px; }
ul.contact_menu:after { content: "";display: block;clear: both;}
ul.contact_menu li img { width: 100%;}
ul.contact_menu li.tel a{ background-color:#222;}
ul.contact_menu li.mail a{ background-color:#bea25f;}
}