/*  ’ÖƒTƒ�ƒ“/PC
--------------------------------------------------------------------------*/
/*  http://www.tsubakisalon.jp
--------------------------------------------------------------------------*/


@charset "shift_jis";
a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
ul, ol, ul li, ol li { list-style: none; }

body {font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ŸàƒSƒVƒbƒN" , "Yu Gothic" , "ŸàƒSƒVƒbƒN‘Ì" , "YuGothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ƒ�ƒCƒŠƒI" , Meiryo , "‚l‚r ‚oƒSƒVƒbƒN" , "MS PGothic" , sans-serif;}
body {font-size: 12px;font-size: 1.2rem;   /* sets the default sizing to make sure nothing is actually 10px */}
body { margin:0px;padding:0px;height: 100%;position: relative;}
body { background-color: rgba(255,255,255,1.0);}


/*  BASE
--------------------------------------------------------------------------*/
div, ul, li, p, h1, h2, h3 { padding: 0px; margin: 0px; }
ul, ol, ul li, ol li { list-style: none; }
form{ margin:0px;}
input{margin:0px;}

h1 { font-weight: normal;font-size: 12px;color: #666;padding: 0px;margin: 0px;}
h1 a { color: #666;text-decoration: none;}
h1 a:hover { text-decoration: none;}

h2 { margin: 0px;}
h3 { margin: 0px;}
.clear { display: none;}

_.mincho { font-family:"Sawarabi Mincho", serif;}
.mincho { font-family:"Ÿà–¾’©","YuMincho","ƒqƒ‰ƒMƒm–¾’© ProN W3","HiraMinProN-W3","HG–¾’©E",serif;}
.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:10px;vertical-align: -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; }}

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



/*  HEAD
--------------------------------------------------------------------------*/
.header { background-color: #000;border-bottom: 0px solid #f8f8f8;position: fixed;top: 0px;}
.header { width: 100% ;height: 110px;padding: 0px 0px 0px;z-index: 9999;}
.head_logo { max-width: 250px;position:absolute;top: 12px;left: 20px;}
#head_content { padding: 110px 0 0 0;}

ul.menu { position: absolute;top: 45px;right: 50px;margin: 0px;padding: 0px;display: inline-block;}
ul.menu li { float:left;margin: 0px;text-align:center; position: relative;}
ul.menu li a { padding: 0px 15px 0px;display: block; text-decoration: none;}
ul.menu li a { font-size: 19px;color: #fffff4;font-weight: ;letter-spacing:2px;}
ul.menu li a:hover { color: #; text-decoration: underline;}

#button_store a { background-color: rgba(247,247,247,0.8);border-radius: 0px ;position: fixed;top: 180px;right: 0px;z-index: 8888;}
#button_store a { font-family:"Sawarabi Mincho", serif;font-size:1.1em;color: #222;font-weight:normal;line-height: 1.2;letter-spacing:1px;text-align: right;}
#button_store a { display: block;padding: 17px 25px;cursor: pointer;transition: all .3s;}
#button_store a:hover { background-color: rgba(40,40,40,0.8);color: #fff; text-decoration: none;}

.head_hottcake { height: 800px;margin: 0px 0px;background : transparent url(../img/head_hottcake.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;text-align:center;}
.head_tsubaki_coffee { height: 800px;margin: 0px 0px;background : transparent url(../img/head_tsubaki_coffee.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;text-align:center;}
.head_tsubaki_products { height: 800px;margin: 0px 0px;background : transparent url(../img/head_products.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;text-align:center;}

.title01 { margin: 50px 0px 20px;position: relative;text-align: center;}
.title01 { font-family:"Sawarabi Mincho", serif;font-size:2.2em;color: #252525;font-weight:normal;letter-spacing:0px;text-align: center;}
.title01:before {content: '';position: absolute;bottom: 5px;display: inline-block;width: 60px;height: 3px;left: 50%;}
.title01:before {-webkit-transform: translateX(-50%);transform: translateX(-50%);background:linear-gradient(to right, #3a3a3a 0%, #000 100%); border-radius: 2px;}
.title01 span { padding: 5px 0px 20px;font-family: 'Oswald', sans-serif;font-size: 16px;color: #222;font-weight:normal;letter-spacing:0px;line-height: 1.5;display: block;}


/*  TOP
--------------------------------------------------------------------------*/
.main_wrapper { background-color: rgba(255,255,255,0.8);;}
.main_wrapper { min-height: 200px;padding: 30px 0px 30px;position: relative;text-align: center; }

ul.top_main {  margin: 0px 0px 0px;padding: 0px 0px 0px;}
ul.top_main li { list-style: none;position:relative;}
ul.top_main li { text-decoration: none;display: block;}
ul.top_main li { margin: 0px 0px 0px;padding: 0px 0px 0px;}
ul.top_main li img { width:100%;}

.top_catch_wrap { min-height: 1000px;position: relative;text-align: center;}
.top_catch{ max-width:100%;margin: 150px 0px 0px;z-index: 8888;}
.top_catch_img01 { width: 480px;height: 320px;margin: 0px;padding: 0px;position:absolute;top: 100px;right: 0px;z-index: 888;}
.top_catch_img01 { background: rgba(0, 0, 0, 0) url(../img/top_catch_img01.jpg) no-repeat scroll center top / cover ; text-align: center;}
.top_catch_img02 { width: 480px;height: 320px;margin: 0px;padding: 0px;position:absolute;top: 300px;left: 0px;z-index: 888;}
.top_catch_img02 { background: rgba(0, 0, 0, 0) url(../img/top_catch_img02.jpg) no-repeat scroll center top / cover ; text-align: center;}
.top_catch_img03 { width: 640px;height: 460px;margin: 0px;padding: 0px;position:absolute;top: -200px;right: 0px;z-index: 888;}
.top_catch_img03 { background: rgba(0, 0, 0, 0) url(../img/top_catch_img03.jpg) no-repeat scroll center top / cover ; text-align: center;}

@media screen and (max-width: 1400px) {
.top_catch{ max-width:500px;margin: 150px 0px 0px;z-index: 8888;}
.top_catch_img01 { width: 300px;height: 200px;margin: 0px;padding: 0px;position:absolute;top: 100px;right: 0px;z-index: 888;}
.top_catch_img02 { width: 300px;height: 200px;margin: 0px;padding: 0px;position:absolute;top: 300px;left: 0px;z-index: 888;}
.top_catch_img03 { width: 420px;height: 302px;margin: 0px;padding: 0px;position:absolute;top: -120px;right: 0px;z-index: 888;}
}

@media screen and (max-width: 1000px) {
.top_catch{ max-width:400px;margin: 150px 0px 0px;z-index: 8888;}
.top_catch_img01 { width: 200px;height: 133px;margin: 0px;padding: 0px;position:absolute;top: 100px;right: 0px;z-index: 888;}
.top_catch_img02 { width: 200px;height: 133px;margin: 0px;padding: 0px;position:absolute;top: 300px;left: 0px;z-index: 888;}
.top_catch_img03 { width: 350px;height: 252px;margin: 0px;padding: 0px;position:absolute;top: -200px;right: 0px;z-index: 888;}
}

.top_store_wrap { min-height: 800px;padding: 0px 0px 40px;background-color: #44240c;position: relative;text-align: center;z-index: 1111;}
.top_store { margin: 0px;padding: 0px;position: relative;text-align: left;}
.top_store img{ max-width: 100%;}

ul.store_menu { width:1600px;margin: 0px;padding: 30px 0px 150px ;display:inline-block;right:0px;left:0px;margin:auto auto;}
ul.store_menu li { float:left;list-style: none;}
ul.store_menu li { width: 50%;position:relative;display: block;transition: all .3s;}
ul.store_menu li img{ max-width: 100%;}
.store01 { float:left;margin: 0px 50px 0px 0px;}
.store02 { margin: 200px 0px 0px 50px;}
.store03 { float:right;margin: 100px 0px 0px 0px;}

@media screen and (max-width: 1400px) {
.top_store img{ max-width: 90%;}
ul.store_menu { width:1100px;margin: 0px;padding: 30px 0px 150px ;display:inline-block;right:0px;left:0px;margin:auto auto;}
.store01 { width: 450px;float:left;margin: 0px 0px 0px 0px;}
.store02 { width: 400px;float:right;margin: 200px 20px 0px 50px;}
.store03 { width: 450px;float:right;margin: 100px 0px 0px 0px;}
}

/*  ‚Ù‚Á‚Æ‚¯�[‚«
--------------------------------------------------------------------------*/
.hottcake_wrap { padding: 50px 10px 300px ;margin: 0px auto;position: relative;text-align:center;}
@media screen and (max-width: 1600px) {
.hottcake_wrap { padding: 50px 100px 300px ;margin: 0px auto;position: relative;text-align:center;}
}
.hott_cake_top{ max-width:100%;margin: 50px 0px 50px;}
.hottcake_container { width: 1600px;display: inline-block;vertical-align: top;padding: 20px 0px 30px; }
.hottcake_column { width: 50%; float: left;text-align:left;}
.hottcake_column img{ max-width: 100%;}

@media screen and (max-width: 1300px) {
.hottcake_top{width:100%;margin: 50px 0px 50px;}
.hottcake_container { width: 100%;display: inline-block;vertical-align: top;padding: 20px 0px 30px; }
}

.button_online { width: 300px;text-decoration:none;transition: all .3s;right:0px;left:0px;margin:20px auto;}
.button_online a { border: 2px solid #222;padding: 0px 0px 0px;line-height: 54px;background-color: rgba(255,255,255,0.0);transition: all .3s;}
.button_online a { font-family:"Sawarabi Mincho", serif;font-size: 1.0em;color: #222;font-weight: bold;letter-spacing:2px;text-align: center;text-decoration: none;display:block;}
.button_online a:hover  { background-color: rgba(249,248,248,0.8);border-radius: 30px;color: #;text-decoration: none;display:block;}

.button_shop_wrap { width: 300px;margin: 0 0 0 ;position: relative;right:0px;left:0px;margin:20px auto;}
.button_shop { width: 300px;text-decoration:none;transition: all .3s;}
.button_shop  { border: 2px solid #222;padding: 0px 0px 0px;line-height: 54px;background-color: rgba(255,255,255,0.0);transition: all .3s;}
.button_shop  { font-family:"Sawarabi Mincho", serif;font-size: 1.0em;color: #222;font-weight: bold;letter-spacing:2px;text-align: center;text-decoration: none;display:block;}
.button_shop.is-open::after {content: ""; width: 100%; height: 100%;cursor: default;position: fixed;top: 0;left: 0; z-index: 4;}
.button_shop.is-open + .button_shop_body {display: block;z-index: 5;}
.button_shop_body {display: none;width: 300px; border: 1px solid #e0e0e0;padding: 15px 15px; background-color: #fff; border-radius: 4px;overflow: hidden;position: absolute;top: -200px;left: 300px;z-index: 9999;}

ul.button_shop_menu { margin: 0px 7px 15px;padding: 5px 0px 5px;background-color: #fff;}
ul.button_shop_menu:after {content: "";display: block;clear: both;}
ul.button_shop_menu li { list-style: none;margin: 0px;border-bottom: 1px solid #f4f4f4;position: relative;}
ul.button_shop_menu li a { display: block;padding: 15px 10px 15px;font-size: 18px;color: #222;font-weight: normal;letter-spacing:0px;text-align: left;}
ul.button_shop_menu li a:hover  { background-color: #f8f8f8;text-decoration: none;display:block;}

/*  SHOP LIST
--------------------------------------------------------------------------*/
.shop_list_wrap { width: 100%;min-height: 700px;padding: 50px 0px 50px ;margin: 0px auto;background : transparent url(../img/bg_shop_list.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;text-align:center;}
.shop_list_logo { max-width: 250px;margin: 100px 0px 20px ;}
ul.shop_list { width:1080px;margin: 0px;padding: 30px 0px 0px;display:inline-block;right:0px;left:0px;margin:auto auto;}
ul.shop_list li { float:left;list-style: none;}
ul.shop_list li a{ margin: 0px 15px 60px;padding: 0px 0px 0px;background-color: rgba(0,0,0,1.0);border-radius: 10px;}
ul.shop_list li a{ width: 330px;position:relative;display: block;transition: all .3s;}
ul.shop_list li h3 { margin: 0px;padding: 20px 15px;font-family:"Sawarabi Mincho", serif;font-size: 1.0em;color: #fff;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align:center;}
ul.shop_list li a:hover { background-color: #110d0b;}

.shop_list_sando a{ margin: 0px 0px 60px;padding: 0px 0px 0px;background-color: rgba(0,0,0,1.0);border-radius: 10px;right:0px;left:0px;margin:auto auto;}
.shop_list_sando a{ width: 330px;position:relative;display: block;transition: all .3s;}
.shop_list_sando h3 { margin: 0px;padding: 20px 15px;font-family:"Sawarabi Mincho", serif;font-size: 1.0em;color: #fff;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align:center;}
.shop_list_sando a:hover { background-color: #110d0b;}

@media screen and (max-width: 1400px) {
ul.shop_list { width:930px;margin: 0px;padding: 30px 0px 0px;display:inline-block;right:0px;left:0px;margin:auto auto;}
ul.shop_list li { float:left;list-style: none;}
ul.shop_list li a{ margin: 0px 15px 40px;padding: 0px 0px 0px;background-color: rgba(0,0,0,1.0);border-radius: 10px;}
ul.shop_list li a{ width: 280px;position:relative;display: block;transition: all .3s;}
ul.shop_list li h3 { margin: 0px;padding: 20px 15px;font-family:"Sawarabi Mincho", serif;font-size: 1.0em;color: #fff;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align:center;}
ul.shop_list li a:hover { background-color: #110d0b;}

}

/*  SHOP-DATA
--------------------------------------------------------------------------*/
.shop_top { width:100%;height: 800px;margin: 0px;padding: 0px;position: relative;}
.shop_top { background-position: 50% 50%;background-size: cover;z-index: 2;text-align: center;}

#shop_catch { max-width:1200px;background-color: rgba(255,255,255,0.0);padding: 20px 20px;right:0px;left:0px;margin:auto auto ;}
#shop_catch h3 { padding: 0px 0px 10px;margin: 0px 0px 0px;position:relative;}
#shop_catch h3 { font-family: 'Oswald', sans-serif;font-size: 1.8em;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
#shop_catch div { padding: 10px 0px 10px;font-size: 20px;color: #222;line-height: 1.8;font-weight: normal;letter-spacing:2px;text-align: center;}
.access_wrap { padding: 30px 20px ;margin: 0px auto;position: relative;text-align:center;}
ul.info_address { max-width: 1000px;margin: 0px;padding: 20px 0px 40px;display:inline-block;right:0px;left:0px;margin:auto auto;}
ul.info_address li { padding: 6px 0px 6px;text-align: center;}
ul.info_address li { font-size: 19px;color: #222;letter-spacing:2px;line-height: 1.2;}
ul.info_address li a { font-size: 19px;color: #222;text-decoration: none;}
ul.info_address li a:hover { text-decoration: line-through;}
ul.info_address .txt { margin: 0px ;padding: 10px 0;font-size:17px;color: #333;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;line-height: 1.6;text-align: center;}

.movie_wrap { padding: 20px 20px 50px ;margin: 0px auto;position: relative;text-align:center;}
.movie { position:relative;width:100%;padding-top:56.25%; }
.movie iframe { position:absolute;top:0;right:0;width:100%;height:100%; }
.shibuya_top { width:100%;height: auto;margin: 0px;padding: 0px;position: relative;}

/* ’ÖàÛàè
--------------------------------------------------------------------------*/
.tsubaki_coffee_wrap { padding: 50px 20px 100px ;margin: 0px auto;position: relative;text-align:center;}

@media screen and (max-width: 1600px) {
.tsubaki_coffee_wrap { padding: 50px 100px 100px ;margin: 0px auto;position: relative;text-align:center;}
}
ul.coffee { width: 100%;margin: 0px;padding: 30px 0px 20px ;display:inline-block;right:0px;left:0px;margin:auto auto;}
ul.coffee li { padding: 50px 0px;list-style: none;}
ul.coffee li img{ max-width: 100%;}

/* ƒvƒ�ƒ_ƒNƒc
--------------------------------------------------------------------------*/
.products_wrap { padding: 50px 20px 100px ;margin: 0px auto;position: relative;text-align:center;}
@media screen and (max-width: 1600px) {
.products_wrap { padding: 50px 100px 100px ;margin: 0px auto;position: relative;text-align:center;}
}
ul.products { width: 100%;margin: 0px;padding: 30px 0px 20px ;display:inline-block;right:0px;left:0px;margin:auto auto;}
ul.products li { padding: 50px 0px;list-style: none;}
ul.products li img{ max-width: 100%;}

/* NEWS
--------------------------------------------------------------------------*/
.news_wrap { padding: 20px 0px 40px ;position: relative;text-align: center;}
ul.news_list { width: 1130px;padding: 30px 0px 30px;background-color:#fff;display: inline-block;}
ul.news_list li { width: 50%; text-align: center; margin: 0px 0px 5px; padding: 4px 0px;border-right: 0px solid rgb(0, 0, 0); float: left;}
ul.news_list li a { display: block;text-decoration: none;}
ul.news_list li img { width: 140px;height: 140px;object-fit: cover;margin: 0px 0px 0px;}
ul.news_list li h3 { font-size: 16px;color: #222;font-weight: normal;line-height: 1.5;text-decoration: underline;margin: 0px;padding: 4px 0px 0px;text-align:left;}
ul.news_list li a:hover { opacity: .6;}

div.news_list_column { width: 565px;display: table;margin: 5px 0px 0px;padding: 0px;}
div.news_list_column .box1 { display: table-cell;width: 140px;padding: 0px;vertical-align: top;text-align: left;}
div.news_list_column .box2 { display: table-cell;padding: 0px 15px;vertical-align: top;text-align: left;}

.news_list_date { margin: 0px;padding: 0px 0px 0px;font-size: 14px;color: #666;letter-spacing: 0px;position: relative;}
.news_list_comme { font-size: 15px;color: #666;letter-spacing: 0px;line-height: 1.5;margin: 0px;padding: 5px 15px 0px 0px;text-align:left;z-index: ;}
.news_icon_shop{ background-color:#3d3838;border-radius: 0px;margin: 0px 0px 0px;padding: 5px 7px;}
.news_icon_shop{ font-size: 10px;color: #fff;letter-spacing:0px;font-weight: normal;text-align: center;}

.button_wrap { max-width: 1200px;padding: 30px 0px 50px;position: relative;right:0px;left:0px;margin:auto auto;}
.button_news { width: 230px;border-bottom: solid 1px #e5e5e5;margin: 20px 0px 0px;transition: all .3s;position:absolute;top: 10px;right: 0px;}
.button_news a { line-height: 50px;font-family: Tahoma,arial,sans; font-size:15px;color:#222;font-weight:;letter-spacing: 0px;text-decoration:none;text-align: left;}
.button_news a { display: block;position: relative;text-decoration: none;}
.button_news a:hover { color:#f00;}
.button_news a::after { border-bottom: solid 1px #f00;bottom: -1;content: "";display: block;position: absolute;left: 0;transition: all .3s ease;-webkit-transition: all .3s ease;width: 0;}
.button_news a:hover::after { width: 100%;color:#f00;}

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

/* RECRUIT
--------------------------------------------------------------------------*/
#recruit { max-width:1000px;background-color: rgba(255,255,255,0.0);padding: 20px 20px 30px;right:0px;left:0px;margin:auto auto ;}
#recruit h3 { padding: 30px 0px 10px;margin: 0px 0px 0px;position:relative;}
#recruit h3 { font-family:"Sawarabi Mincho", serif;font-size: 2.0em;color: #222;font-weight: normal;letter-spacing:0px;line-height: 1.6;text-align: center;}
#recruit div { padding: 10px 0px 30px;font-size: 20px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing:2px;text-align: center;}

/*  CONTACT
--------------------------------------------------------------------------*/
ul.contact_caution { width: 800px;;padding: 0px 0px 20px;display:inline-block;right:0px;left:0px;margin:auto auto;}
ul.contact_caution li { margin: 5px 0px 5px ; padding: 10px 0px 10px;border-bottom: 1px dotted #c7c7c7;}
ul.contact_caution li { font-size: 15px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:1px;}
ul.contact_caution li { text-decoration: none;text-align: left;position: relative;}
ul.contact_caution li a{ text-decoration: none;font-size: 15px;color: #222;}
ul.contact_caution:after { content: "";display: block;clear: both;}

table.form { width: 810px;border-collapse: separate;border-spacing: 1px 1px;text-align: left;line-height: 1.5;right:0px;left:0px;margin:20px auto 10px;}
table.form th { width: 184px;background-color: rgba(241,238,230,0.0);padding: 5px 10px 5px;vertical-align: middle;}
table.form th { font-size: 15px; font-weight: normal;letter-spacing:0px;color: #333;text-align:right;}
table.form td { background-color: rgba(244,244,244,0.0);padding:5px 20px 5px ;vertical-align: middle;}
table.form td { font-size: 15px; letter-spacing:0px;color: #222;}
.form_span01{ background: #222;margin: 0px 6px;padding:4px 7px 4px ;font-size: 10px;color: #fff;vertical-align: 2px;}
.form_span02{ background: #b2c9d9;margin: 0px 6px;;padding:4px 7px 4px ;font-size: 10px;color: #fff;vertical-align: 2px;}
.form_sub { margin: 5px 5px 0px;padding: 10px 0px 0px ;font-size: 16px;color: #ff0000;letter-spacing:0px;text-align: left;}
.form_caution { margin: 0px 0px 0px;padding: 0px 0px 5px ;font-size: 16px;color: #a90505;text-decoration: underline;letter-spacing:0px;text-align: left;}

/*  ƒtƒH�[ƒ€ŠÖ˜A
--------------------------------------------------------------------------*/
form{margin:0px;}
input { width: 100%; height: 48px;line-height: 48px;background-color: #f9f9f7;padding: 0px 7px 0px;margin: 0px;border-radius: 0px;border: 1px solid #dcdad5;}
input { font-size: 14px;color:#222;letter-spacing: 0px;text-align: left;-webkit-appearance: none; }
input { font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒ�ƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;}
input:focus{ background: #fff;outline: none;}
.input01{ width:400px;}
.input02{ width:200px;}

input.delete { width:60px;height: 30px;line-height: 30px;background:#a00101;border: 1px solid #ca005a;margin: 0px 0px 0px;padding: 0px 0px 0px;}
input.delete { text-align: center;font-size: 12px;color: #fff;letter-spacing: 0px;}

textarea { width: 460px;background-color: #f9f9f7;;border:1px solid #dcdad5;border-radius: 0px;font-size: 14px;color: 333;line-height: 1.5;}
textarea { padding: 7px 7px 7px;overflow: auto; resize: none;-webkit-appearance: none; }
textarea:focus{ background: #fff;outline: none;}

input.button { width:360px;height: 60px;margin: 8px 0px 20px;background:#000;border-radius: 0px;}
input.button { text-align: center;font-size: 14px;color: #fff;font-weight: normal;letter-spacing: 0px;-webkit-appearance: none;}
input.button:hover { background: #222;color: #fff;}
input.button:active { position:relative;top:1px;}

select { width: 100%;height: 50px;border: 1px solid #d8d3c9;font-size:16px;border-radius: 0px;background-color: #fefdfb;}
select { background: #fff url(../img/select_arrow.png) no-repeat right;}
select { padding: 10px 7px 10px;-webkit-appearance: none;}
select:focus{ background: #f7f5ee;outline: none;}

.select_day { width:150px; margin: 0px 0px 0px;}
.select01 { width:400px; margin: 5px 0px 5px;}

.button-radio input[type="radio"] {display:none; padding: 0px 0px 0px;margin: 0px 0px 0px;}
.button-radio label { display:inline-block;line-height: 44px;width: 120px;margin: 0px 0px 0px;padding: 0px 0px 0px;}
.button-radio label { background-color:#c7c7c7;border: 1px solid #d6d6d6;color:#fff; font-size:15px;text-align: center;}
.button-radio input[type="radio"]:checked + label { background-color:#bba96f;border: 1px solid #ffcfd0;}

.button-radio2 input[type="radio"] {display:none; padding: 0px 0px 0px;margin: 0px 0px 0px;}
.button-radio2 label { display:inline-block;line-height: 44px;width: 100px;margin: 0px 0px 0px;padding: 0px 0px 0px;}
.button-radio2 label { background-color:#c7c7c7;border: 1px solid #d6d6d6;color:#fff; font-size:14px;text-align: center;}
.button-radio2 input[type="radio"]:checked + label { background-color:#ff8686;border: 1px solid #ffcfd0;}

.checkbox_column { width:100%; display:inline-block;margin: 0px;padding: 0px 0px 0px;font-size:0px;}
.column-checkbox input[type="checkbox"] { display:none; padding: 0px 0px 0px 10px;margin: 0px;}
.column-checkbox label { display:block;float: left;line-height: 40px;margin: 5px 0px 0px 5px;padding: 0px 10px 0px 10px;}
.column-checkbox label { background-color:#c7c7c7;border: 1px solid #d6d6d6;color:#fff; font-size:12px;letter-spacing: -1px;text-align:center;}
.column-checkbox input[type="checkbox"]:checked + label { background-color:#a90505;border: 1px solid #d6d6d6;margin: 5px 0px 0px 5px;}

/*  FOOTER
--------------------------------------------------------------------------*/
#foot_content { padding: 99px 0 0 0;}
.footer { width: 100% ;height: 100px;background-color: #000;position: fixed ; bottom: 0px;z-index: 9999;}
.footer { padding: 0px 0px 0px;text-align: center; }
ul.foot_menu { position: absolute;top: 36px;left: 20px;margin: 0px;padding: 0px;display: inline-block;}
ul.foot_menu li { float:left;margin: 0px;text-align:center; position: relative;}
ul.foot_menu li a { line-height: 40px;padding: 0px 15px 0px;display: block; text-decoration: none;}
ul.foot_menu li a { font-size: 20px;color: #fffff4;font-weight: ;letter-spacing:2px;}
ul.foot_menu li a:hover { color: #;text-decoration: underline; }
ul.foot_menu li img{ max-width: 40px}


.copy { margin: 0px 0px 0px;padding: 10px 20px 0px;line-height: 80px;height: 80px;}
.copy { font-family: Tahoma,arial,sans; font-size:14px;color: #fff;letter-spacing: 0px;text-align: right;}
.copy a { color: #fff;text-decoration: none;}
.copy a:hover { color: #fffff4;text-decoration: underline;}

/* SLIDER
--------------------------------------------------------------------------*/
#slider { overflow:hidden;padding: 10px 10px 10px ;}

.bx-wrapper { position: relative;  padding: 0px 0px 0px;margin: 0px auto 0px;w;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: 50px; width: 100%; }
.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: 20px; height: 20px; margin: 0px 10px; 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(235, 183, 0); }
.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%; }*/




/* PAGER
--------------------------------------------------------------------------*/
.pager_wrap { width: 840px;position: relative;text-align: center; }
ul.pager { margin: 0px;padding: 10px 0px 10px ;display: inline-block;}
ul.pager li { background-color: #222;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: #d8d8d8;line-height: 40px;display:block;position:relative;text-align: center;}
ul.pager li a { font-size: 14px;color: #fff;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;}



/* 240724 */

ul.mail_list { width:1080px;margin: 0px;padding: 20px 10px;display:inline-block;right:0px;left:0px;margin:auto auto;}
ul.mail_list { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.mail_list li { width: 33.3333%;margin: 0px;padding: 0px;float:left;list-style: none;font-family:"Sawarabi Mincho", serif;}
ul.mail_list li a{ margin: 10px 10px;padding: 0px 0px;background-color: rgba(0,0,0,1.0);border-radius: 0px;text-decoration: none;}
ul.mail_list li a{ position:relative;display: block;transition: all .3s;}
ul.mail_list li h3 { margin: 0px;padding: 20px 15px;font-size: 1.0em;color: #fff;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align:center;}
ul.mail_list li a:hover { background-color: #110d0b;}
@media only screen and (max-width:1180px) {ul.mail_list { width:100%;}}
@media only screen and (max-width:640px) {
ul.mail_list li { width: 50%;float:left;list-style: none;}
ul.mail_list li a{ margin: 5px 5px;padding: 0px 0px ;}
ul.mail_list li h3 { margin: 0px;padding: 15px 10px;font-size: 15px;color: #fff;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align:center;}
}

/* 240725 */

#caution { max-width:600px;padding: 0px ;right:0px;left:0px;margin:auto auto;text-align: center;font-family:"Sawarabi Mincho", serif;}
#caution h4 { margin: 0px ;padding: 10px 0px;font-size: 1.0em;color: #f70000;line-height: 1;font-weight: normal;letter-spacing:1px;text-align: center;}
#caution p { margin: 0px;padding:10px 0;font-size: 16px;color: #f70000;line-height: 1.7;font-weight: normal;letter-spacing:2px;text-align: center;}