@charset "UTF-8";
/*開発モード*/
/*
各設定
*/
/*
base color palette
http://www.colourlovers.com/palette/3293028/Christmas_Time
*/
/*
各設定
*/
/*
base color palette
http://www.colourlovers.com/palette/3293028/Christmas_Time
*/
i { font-style: normal; }

img { border: none; }

/*
google font
font-family: 'Cabin', sans-serif;
font-family: 'Noto Sans', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
.lato { font-family: 'Lato', sans-serif; }

.oswald { font-family: 'Oswald', sans-serif; }

.roboto { font-family: 'Roboto Condensed', sans-serif; }

.josefin { font-family: 'Josefin Sans', sans-serif; }

.handy { position: relative; display: inline-block; font-size: inherit; font-style: normal; font-weight: normal; font-family: 'Conv_wg_handy_icons',Sans-Serif; }

.wrap { margin: 0 0 40px 0; }

.wrap.large { margin: 0 0 50px 0; }

/* ================================================================================ 基本レイアウト
================================================================================  */
.html, .body { position: relative; margin: 0; padding: 0; height: 100%; font-size: 16px; font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Sans-Serif; }

@media (min-width: 801px) { .html, .body { font-size: 14px; } }
.body { /* 黃 E3C501 赤 AD170F  */ background-color: #FFF; background-color: #FFF991; background-color: #E5C80B; background-position: 0 0; background-repeat: repeat; background-image: url("/assets/images/bg.png"); color: #333333; }

.body.bg { background-color: #FFF991; background-position: 0 0; background-repeat: repeat; background-image: url("/assets/images/bg.png"); }

.body-bfr { display: none; }

.body-coveraa { position: fixed; width: 100%; height: 100%; background-color: #FFF; top: 0; left: 0; z-index: 99999; }

.layout { position: relative; height: 100%; min-width: 100%; }

.upper { position: relative; margin: 0 auto; padding: 0px 0 100px 0; width: 100%; max-width: 100%; z-index: 0; }

.side { position: relative; z-index: 9999; }

.main { position: relative; z-index: 1; }

.lower { position: fixed; left: 0; bottom: 0; width: 100%; height: 30px; background-color: #3F382C; z-index: 1; }

.page-top { position: absolute; right: 10px; top: -45px; width: 50px; height: 50px; color: #FFF; border: none; background-color: #3F382C; font-size: 10px; text-align: center; white-space: nowrap; line-height: 1em; cursor: pointer; display: none; }

.page-top:hover { color: #FF0; }

.page-top > i { margin: 5px 0 0 0; font-size: 25px; }

.footer-p, .footer-p > a, .footer-p > a:hover { color: #FFF; font-size: 12px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; }

.header-wrap { position: relative; margin: 0 0 10px 0; top: 0; width: 100%; height: 65px; min-height: 65px; background-color: #FCDA00; background-color: #FFF; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }

.header {position: static; height: 65px; overflow: hidden; width:100%;}


.logo-p { position: relative; top: 15px; left: 5px; width: 220px; text-align: center; }

.menu-nav { display: none; background-color: #FFF; padding: 0 0 10px 0; }

.menu-btn { display: block; position: absolute; top: 10px; right: 10px; padding: 5px 5px 5px; border: 1px solid #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: transparent; text-align: center; line-height: 1em; }

.menu-btn > i { display: block; padding: 0 0 2px; font-size: 24px; }

.menu-btn > span { display: block; font-size: 10px; height: 1em; line-height: 1em; }

.menu-ul { margin: 0; padding: 10px 0 10px; border-top: 2px solid rgba(0, 0, 0, 0.1); }

.menu-li { float: left; width: 50%; height: 40px; padding: 0; }

.menu-li > a > div { padding: 7px 0 7px 3px; }

.menu-div { margin: 0 10px; }

.menu-a, .menu-a:hover { text-decoration: none; }

.menu-div.en { font-family: 'Josefin Sans', sans-serif; font-weight: 700; font-size: 20px; line-height: 1em; padding: 3px 0; vertical-align: top; }

.menu-div.cn { font-weight: normal; font-size: 16px; line-height: 1em; padding: 3px 0; vertical-align: top; }

a:hover .menu-div.en, a:hover .menu-div.cn { color: #D00; }

.menu-li img { min-width: auto; height: auto; }

.menu-div.en img, .menu-div.cn img { display: inline-block; width: 30px; height: 30px; vertical-align: top; }

/* ================================================================================ grid レスポンシブ
================================================================================ */
.grid-box { margin: 0 0px; width: auto !important; }

.grid-item { margin: 0; padding: 0; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.grid-item.app-top { overflow: visible; }

.grid-sizer, .grid-item { width: 10%; }

.grid-item.col2, .grid-item.col3 { width: 50%; }

.grid-item.col4, .grid-item.col5, .grid-item.col6, .grid-item.col7, .grid-item.col8, .grid-item.col9, .grid-item.col10, .grid-item.col11, .grid-item.col12 { width: 100%; }

.grid-item.col2.side-banner { width: 100%; }

.grid-inner { position: relative; margin: 8px; height: auto; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }

.grid-inner.headline { margin: 0 8px 8px 8px; }

.grid-anchor, .grid-anchor:hover { color: transparent; background-color: transparent; text-decoration: none; }

.grid-anchor > div, .grid-anchor > div:hover { color: #000; }

/*
.grid-anchor>.grid-inner:before{
	position: absolute;
	top:-5px;
	left:-5px;
	content:'';
	display: block;
	width:100%;
	height:100%;
	@include BorderRadius(5px);
	@include BoxSizing(content-box);
	//border:5px solid rgba(0,0,0,1);
	background-color: rgba(0,0,0,1);
	opacity:0;
}
*/
.grid-inner.app { background-color: transparent; border: none; -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0); -o-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0); }

.grid-inner img { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

.grid-inner img.corner { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.grid-inner img.corner-none { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

.grid-anchor:hover > .grid-inner:before { opacity: 0.2; }

.grid-anchor:hover img { opacity: 0.7; }

@media (min-width: 551px) { .upper { max-width: 100%; }
  .header-wrap { margin: 0; min-height: 65px; }
  .logo-p { width: 250px; top: 10px; left: 5px; margin: 0; padding: 0px 0px; text-align: center; }
  .menu-nav { display: none; }
  .menu-li { float: left; width: 50%; height: 50px; padding: 0; }
  .menu-div { margin: 0 60px 0 20px; }
  .menu-li > a > div { padding: 5px 0; }
  .menu-li img { min-width: auto; height: auto; }
  .grid-box { margin: 0 auto; }
  .grid-sizer, .grid-item { width: 10%; }
  .grid-item.col2, .grid-item.col3, .grid-item.col4, .grid-item.col5, .grid-item.col6 { width: 50%; }
  .grid-item.col7, .grid-item.col8, .grid-item.col9, .grid-item.col10, .grid-item.col11, .grid-item.col12 { width: 100%; }
  .grid-item.col12.tablet { display: block; }
  .grid-item.col3.twitter { width: 25%; }
  .grid-item.col2.side-banner { width: 50%; } }
@media (min-width: 801px) { .body-bfr { display: block; position: fixed; top: 0; left: 0; width: 0; height: 100%; background-color: #FFF; z-index: -1; border-right: 2px solid #ddd; }
  .upper { padding: 15px 0 70px 0; width: 1000px; max-width: 1000px; min-width: 1000px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
  .side { width: 20%; float: left; padding: 0; }
  .header-wrap { position: relative; margin: 0 8px; width: auto; height: auto; min-height: auto; border: none; background-color: transparent; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
  .header { height: auto; }
  .main { width: 80%; float: right; }
  .logo-p { width: auto; top: 0; left: 0; width: auto; margin: 5px 20px 5px 0; padding: 0px 0px; text-align: center; }
  .menu-nav { display: block; background-color: transparent; }
  .menu-btn { display: none; }
  .menu-ul { margin: 20px 5px 20px; padding: 0; border: none; }
  .menu-li { float: none; width: auto; height: auto; padding: 8px 0 0 0; }
  .menu-div { margin: 0; }
  .menu-li > a > div { padding: 0; }
  .menu-li > a { color: #000; }
  .menu-li img { min-width: 145px; height: auto; }
  .menu-div.en img, .menu-div.cn img { display: inline-block; width: 30px; height: 30px; min-width: auto; }
  .menu-div { white-space: nowrap; }
  .menu-div > div { max-width: 135px; padding: 0; }
  .menu-div.en > div, .menu-div.cn > div { padding: 5px 0 0 0; }
  .grid-box { margin: 0 auto; }
  .grid-sizer, .grid-item { width: 8.33%; }
  .grid-item.col1 { width: 8.33%; }
  .grid-item.col2 { width: 16.66%; }
  .grid-item.col3 { width: 24.99%; }
  .grid-item.col4 { width: 33.32%; }
  .grid-item.col5 { width: 41.65%; }
  .grid-item.col6 { width: 49.98%; }
  .grid-item.col7 { width: 58.31%; }
  .grid-item.col8 { width: 66.64%; }
  .grid-item.col9 { width: 74.97%; }
  .grid-item.col10 { width: 83.33%; }
  .grid-item.col11 { width: 91.64%; }
  .grid-item.col12 { width: 100%; }
  .grid-item.col12.tablet { display: none; }
  .grid-item.col2.side-banner { width: 16.66%; } }
@media (min-width: 1201px) { .upper { padding: 15px 0 70px 0; width: 1200px; max-width: 1200px; min-width: 1200px; }
  .side { width: 16.66%; float: left; }
  .main { width: 83.33%; float: right; }
  .menu-li img { min-width: 150px; }
  .grid-box { margin: 0 auto; }
  .grid-sizer, .grid-item { width: 8.33%; }
  .grid-item.col1 { width: 8.33%; }
  .grid-item.col2 { width: 16.66%; }
  .grid-item.col3 { width: 24.99%; }
  .grid-item.col4 { width: 33.32%; }
  .grid-item.col5 { width: 41.65%; }
  .grid-item.col6 { width: 49.98%; }
  .grid-item.col7 { width: 58.31%; }
  .grid-item.col8 { width: 66.64%; }
  .grid-item.col9 { width: 74.97%; }
  .grid-item.col10 { width: 83.33%; }
  .grid-item.col11 { width: 91.64%; }
  .grid-item.col12 { width: 100%; } }
/*
各設定
*/
/*
base color palette
http://www.colourlovers.com/palette/3293028/Christmas_Time
*/
/* ================================================================================ 共通 base
================================================================================  */
.base-headline { margin: 0 0 20px 0; }

.base-headline.h1 { padding: 0 0 7px 10px; color: #60ac45; font-size: 24px; line-height: 1.2em; font-weight: normal; background: transparent url("/assets/images/base-border.png") repeat-x 0 bottom; }

.base-headline.h2 { position: relative; padding: 10px 10px; color: #fff; font-size: 18px; line-height: 1.2em; font-weight: normal; background: #60ac45; border: 2px dotted transparent; -moz-border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; -webkit-border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; }

.base-headline.h2:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px dashed #FFF; -moz-border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; -webkit-border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; }

.btn.large { display: block; width: 100%; font-size: 24px; line-height: 1em; padding: 18px 0; }

.btn-thin, .btn-base, .btn-effect { color: #FFF; border-style: solid; border-width: 2px; border-bottom-width: 4px; -moz-border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; -webkit-border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; }

.btn-thin.large, .btn-base.large, .btn-effect.large { border-width: 3px; border-bottom-width: 5px; }

.btn-thin.btn-xs, .btn-base.btn-xs, .btn-effect.btn-xs { border-bottom-width: 3px; }

.btn-thin:hover, .btn-base:hover, .btn-effect:hover { background-color: #FFF; }

.btn-thin { border-color: #624929; border-bottom-color: #3b2c19; background-color: #624929; }

.btn-thin:hover { color: #624929; }

.btn-base { background-color: #60ac45; border-color: #60ac45; border-bottom-color: #457e32; }

.btn-base:hover { color: #60ac45; }

.btn-effect { background-color: #e06d55; border-color: #e06d55; border-bottom-color: #ae5342; }

.btn-effect:hover { color: #e06d55; }

.btn-wp-wrap,
.btn-wp-wrap:hover{
	text-decoration: none;
}
.btn-wp{
	background-color: #7C3800;
	border:none;
	color:#FFF !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:0.5em 2em;
}
.btn-wp:hover{
	background-color: #572700;
	border:none;
	text-decoration:none !important;
}

.box { position: relative; margin: 0 10px; padding: 10px 0; }

@media (min-width: 801px) { margin: 0 20px; padding: 20px 0; }
/* ================================================================================ 各ページの見出し背景画像
================================================================================  */
.grid-inner.headline.info { background: white url("/assets/images/headline/shop-bg-sp.jpg") no-repeat 0 0; background-size: contain; }

.grid-inner.headline.menu { background: white url("/assets/images/headline/shop-bg-sp.jpg") no-repeat 0 0; background-size: contain; }

.grid-inner.headline.shop { background: white url("/assets/images/headline/shop-bg-sp.jpg") no-repeat 0 0; background-size: contain; }

.grid-inner.headline.quality { background: white url("/assets/images/headline/shop-bg-sp.jpg") no-repeat 0 0; background-size: contain; }

.grid-inner.headline.contact { background: white url("/assets/images/headline/shop-bg-sp.jpg") no-repeat 0 0; background-size: contain; }

.grid-inner.headline.recruit { background: white url("/assets/images/headline/shop-bg-sp.jpg") no-repeat 0 0; background-size: contain; }

.grid-inner.headline.policy { background: white url("/assets/images/headline/shop-bg-sp.jpg") no-repeat 0 0; background-size: contain; }

.grid-inner.headline.company { background: white url("/assets/images/headline/shop-bg-sp.jpg") no-repeat 0 0; background-size: contain; }

@media (min-width: 551px) { .grid-inner.headline.shop { background: white url("/assets/images/headline/shop-bg-tablet.jpg") no-repeat 0 0; }
  .grid-inner.headline.info { background: white url("/assets/images/headline/shop-bg-tablet.jpg") no-repeat 0 0; }
  .grid-inner.headline.menu { background: white url("/assets/images/headline/shop-bg-tablet.jpg") no-repeat 0 0; }
  .grid-inner.headline.shop { background: white url("/assets/images/headline/shop-bg-tablet.jpg") no-repeat 0 0; }
  .grid-inner.headline.quality { background: white url("/assets/images/headline/shop-bg-tablet.jpg") no-repeat 0 0; }
  .grid-inner.headline.contact { background: white url("/assets/images/headline/shop-bg-tablet.jpg") no-repeat 0 0; }
  .grid-inner.headline.recruit { background: white url("/assets/images/headline/shop-bg-tablet.jpg") no-repeat 0 0; }
  .grid-inner.headline.policy { background: white url("/assets/images/headline/shop-bg-tablet.jpg") no-repeat 0 0; }
  .grid-inner.headline.company { background: white url("/assets/images/headline/shop-bg-tablet.jpg") no-repeat 0 0; } }
@media (min-width: 801px) { .grid-inner.headline.shop { background: white url("/assets/images/headline/shop-bg-pc.jpg") no-repeat 0 0; }
  .grid-inner.headline.info { background: white url("/assets/images/headline/shop-bg-pc.jpg") no-repeat 0 0; }
  .grid-inner.headline.menu { background: white url("/assets/images/headline/shop-bg-pc.jpg") no-repeat 0 0; }
  .grid-inner.headline.shop { background: white url("/assets/images/headline/shop-bg-pc.jpg") no-repeat 0 0; }
  .grid-inner.headline.quality { background: white url("/assets/images/headline/shop-bg-pc.jpg") no-repeat 0 0; }
  .grid-inner.headline.contact { background: white url("/assets/images/headline/shop-bg-pc.jpg") no-repeat 0 0; }
  .grid-inner.headline.recruit { background: white url("/assets/images/headline/shop-bg-pc.jpg") no-repeat 0 0; }
  .grid-inner.headline.policy { background: white url("/assets/images/headline/shop-bg-pc.jpg") no-repeat 0 0; }
  .grid-inner.headline.company { background: white url("/assets/images/headline/shop-bg-pc.jpg") no-repeat 0 0; } }
.grid-inner.twitter { background-color: #3F382C; color: #fff; }

.grid-anchor.twitter { color: #fFF; }

.grid-anchor.twitter:hover > div { color: #ddd; }

.twitter-name { display: block; padding: 7px 5px 0px; font-size: 12px; }

.twitter-screenname { display: block; font-size: 12px; text-align: right; color: yellow; padding: 0 10px 5px; }

.twitter-screenname, a:hover .twitter-screenname { color: yellow; }

.twitter-img { height: 160px; overflow: hidden; }

.twitter-p { font-size: 12px; padding: 3px 7px; margin: 0; line-height: 1.3em; white-space: normal; word-break: break-all; }

.facebook.grid-inner { background-color: #3d5a98; text-align: center; padding: 0 0 10px 0; }

.facebook-h3 { background-color: #3d5a98; color: #FFF; font-weight: normal; margin: 0; padding: 10px; line-height: 1em; font-size: 22px; vertical-align: middle; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

.facebook-h3 > img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: inline-block; margin: 0 10px 0 0; vertical-align: middle; }

.facebook-h3 > a, .facebook-h3 > a:hover { color: #FFF; }

.facebook-wrap { display: inline-block; margin: 0 0px; padding: 10px 0 0; height: 350px; overflow: hidden; min-width: 100%; }

/*@media (min-width: 801px) { min-width: 500px; }*/


.top-h2 { margin: 10px 0 0px 0; padding: 10px 0 10px 0; }

.top-h2 > img { display: block; height: 22px; padding: 0 0 0 10px; }

.top-text-img { position: absolute; top: 0; left: 0; }

.top-text-img.app-iphone { position: absolute; top: 0; left: 0%; }

.top-info-ul { margin: 0 5px 10px; padding: 0 0 10px 0; font-size: 14px; border-top: 1px dotted #ccc; }

.top-info-li { border-bottom: 1px dotted #ccc; }

.top-info-li > a, .top-info-li > a:hover { text-decoration: none; color: #000; }

.top-info-li > a > div { padding: 5px 10px; }

.top-info-li > a:hover > div { background-color: #e0e0e0; }

.top-info-li .date {
	float:left;
	width:25%;
	color: #2167AF;
}
.top-info-li .title-more-wrap{
	width:75%;
	float:left;
}
.top-info-li div .title {
	color: #603E00; font-weight: bold;
}
@media (min-width: 501px) {
	.top-info-li .date {
		width:20%;
	}
	.top-info-li .title-more-wrap{
		width:80%;
	}

}

@media (min-width: 801px) {
	.top-info-li .date {
		width:15%;
	}
	.top-info-li .title-more-wrap{
		width:85%;
	}

}



.top-info-li div .more { padding: 3px 0 0 0em; line-height: 1.2em; }

.top-p { font-size: 13px; padding: 5px 5px; margin: 0; line-height: 1.1em; }

a .top-p { color: #337ab7; }

a:hover .top-p { color: #23527c; text-decoration: underline; }

.side-menu-li { font-size: 14px; margin: 0px 20px 10px 20px; }

.side-menu-li a, .side-menu-li a:hover { text-decoration: none; }

.side-menu-div {
	display: block;
	font-size: 14px;
	padding: 15px 0;
	line-height: 1em;
	background-color: #FFF;
	color: #009FE8;
	border: 1px solid #009FE8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.side-menu-div.en { margin: 0 5px 5px 0; }

.side-menu-div.cn { margin: 0 0 5px 5px; }

a:hover .side-menu-div { background-color: #009FE8; color: #FFF; border: 1px solid #009FE8; }

.side-menu-div.sns, a:hover .side-menu-div.sns { padding: 7px 0; vertical-align: middle; }

.side-menu-div.sns.twitter { margin: 0 5px 0 0; background-color: #000000; color: #FFF; border: none; }

.side-menu-div.sns.facebook { margin: 0 0 0 5px; background-color: #3D5A98; color: #FFF; border: none; }

a:hover .side-menu-div.sns.twitter { background-color: #000000; }

a:hover .side-menu-div.sns.facebook { background-color: #2F4474; }

.side-menu-div.sns > img { display: block; margin: 0 auto; }

@media (min-width: 801px) { .side-menu-div { font-size: 12px; padding: 5px 0; }
  .side-menu-li { font-size: 14px; margin: 0 20px 5px 0; }
  .side-menu-div.en { margin: 0 0px 5px 0; }
  .side-menu-div.cn { margin: 0 0 5px 0px; } }
/* ================================================================================ 店舗情報 #shop 路線地図
================================================================================  */
.shop-map-wrap { height: auto; overflow: hidden; }

.shop-h1 { margin: 0 10px 0px; overflow: hidden; }

.shop-h1 > span.l { margin: 0 -100px 0 0; }

.shop-h1 > span.r { margin: 0 0 0 -100px; }


/*↓スマホに適用*/
.train { position: relative; margin: 0 auto; width: 310px; }
.train-bg { width: 300px; height: 265px; }
.train-ul { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; }
.train-li { display: block; position: absolute; width: 20px; height: 20px; }
.train-li.shibuya { top: 220px; left: 77px; }
.train-li.shinbashi { top: 212px; left: 215px; }
.train-li.kanda { top: 153px; left: 243px; }
.train-li.akihabara { top: 120px; left: 243px; }
.train-li.ueno { top: 62px; left: 230px; }
.train-li.ikebukuro { top: 40px; left: 75px; }
.train-li.takadanobaba { top: 72px; left: 47px; }
.train-li.shinjuku { top: 120px; left: 40px; }
.train-li.ookubo { top: 65px; left: 25px; }
.train-li.nakano { top: 37px; left: 12px; }
.train-li.suidoubashi { top: 136px; left: 215px; }
.train-li.oomiya { top: 10px; left: 267px; }
.train-li.kamata { top: 260px; left: 90px; }
.train-li.meidaimae { top: 173px; left: 3px;}
.train-li.kawasaki { top: 245px; left: 27px;}
.train-li.kitasenju { top: 12px; left: 226px;}
.train-li.asagaya { top: 94px; left: 9px;}
.train-btn { display: block; border: none; padding: 0; background-color: transparent; }
.train-btn > div { display: block; width: 20px; height: 20px; border: none; overflow: hidden; text-indent: -999px; background-color: #FF7700; border: 3px solid #333; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.train-btn:hover > div { background-color: #D00; }

/*↓横幅551pxより大きい場合に適用*/
@media (min-width: 551px) { .shop-h1 { margin: 0 20px 0px; } 
  .shop-h1 > span.l, .shop-h1 > span.r { margin: 0; }
  .train-btn > div { width: 24px; height: 24px; background-color: #FFF; border: 3px solid #333; }
  .train { width: 600px; }
  .train-bg { width: 600px; height: 250px; }
  .train-li { width: 30px; height: 30px; }
  .train-li.shibuya { top: 198px; left: 176px; }
  .train-li.shinbashi { top: 190px; left: 468px; }
  .train-li.kanda { top: 133px; left: 512px; }
  .train-li.akihabara { top: 90px; left: 508px; }
  .train-li.ueno { top: 37px; left: 459px; }
  .train-li.ikebukuro { top: 38px; left: 150px; }
  .train-li.takadanobaba { top: 82px; left: 101px; }
  .train-li.shinjuku { top: 140px; left: 99px; }
  .train-li.ookubo { top: 119px; left: 72px; }
  .train-li.nakano { top: 69px; left: 16px; }
  .train-li.suidoubashi { top: 105px; left: 414px; }
  .train-li.oomiya { top: 8px; left: 535px; }
  .train-li.kamata { top: 229px; left: 272px; }
  .train-li.meidaimae { top: 185px; left: 39px;}
  .train-li.kawasaki { top: 224px; left: 304px; }
  .train-li.kitasenju { top: 0px; left: 448px;}
  .train-li.asagaya { top: 99px; left: 27px;}
  }

/*↓横幅801pxより大きい場合に適用*/
@media (min-width: 801px) { .shop-h1 { margin: 0 20px 10px; }　
  .train { max-width: 630px; margin: 0 auto; }
  .train-btn > div { width: 25px; height: 25px; border: none; background-color: transparent; }
  .train { width: 100%; }
  .train-bg { width: 100%; height: 260px; }
  .train-li.shibuya { top: 208px; left: 188px; }
  .train-li.shinbashi { top: 198px; left: 493px; }
  .train-li.kanda { top: 140px; left: 537px; }
  .train-li.akihabara { top: 94px; left: 532px; }
  .train-li.ueno { top: 43px; left: 484px; }
  .train-li.ikebukuro { top: 40px; left: 157px; }
  .train-li.takadanobaba { top: 88px; left: 105px; }
  .train-li.shinjuku { top: 145px; left: 103px; }
  .train-li.ookubo { top: 123px; left: 78px; }
  .train-li.nakano { top: 77px; left: 18px; }
  .train-li.suidoubashi { top: 113px; left: 434px; }
  .train-li.oomiya { top: 5px; left: 563px; }
  .train-li.kamata { top: 242px; left: 285px; }
  .train-li.meidaimae { top: 191px; left: 45px;}
  .train-li.kawasaki { top: 233px; left: 319px;}
  .train-li.kitasenju { top: 0px; left: 470px;}
  .train-li.asagaya { top: 103px; left: 27px; }

  }
  

/*↓横幅1201pxより大きい場合に適用*/
@media (min-width: 1201px) { .shop-h1 { margin: 0 20px 10px; }
  .train { max-width: 800px; margin: 0 auto; }
  .train-btn > div { width: 30px; height: 30px; border: none; }
  .train-bg { width: 100%; height: 330px; }
  .train-li.shibuya { top: 265px; left: 236px; }
  .train-li.shinbashi { top: 253px; left: 623px; }
  .train-li.kanda { top: 177px; left: 680px; }
  .train-li.akihabara { top: 119px; left: 675px; }
  .train-li.ueno { top: 53px; left: 612px; }
  .train-li.ikebukuro { top: 52px; left: 199px; }
  .train-li.takadanobaba { top: 113px; left: 135px; }
  .train-li.shinjuku { top: 186px; left: 133px; }
  .train-li.ookubo { top: 158px; left: 98px; }
  .train-li.nakano { top: 100px; left: 22px; }
  .train-li.suidoubashi { top: 146px; left: 552px; }
  .train-li.oomiya { top: 10px; left: 712px; }
  .train-li.kamata { top: 308px; left: 362px; }
  .train-li.meidaimae { top: 243px; left: 58px;}
  .train-li.kawasaki { top: 297px; left: 406px;}
  .train-li.kitasenju { top: 0px; left: 596px;}
  .train-li.asagaya { top: 131px; left: 35px; }

  }

  
/* ==============================
================================================== 店舗情報 #shop 店舗情報
================================================================================  */
.base-h1 { margin: 0 5px 0px; font-size: 20px; line-height: 1.2em; }

.base-h1 > .shop { display: block; color: #422200; margin: 0 0 10px 0; padding: 25px 5px 5px; font-size: 25px; border-bottom: 2px solid #A10C0C; }

.base-h1.en { margin: 0 5px 0px; position: relative; }

.base-h1.en:before { content: ''; display: blcok; position: absolute; width: 100%; height: 2px; background-color: #A10C0C; left: 0; bottom: 2px; z-index: 0; }

.base-h1.en > .shop { font-size: 45px; font-family: 'Josefin Sans', sans-serif; font-weight: 700; border: none; position: relative; z-index: 1; display: inline-block; }

.base-h1.en > .description { display: inline-block; margin: 0 0 0 0px; font-size: 20px; font-weight: normal; max-width: 500px; line-height: 1em; }

.shop-dl { margin: 0 0px; min-height: 360px; }

.shop-dt { font-size: 18px; margin: 0; color: #FFF; padding: 10px 0 10px 10px; background-color: #422200; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

.shop-dt.cn { background-color: #D00; }

.shop-dt > span { display: block; }

.shop-dt > .shop.en { font-weight: normal; font-family: 'Josefin Sans', sans-serif; font-size: 20px; }

.shop-dt > .shop.brand { font-size: 16px; font-weight: normal; }

.shop.mask{
	width:100%;
	height:100%;
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	top:0;
	left:0;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.mask-text{
	position: absolute;
	top:50%;
	left:0;
	width:100%;
	margin:-25% 0 0 0;
	text-align: center;
	color:#FFF;
}

.shop-ul { margin: 0 10px 0; padding: 0 0 10px 0; }

/*千日前height調整*/
div#amemura > .shop-dl-en { margin: 0 0px;  min-height: 550px;}
div#sennichi > .shop-dl { margin: 0 0px; min-height: 475px; }
div#sennichi > .shop-dl-en { margin: 0 0px; min-height: 550px; }
div#sennichi > .shop-dl-cn { margin: 0 0px; min-height: 485px; }
div#shinjuku2 > .shop-dl-cn { margin: 0 0px; min-height: 485px; }
@media screen and (max-width:768px){
	div#sennichi > .shop-dl { margin: 0 0px; min-height: 555px; }
	div#sennichi > .shop-dl-en { margin: 0 0px; min-height: 590px; }
	div#sennichi > .shop-dl-cn { margin: 0 0px; min-height: 580px; }
}

@media screen and (max-width: 640px) {
		div#sennichi > .shop-dl-cn { margin: 0 0px; min-height: 510px; }
}

/*英語版height調整ここまで*/
.shop-li { margin: 0 0 5px 0; }

.shop-figure { position: relative; display: block; margin: 0 0 10px 0; }

.shop-figcaption { display: block; position: absolute; width: 100%; color: #FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5); text-align: right; font-size: 12px; padding: 0px 5px 1px; left: 0; bottom: 0; }

.alert-info.shop { margin: 0; padding: 10px 10px; }

@media (min-width: 801px) { .base-h1 > .shop { padding: 40px 10px 10px; font-size: 35px; } }

/*とんこつラーメン博多風龍は都内を中心に現在n店舗を展開中の表記*/

.base-h1 > .base-headline-1 { display: block; color: #422200; padding: 10px 5px 5px; font-size: 25px; }

.base-h1 > .base-headline-2 { display: block; color: #422200; padding: 0px 5px 5px; font-size: 25px; }

@media (min-width: 801px) { .base-h1 > .base-headline-1 { padding: 10px 10px 10px; font-size: 35px; } }

@media (min-width: 801px) { .base-h1 > .base-headline-2 { padding: 5px 10px 10px; font-size: 35px; text-align: right;} }

/* ================================================================================ 品質基準 #quality
================================================================================  */
.quality-wrap { padding: 20px 0; margin: 0 10px; }

.base-h1.quality { margin: 0 0 20px 0; font-size: 24px; }

.table-wrap { overflow: scroll; }

.quality-wrap .table > thead > tr > th {vertical-align: middle;}


table.table.quality > thead > tr { color: #FFF; background-color: #502E0F; }

@media (min-width: 801px) { .quality-wrap { padding: 20px 0; margin: 0 30px; }
  .table-wrap { overflow: auto; position: relative; }
  .base-h1.quality { margin: 0 0 20px 0; font-size: 24px; } }
/* ================================================================================ 求人情報 #recruit
================================================================================  */
.box.recruit { margin: 0 10px; padding: 15px 0 5px; font-size: 16px; }

@media (min-width: 501px) { .box.recruit { margin: 0 30px; padding: 15px 0 5px; font-size: 16px; }
  .box.apply { margin: 10px 10px 0 10px; } }
.box.reclist { margin: 0 20px; padding: 0px 0 5px; font-size: 14px; }

.recruit-h1 { margin: 0 20px 0px; padding: 20px 0 20px 0; overflow: hidden; }

.recruit-h3 { font-size: 22px; margin: 0 10px 20px; padding: 15px 5px 5px; color: #B91111; border-bottom: 2px dotted #B91111; }

.recruit-ul { margin: 0; padding: 0 0 10px; font-size: 16px; }

.recruit-li { margin: 0 15px 10px; padding: 0 0 0 45px; position: relative; }

.recruit-li:before, .recruit-li:after { content: ''; display: blcok; position: absolute; top: 0px; left: 0; }

.recruit-li:before { width: 35px; height: 35px; background-color: #000; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }

.recruit-li:after { color: #FFF; width: 35px; text-align: center; display: block; position: absolute; top: 10px; left: 0; font-size: 12px; }

.recruit-li.s1:after { content: '一'; }

.recruit-li.s2:after { content: '二'; }

.recruit-li.s3:after { content: '三'; }

.recruit-li.s4:after { content: '四'; }

.recruit-li.s5:after { content: '五'; }

.recruit-li.s6:after { content: '六'; }

.recruit-dl { margin: 0; }

.recruit-dd { padding: 0 0 0 10px; }

.recruit-dd > i { color: #B91111; }

.grid-anchor.recruit > div.grid-inner { background-color: #337AB7; color: #FFF; font-size: 18px; padding: 15px 5px; }

.apply-img { display: block; position: absolute; width: 90px; height: 90px; top: -10px; left: -15px; }

.apply-p { position: relative; padding: 5px 10px 5px 80px; margin: 0 0 5px 0; }

.apply-h1 { font-size: 22px; margin: 0 0px 0px; padding: 10px 5px 5px; color: #B91111; border-bottom: 2px dotted #B91111; }

.apply-h2 { font-size: 16px; margin: 0px 0px 20px; padding: 5px 10px 5px; color: #FFF; background-color: #B91111; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.apply-dl { font-size: 16px; }


/* ================================================================================ アプリ紹介
================================================================================  */
.app-play-a,
.app-play-div,
.top-play-gif,
.top-play-on{
	display: none;
}
#youtube{
	width:320px;
	height:180px;
}
#AppMovie .modal-backdrop.in{
	opacity:0.8;
}
#AppMovie .modal-dialog{
	width:320px;
	height:auto;
	margin:50px auto 0;
}
.color-yellow{
	color:#FF0;
	text-decoration: underline;
}
.color-yellow:hover{
	color:pink;
}
@media (min-width: 551px) {
	#youtube{
		widows: 640px;
		height:360px;
	}
	#AppMovie .modal-dialog{
		width:640px;
		height:auto;
		margin:100px auto 0;
	}
}
@media (min-width: 801px) {
	#youtube{
		width:720px;
		height:405px;
	}
	#AppMovie .modal-dialog{
		width:720px;
		height:auto;
		margin:100px auto 0;
	}
	.app-play-a,
	.app-play-div,
	.top-play-gif{
		display: block;
	}
	.top-play-on{
	}
	.app-play-a{
		position: absolute;
		width:130px;
		height:130px;
		top:190px;
		right:80px;
	}
	.app-play-div{
		width:100%;
		height:100%;
		overflow: hidden;
		text-indent:-9999px;
		background-color: transparent;
		background-repeat: no-repeat;
	}
	.app-play-a:hover>.app-play-div{
		background-image: url('/assets/images/app-play-a-bg.png');
		background-size:contain;
	}


}
@media (min-width: 1201px) {
	.app-play-a{
		width:210px;
		height:336px;
		top:67px;
		right:50px;
	}
}
/* ================================================================================ ワードプレス wp
================================================================================  */
.grid-item.wp { overflow: hidden; position: relative; }

.grid-item.wp-single { font-size: 16px; }

.wp-h-header { position: relative; min-height: 63px; background-color: #bc0009; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

.wp-h-header:before { content: ''; display: blcok; position: absolute; background-color: #333333; height: 100%; width: 60px; top: 0; left: 0; -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; }

.wp-h-h2 { margin: 0; padding: 10px 0 0px 65px; font-size: 20px; line-height: 1.2em; overflow: hidden; vertical-align: middle; }

.wp-h-h2 > a { color: #FFF; }

.wp-h-ul { position: absolute; top: 0; left: 0; margin: 0; color: #FFF; -moz-border-radius: 5px 0px 0 0; -webkit-border-radius: 5px 0px 0 0; border-radius: 5px 0px 0 0; text-align: center; width: 60px; line-height: 1em; font-family: 'Oswald', sans-serif; }

.wp-h-li.y { font-size: 16px; padding: 12px 0 8px; }

.wp-h-li.d { font-size: 20px; }

.wp-h-body { margin: 10px 10px 0; padding: 0 0 15px 0; }

.wp-h-body p:before, .wp-h-body p:after { content: ""; display: table; }

.wp-h-body p:after { clear: both; }

.more-link-wrap { display: block; text-align: right; }

.wp-h-body p .more-link:before { content: "\e258"; font-family: 'Glyphicons Halflings'; display: block; position: absolute; top: 0; left: 0; }



.wp-eyechatch { margin: -10px -10px 15px; }

.wp-eyechatch > img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

a > .btn-furyu, button > .btn-furyu { background-color: #D00; color: #FFF !important; border: none; }

a:hover > .btn-furyu, button:hover > .btn-furyu { background-color: #a00; color: #FFF !important; border: none; }

a.btn-wrap, a.btn-wrap:hover, button.btn-wrap, button.btn-wrap:hover { text-decoration: none; border: none; background-color: transparent; padding: 0; }

.btn-furyu > i.single { font-size: 160%; vertical-align: middle; }

.wp-single { min-height: 420px; font-size: 16px; }

.wp-header { position: relative; background-color: #BC0009; color: #FFF; height: auto; margin: 0 0 20px 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

.wp-header:before { content: ''; display: blcok; position: absolute; background-color: #333333; height: 100%; width: 80px; -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; }

.wp-title { margin: 0 0 20px; font-weight: normal; font-size: 24px; padding: 10px 0 10px 90px; min-height:80px;}

.wp-date-ul { position: absolute; top: 0; left: 0; width: 80px; text-align: center; font-family: 'Oswald', sans-serif; line-height: 1em; font-weight: 200; }

.wp-date-li.y { padding: 15px 0 0 0; font-size: 25px; }

.wp-date-li.d { padding: 15px 0 0 0; font-size: 30px; }

.wp-body { padding: 0px 10px 50px; font-size: 16px; }

.wp-next-prev-wrap { margin: 0 10px; padding: 0px 0 30px; }

.wp-body p img { display: block; width: 100%; max-width: 100%; }

.thead-black thead th { background-color: #333; color: #FFF; }

.wp-eyechatch { height: 114px; overflow: hidden; }

@media (min-width: 501px) { .wp-header { margin: 0 0 40px 0; }
  .wp-header:before { width: 90px; }
  .wp-title { margin: 0 0 20px; font-size: 34px; padding: 20px 0 20px 100px; min-height:80px; }
  .wp-date-ul { width: 90px; text-align: center; }
  .wp-body p img { width: auto; }
  .wp-eyechatch { height: 114px; } }
@media (min-width: 801px) { .wp-header { margin: 0 0 40px 0; }
  .wp-header:before { width: 90px; }
  .wp-title { margin: 0 0 20px; font-size: 34px; padding: 20px 0 20px 100px;}
  .wp-date-ul { width: 90px; text-align: center; }
  .wp-body { padding: 0px 25px 30px; }
  .wp-body p img { width: auto; }
  .wp-eyechatch { height: 78px; } }
@media (min-width: 1201px) { .wp-eyechatch { height: 99px; } }
@media print { .layout, .modal-header, .modal-footer { display: none; }
  .modal-content { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px transparent; -ms-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; border: 1px solid #000; } }
/*
各設定
*/
/*
base color palette
http://www.colourlovers.com/palette/3293028/Christmas_Time
*/
/* **************************************************
	device check
************************************************** */
.device-check { display: none; position: fixed; top: 1px; left: 1px; padding: 3px 5px; z-index: 9999; color: #fff; border: 1px solid #fff; font-size: 12px; background-color: #000; }

.device-check { display: none; }

.device-check.xs { display: block; background-color: red; }

@media (min-width: 551px) { .device-check { display: none; }
  .device-check.sm { display: block; background-color: blue; } }
@media (min-width: 801px) { .device-check { display: none; }
  .device-check.md { display: block; background-color: green; } }
@media (min-width: 1201px) { .device-check { display: none; }
  .device-check.lg { display: block; background-color: orange; } }
/* **************************************************
	old ie design
************************************************** */
#ieAttention { font-size: 14px; color: #3a87ad; background-color: #d9edf7; border: 1px solid #aadbe8; margin: 10px; padding: 10px; position: relative; }

.ie { margin: 0; padding: 0; font-size: 100%; }

div.ie { position: relative; }

div.ie > button { position: absolute; top: 0px; right: 0px; }

dt.ie { padding-bottom: 10px; font-weight: bold; }

b.ie { padding-right: 15px; padding-bottom: 5px; }

a.ie { padding: 0px 5px; text-decoration: underline; color: #04405e; font-weight: bold; }

a.ie:hover { color: #b3058d; }

.ieAttention-close { font-size: 13px; color: #777; padding: 5px 10px; background-color: #eee; border: 1px solid #ccc; }

/* **************************************************
	共通
************************************************** */
* { outline: none !important; }

figure { display: block; margin: 0; }

*::selection { background-color: #f00; color: white; }

*::-moz-selection { background-color: #000; color: white; }

button, a { outline: none !important; }

.clearfix:after { content: ""; display: block; clear: both; }

.clearfix:before { display: table; line-height: 0px; content: ""; }

.relative { position: relative !important; }

.fixed { position: fixed !important; }

.iframe { display: block; width: 100%; height: 100%; }

.inline-block { display: inline-block; *display: inline; *zoom: 1; }

.img-replace { display: block; text-indent: -9999px; overflow: hidden; }

.img-replace.ib { display: inline-block; }

a > .img-replace { cursor: pointer; }

.pseudo:before, .pseudo:after { display: block; content: ''; position: absolute; }

/* **************************************************
	余白共通　マージン
************************************************** */
.mg20 { margin: 20px; }

.mg0 { margin: 0 !important; }

.mgt0 { margin-top: 0px; }

.mgt5 { margin-top: 5px; }

.mgt10 { margin-top: 10px; }

.mgt15 { margin-top: 15px; }

.mgt20 { margin-top: 20px; }

.mgt30 { margin-top: 30px; }

.mgt40 { margin-top: 40px; }

.mgt50 { margin-top: 50px; }

.mgt60 { margin-top: 60px; }

.mgt70 { margin-top: 70px; }

.mgt80 { margin-top: 80px; }

.mgt90 { margin-top: 90px; }

.mgt100 { margin-top: 100px; }

.mgt-5 { margin-top: -5px; }

.mgt-10 { margin-top: -10px; }

.mgt-15 { margin-top: -15px; }

.mgt-20 { margin-top: -20px; }

.mgt-25 { margin-top: -25px; }

.mgt-30 { margin-top: -30px; }

.mgt-35 { margin-top: -35px; }

.mgt-40 { margin-top: -40px; }

.mgl0 { margin-left: 0px; }

.mgl5 { margin-left: 5px; }

.mgl10 { margin-left: 10px; }

.mgl15 { margin-left: 15px; }

.mgl20 { margin-left: 20px; }

.mgl30 { margin-left: 30px; }

.mgl40 { margin-left: 40px; }

.mgl50 { margin-left: 50px; }

.mgl60 { margin-left: 60px; }

.mgl70 { margin-left: 70px; }

.mgl80 { margin-left: 80px; }

.mgl90 { margin-left: 90px; }

.mgl100 { margin-left: 100px; }

.mgl-5 { margin-left: -5px; }

.mgl-10 { margin-left: -10px; }

.mgl-15 { margin-left: -15px; }

.mgl-20 { margin-left: -20px; }

.mgl-25 { margin-left: -25px; }

.mgl-30 { margin-left: -30px; }

.mgl-35 { margin-left: -35px; }

.mgl-40 { margin-left: -40px; }

.mgr0 { margin-right: 0px; }

.mgr5 { margin-right: 5px; }

.mgr10 { margin-right: 10px; }

.mgr15 { margin-right: 15px; }

.mgr20 { margin-right: 20px; }

.mgr30 { margin-right: 30px; }

.mgr40 { margin-right: 40px; }

.mgr50 { margin-right: 50px; }

.mgr60 { margin-right: 60px; }

.mgr70 { margin-right: 70px; }

.mgr80 { margin-right: 80px; }

.mgr90 { margin-right: 90px; }

.mgr100 { margin-right: 100px; }

.mgr-5 { margin-right: -5px; }

.mgr-10 { margin-right: -10px; }

.mgr-15 { margin-right: -15px; }

.mgr-20 { margin-right: -20px; }

.mgr-25 { margin-right: -25px; }

.mgr-30 { margin-right: -30px; }

.mgr-35 { margin-right: -35px; }

.mgr-40 { margin-right: -40px; }

.mgb0 { margin-bottom: 0px; }

.mgb5 { margin-bottom: 5px; }

.mgb10 { margin-bottom: 10px; }

.mgb15 { margin-bottom: 10px; }

.mgb20 { margin-bottom: 20px; }

.mgb30 { margin-bottom: 30px; }

.mgb40 { margin-bottom: 40px; }

.mgb50 { margin-bottom: 50px; }

.mgb60 { margin-bottom: 60px; }

.mgb70 { margin-bottom: 70px; }

.mgb80 { margin-bottom: 80px; }

.mgb90 { margin-bottom: 90px; }

.mgb100 { margin-bottom: 100px; }

.mgb-5 { margin-bottom: -5px; }

.mgb-10 { margin-bottom: -10px; }

.mgb-15 { margin-bottom: -15px; }

.mgb-20 { margin-bottom: -20px; }

/* **************************************************
	余白共通　パッディング
************************************************** */
.pd0 { padding: 0 !important; }

.pdt0 { padding-top: 0px; }

.pdt5 { padding-top: 5px; }

.pdt10 { padding-top: 10px; }

.pdt15 { padding-top: 15px; }

.pdt20 { padding-top: 20px; }

.pdt30 { padding-top: 30px; }

.pdt40 { padding-top: 40px; }

.pdt50 { padding-top: 50px; }

.pdt60 { padding-top: 60px; }

.pdt70 { padding-top: 70px; }

.pdt80 { padding-top: 80px; }

.pdt90 { padding-top: 90px; }

.pdt100 { padding-top: 100px; }

.pdl0 { padding-left: 0px; }

.pdl5 { padding-left: 5px; }

.pdl10 { padding-left: 10px; }

.pdl15 { padding-left: 15px; }

.pdl20 { padding-left: 20px; }

.pdl30 { padding-left: 30px; }

.pdl40 { padding-left: 40px; }

.pdl50 { padding-left: 50px; }

.pdl60 { padding-left: 60px; }

.pdl70 { padding-left: 70px; }

.pdl80 { padding-left: 80px; }

.pdl90 { padding-left: 90px; }

.pdl100 { padding-left: 100px; }

.pdr0 { padding-right: 0px; }

.pdr5 { padding-right: 5px; }

.pdr10 { padding-right: 10px; }

.pdr15 { padding-right: 15px; }

.pdr20 { padding-right: 20px; }

.pdr30 { padding-right: 30px; }

.pdr40 { padding-right: 40px; }

.pdr50 { padding-right: 50px; }

.pdr60 { padding-right: 60px; }

.pdr70 { padding-right: 70px; }

.pdr80 { padding-right: 80px; }

.pdr90 { padding-right: 90px; }

.pdr100 { padding-right: 100px; }

.pdb0 { padding-bottom: 0px; }

.pdb5 { padding-bottom: 5px; }

.pdb10 { padding-bottom: 10px; }

.pdb15 { padding-bottom: 15px; }

.pdb20 { padding-bottom: 20px; }

.pdb30 { padding-bottom: 30px; }

.pdb40 { padding-bottom: 40px; }

.pdb50 { padding-bottom: 50px; }

.pdb60 { padding-bottom: 60px; }

.pdb70 { padding-bottom: 70px; }

.pdb80 { padding-bottom: 80px; }

.pdb90 { padding-bottom: 90px; }

.pdb100 { padding-bottom: 100px; }

/* **************************************************
	改行余白
************************************************** */
.br15em { line-height: 1.5em; }

.br2em { line-height: 2em; }

.br3em { line-height: 3em; }

.br30px { line-height: 30px; }

.br40px { line-height: 40px; }

.br-pc { display: block; }

@media (max-width: 768px) { .br-pc { display: inline; } }
.br-sp { display: inline; }

@media (max-width: 768px) { .br-sp { display: block; } }
/* **************************************************
	テキスト段組 文字間
************************************************** */
.t-left { text-align: left; }

.t-right { text-align: right; }

.t-center { text-align: center; }

.ls0 { letter-spacing: 0px; }

.ls1 { letter-spacing: -1px; }

.ls2 { letter-spacing: -2px; }

.ls3 { letter-spacing: -3px; }

.ls4 { letter-spacing: -4px; }

.ls5 { letter-spacing: -5px; }

.lh { line-height: 1.1em; }

.nakaten { display: inline-block; margin: 0 -0.2em; }

.kakko { display: inline-block; margin: 0 -0.7em 0 -0.5em; }

/* **************************************************
	テキスト
************************************************** */
.fw-normal { font-weight: normal !important; }

.fw-bold { font-weight: bold !important; }

.fs70 { font-size: 70% !important; }

.fs80 { font-size: 80% !important; }

.fs90 { font-size: 90% !important; }

.fs110 { font-size: 110% !important; }

.fs120 { font-size: 120% !important; }

.fs130 { font-size: 130% !important; }

.fs140 { font-size: 140% !important; }

.fs150 { font-size: 150% !important; }

.fs12px { font-size: 12px !important; }

.fs13px { font-size: 13px !important; }

.fs14px { font-size: 14px !important; }

.fs15px { font-size: 15px !important; }

.fs16px { font-size: 16px !important; }

.fs17px { font-size: 17px !important; }

.fs18px { font-size: 18px !important; }

.fs19px { font-size: 19px !important; }

.fs20px { font-size: 20px !important; }

.fs21px { font-size: 21px !important; }

.fs22px { font-size: 22px !important; }

.fs23px { font-size: 23px !important; }

.fs24px { font-size: 24px !important; }

.fs25px { font-size: 25px !important; }

.fs26px { font-size: 26px !important; }

.fs27px { font-size: 27px !important; }

.fs28px { font-size: 28px !important; }

.fs29px { font-size: 29px !important; }

.fs30px { font-size: 30px !important; }

.fs31px { font-size: 31px !important; }

.fs32px { font-size: 32px !important; }

.fs33px { font-size: 33px !important; }

.fs34px { font-size: 34px !important; }

.fs35px { font-size: 35px !important; }

.fs36px { font-size: 36px !important; }

.fs37px { font-size: 37px !important; }

.fs38px { font-size: 38px !important; }

.fs39px { font-size: 39px !important; }

.fs40px { font-size: 40px !important; }

/* **************************************************
	テキスト色
************************************************** */
.color-black { color: #000; }

.color-red { color: #ee0000; }

.color-green { color: #00993b; }

.color-white { color: #fff; }

.color-gray { color: #555; }

.color-blue { color: #1D90CA; }

.color-base_color { color: #60ac45; }

.color-opposite_color { color: #40ae3c; }

/* **************************************************
	手書き風 四角 円 ボタン
************************************************** */
.tegaki-circle { position: relative; width: 150px; height: 150px; background-color: #000; -moz-border-radius: 100% 80% 100% 80%/80% 85% 80% 90%; -webkit-border-radius: 100% 80% 100% 80%/80% 85% 80% 90%; border-radius: 100% 80% 100% 80%/80% 85% 80% 90%; }

.tegaki-button { display: inline-block; border: transparent 1px solid; -moz-border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; -webkit-border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; }

/* **************************************************
手書き風 アラート
<div class="tegaki-well-wrap">
	<div class="tegaki-well">
		<div class="tegaki-well-inner">
			コンテンツ
		</div>
	</div>
</div>

************************************************** */
.tegaki-box { -moz-border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; -webkit-border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; }

.tegaki-well-wrap, .tegaki-well, .tegaki-well-inner { position: relative; margin: 0; padding: 0; }

.tegaki-well-wrap { margin: 0 0px 20px 0; background: transparent url("/assets/images/tegaki/normal/left.png") repeat-y 0 0; }

.tegaki-well { background: transparent url("/assets/images/tegaki/normal/right.png") repeat-y right 0; }

.tegaki-well-inner { padding: 2px 2px 1px 2px; }

.tegaki-well-inner > p { position: relative; margin: 0px; padding: 20px 30px; background-color: #fbfbfb; z-index: 999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.tegaki-well-wrap:before, .tegaki-well:before, .tegaki-well-inner:before, .tegaki-well-wrap:after, .tegaki-well:after, .tegaki-well-inner:after { position: absolute; display: block; content: ''; }

.tegaki-well-wrap:before, .tegaki-well-wrap:after { width: 100%; height: 5px; left: 0; }

.tegaki-well-wrap:before { top: 0; background: transparent url("/assets/images/tegaki/normal/top-bottom.png") repeat-x 0 -5px; }

.tegaki-well-wrap:after { bottom: 0px; background: transparent url("/assets/images/tegaki/normal/top-bottom.png") repeat-x 0 2px; }

.tegaki-well:before, .tegaki-well-inner:before, .tegaki-well:after, .tegaki-well-inner:after { width: 5px; height: 5px; z-index: 1; background-color: #fcfcf4; background-image: url("/assets/images/tegaki/normal/corner.png"); background-repeat: no-repeat; }

.tegaki-well:before, .tegaki-well-inner:before { top: 0; width: 5px; height: 5px; }

.tegaki-well:before { left: 0; background-position: 0 0; }

.tegaki-well-inner:before { right: 0; background-position: right 0; }

.tegaki-well:after, .tegaki-well-inner:after { bottom: 0; width: 5px; height: 5px; }

.tegaki-well:after { left: 0; background-position: bottom left; }

.tegaki-well-inner:after { right: 0; background-position: bottom right; }

.tegaki-well-wrap.darken { background-image: url("/assets/images/tegaki/darken/left.png"); }

.tegaki-well.darken { background-image: url("/assets/images/tegaki/darken/right.png"); }

.tegaki-well-wrap.darken:before, .tegaki-well-wrap.darken:after { background-image: url("/assets/images/tegaki/darken/top-bottom.png"); }

.tegaki-well.darken:before, .tegaki-well-inner.darken:before, .tegaki-well.darken:after, .tegaki-well-inner.darken:after { background-image: url("/assets/images/tegaki/darken/corner.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .tegaki-well-wrap { background-image: url("/assets/images/tegaki/normal/left@2x.png?s"); background-size: 5px 190px; }
  .tegaki-well { background-image: url("/assets/images/tegaki/normal/right@2x.png"); background-size: 5px 190px; }
  .tegaki-well-wrap:before { background-image: url("/assets/images/tegaki/normal/top-bottom@2x.png"); background-size: 210px 10px; }
  .tegaki-well-wrap:after { background-image: url("/assets/images/tegaki/normal/top-bottom@2x.png"); background-size: 210px 10px; }
  .tegaki-well:before, .tegaki-well-inner:before, .tegaki-well:after, .tegaki-well-inner:after { background-image: url("/assets/images/tegaki/normal/corner@2x.png"); }
  .tegaki-well-wrap.darken { background-image: url("/assets/images/tegaki/darken/left@2x.png?s"); }
  .tegaki-well.darken { background-image: url("/assets/images/tegaki/darken/right@2x.png"); }
  .tegaki-well-wrap.darken:before .tegaki-well-wrap.darken:after { background-image: url("/assets/images/tegaki/darken/top-bottom@2x.png"); }
  .tegaki-well.darken:before, .tegaki-well-inner.darken:before, .tegaki-well.darken:after, .tegaki-well-inner.darken:after { background-image: url("/assets/images/tegaki/darken/corner@2x.png"); } }
/* **************************************************
	form
************************************************** */
/*
入力形式
input[type="datetime"]
input[type="datetime-local"]
input[type="date"]
input[type="month"]
input[type="time"]
input[type="week"]
input[type="url"]
input[type="color"]
*/
.flat input[type="text"], .flat input[type="text"]:hover, .flat input[type="text"]:focus, .flat input[type="text"]:active, .flat input[type="password"], .flat input[type="password"]:hover, .flat input[type="password"]:focus, .flat input[type="password"]:active, .flat input[type="email"], .flat input[type="email"]:hover, .flat input[type="email"]:focus, .flat input[type="email"]:active, .flat input[type="tel"], .flat input[type="tel"]:hover, .flat input[type="tel"]:focus, .flat input[type="tel"]:active, .flat input[type="number"], .flat input[type="number"]:hover, .flat input[type="number"]:focus, .flat input[type="number"]:active, .flat select, .flat select:hover, .flat select:active, .flat select:focus, .flat textarea, .flat textarea:hover, .flat textarea:active, .flat textarea:focus { outline: none; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }

input[type=text]::selection, input[type=password]::selection, input[type="email"]::selection, input[type="tel"]::selection, input[type="number"]::selection, textarea::selection { color: #333333 !important; background-color: white !important; }

input[type=text]::-moz-selection, input[type=password]::-moz-selection, input[type="email"]::-moz-selection, input[type="tel"]::-moz-selection, input[type="number"]::-moz-selection, textarea::-moz-selection { color: #333333 !important; background-color: white !important; }

.flat input[type="text"], .flat input[type="password"], .flat input[type="email"], .flat input[type="tel"], .flat input[type="number"], .flat textarea { border: 2px solid #cccccc; background-color: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.flat input[type="text"] { line-height: 2em; }

.flat textarea { line-height: 1.4em; padding: 5px; }

.flat input[type="text"]:hover, .flat input[type="text"]:focus, .flat input[type="text"]:active, .flat input[type="password"]:hover, .flat input[type="password"]:focus, .flat input[type="password"]:active, .flat input[type="email"]:hover, .flat input[type="email"]:focus, .flat input[type="email"]:active, .flat input[type="tel"]:hover, .flat input[type="tel"]:focus, .flat input[type="tel"]:active, .flat input[type="number"]:hover, .flat input[type="number"]:focus, .flat input[type="number"]:active, .flat textarea:hover, .flat textarea:active, .flat textarea:focus { border: 2px solid #ff6666; }

.flat select { display: inline-block; position: relative; border: 2px solid #cccccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: .01px; text-overflow: ''; padding-left: 5px; color: #333333; cursor: pointer; background-color: white; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNzQwOUIyN0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMxNzQwOUIzN0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUEyM0E2RjU3QzMyMTFFMzkwODhFMDQ0QUQxNjdGQTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUEyM0E2RjY3QzMyMTFFMzkwODhFMDQ0QUQxNjdGQTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7yNpRUAAAA60lEQVR42mL8//8/AzJgZGRE4Wd01IoLfvyz4D0/S8KMiuaXyHLoesH68RlY1VDN8//nv2NApi4QX2ZkZ7Jqa2j9gs9AJgYcAGrYNqhhIKAL4oPEGfAArAZuXOTDDNS8FMi0RZOyBYmD5Ik28N6Ta4wnruvOBzL9cOjxA8mD1BFl4Oypi7uBVCwDfhALVUdapBACJEUKuYAFXaCysrIHSBUTobcXiEsIurC9vR2kaCkBw5amZseWEp1sLDQvxwOpTTgM2wSSV5LR+k+0gf5xW/4Cc0U0kHkYTeowSBwkj8vpVM96jNQuHAACDACG0nsq+kmFEwAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: right center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.flat select:hover, .flat select:active, .flat select:focus { background-color: #ff6666; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNzQwOUI2N0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMxNzQwOUI3N0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzE3NDA5QjQ3QzMzMTFFMzkwODhFMDQ0QUQxNjdGQTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzE3NDA5QjU3QzMzMTFFMzkwODhFMDQ0QUQxNjdGQTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6O/uTLAAAAlklEQVR42mL4//8/AzJGB0AxcSDeDqKxyGFgBnwGAvn8QHzpPwSAaH6yDQSyuYD44H9UAOJzkWwgkGYG4o3/sQOQODPRBt57co0RSC/+jx8shqojbCAQ9/wnDvRgM5ARPSIYGRkZiAXYUgUTA5UBExZbifYyTmdjiWXqRQrVkw2BhH2YrIRNk6yHpEkSWjhIElM4AAQYAK4ffpUgMbk4AAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: right center; border: 2px solid #ff6666; color: white; }

.flat option { color: black; background-color: white; }

.flat input[type="radio"] { float: none; -webkit-appearance: none; -moz-appearance: none !important; appearance: none; text-indent: .01px; text-overflow: ''; width: 15px; height: 15px; border: 2px solid #cccccc; border-radius: 15px; background: #fff; display: inline-block; margin: 0 5px 0 0; vertical-align: top; }

.flat input[type="radio"]:hover, .flat input[type="radio"]:focus, .flat input[type="radio"]:active { border: 2px solid #ff6666; opacity: 1; }

.flat input[type="radio"]:checked { background-color: #ff6666; border: 2px solid #ff6666; opacity: 1; }

.flat input[type="checkbox"] { float: none; -webkit-appearance: none; -moz-appearance: none !important; appearance: none; text-indent: .01px; text-overflow: ''; width: 15px; height: 15px; border: 2px solid #cccccc; border-radius: 2px; background: #fff; display: inline-block; margin: 0px 3px 0 0; position: relative; vertical-align: middle; }

.flat input[type="checkbox"]:hover, .flat input[type="checkbox"]:focus { border: 2px solid #cccccc; }

.flat label { display: inline-block; font-weight: normal; cursor: pointer; margin: 0 10px 0 0; }

.flat label.label-file { font-weight: normal; position: relative; background-color: #60ac45; color: #fff; padding: 3px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.flat label.label-file:hover { background-color: #457e32; }

.flat input[type="file"].none-file { position: absolute; width: 300px; top: 30px; opacity: 0; background-color: red; }

/*
.flat label.flat-label{
	cursor:pointer;
}
.flat label.flat-label:hover input[type="checkbox"]{
	border:2px solid #37A6AC;
}

.flat label.flat-label:hover input[type="radio"]:active,
.flat label.flat-label:hover input[type="radio"]:checked,
.flat input[type="radio"]:active,
.flat input[type="radio"]:checked,
.flat label.flat-label:hover input[type="checkbox"]:active,
.flat label.flat-label:hover input[type="checkbox"]:checked,
.flat input[type="checkbox"]:active,
.flat input[type="checkbox"]:checked{
	background-color:#37A6AC;
	border:2px solid #37A6AC;
	//opacity:1;
}
*/
/*
各設定
*/
/*
base color palette
http://www.colourlovers.com/palette/3293028/Christmas_Time
*/
/* **************************************************
	各種エフェクト
************************************************** */
a, button, .side, .layout, #side-menu a, .grid-anchor > .grid-inner:before, .grid-inner img, .upper, a > div, .train-btn > div {
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
}

.thumb-a:hover > .thumb-ul, .thumb-border-li > span.border { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

a.trans-none, button.trans-none { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear; }

/* **************************************************
	回転する
************************************************** */
@-webkit-keyframes RotateAria { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }



/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


.top-div-pc{ display:none; }
.top-div-tablet{ display:none; }
.top-div-sp{ display:block; }
.top-ul-pc{ display:none; }
.top-ul-tablet{ display:none; }
.top-ul-sp{ display:block; }

.top-ul-pc,
.top-ul-tablet,
.top-ul-sp{
	position: absolute;
	margin:0;
	top:0;
	left:0;
	width:100%;
	z-index:0;
}
.top-li-img-wrap{
	position: absolute;
	width:100%;
	top:0;
	left:0;
}
.top-comment{
	position:relative;
	z-index:1;
}


@media (min-width: 501px) {
	.top-div-pc{ display:none; }
	.top-div-tablet{ display:block; }
	.top-div-sp{ display:none; }
	.top-ul-pc{ display:none; }
	.top-ul-tablet{ display:block; }
	.top-ul-sp{ display:none; }
}
@media (min-width: 801px) {
	.top-div-pc{ display:block; }
	.top-div-tablet{ display:none; }
	.top-div-sp{ display:none; }
	.top-ul-pc{ display:block; }
	.top-ul-tablet{ display:none; }
	.top-ul-sp{ display:none; }
}


/*キャンペーン*/

.cp-img-wrap{
	display: block;
	position: relative;
}
.cp-top-img{
	display: block;
	position: relative;
}
.cp-top-img.l{
	left:-1000px;
}
.cp-top-img.r{
	right:-1000px;
}

.osaka-box{
	height:46px;
}

@media screen and (max-width:640px){
	.osaka-box{
	height:146px;
	}
	.btn-osaka {
		margin-top:5px;
	}
}



/* =========================================================================================================================
パンくずリスト
========================================================================================================================= */
.breadcrumb-wrap {
  margin: 2px 0 0 10px; }

.breadcrumb-ul {
  display: table;
  margin: 0; }

.breadcrumb-li {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  height: 2.2em;
  color: #FFF;
  padding: 0 17px 0 0;
  position: relative; }

.breadcrumb-li.active {
  color: #000; }

.breadcrumb-li a,
.breadcrumb-li a:hover {
  color: #01739e;
  text-decoration: none; }

.breadcrumb-li a:hover {
  text-decoration: underline; }

.breadcrumb-li.link:before {
  content: '>';
  display: block;
  position: absolute;
  font-family: 'LigatureSymbols';
  top: 6px;
  right: 5px;
  font-size: 12px;
  color: #01739e; }