@charset 'utf-8';

/* CSS Document */

/*------------------------

背景

------------------------*/


html {
	overflow: -moz-scrollbars-vertical;
}

body {
	background-color: #FAF7F0;
	background-image: url(../img/back.jpg);
	background-repeat: repeat;
	background-position: center top;
}

.wrap {
	width: 94%;
	max-width: 980px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

.contents {
	background-image: url(../img/contents-back.png);
	background-repeat: no-repeat;
	background-position: center top;
}

article {
	margin: 1.65em 0;
}

article .contents-in {
	margin: 1.65em 0 3em;
}
 @media only screen and (max-width: 1023px) {

body {
	background-image: none;
}

.wrap {
	width: 728px;
}

.contents {
	background-image: none;
}
}
 @media only screen and (max-width: 767px) {

.wrap {
	width: 280px;
}
}

/*------------------------

ヘッダー

------------------------*/




header {
	padding: .8em 0 1.5em;
	background-image: url(../img/header-back.png);
	background-repeat: repeat-x;
	background-position: left top;
}
 @media only screen and (max-width: 1023px) {

header .units-row .unit-80,
header .units-row .unit-20 {
	width: 100%;
	float: none;
	margin-left: 0;
	margin-bottom: 1em;
}

header .units-row {
	margin-bottom: 0;
}

header .units-row .unit-80 {
	margin-top: 3em;
}
}
 @media only screen and (max-width: 767px) {

header {
	margin: 0;
	padding: .8em 0;
}

header .units-row .unit-80 {
	margin-top: 4em;
}
}

.logo {
	margin-top: .3em;
}

/*------------------------

ナビゲーション

------------------------*/









.navbar.navbar-right {
	margin-top: .5em;
}

.navbar.navbar-right li {
	margin-left: 0;
}

.navbar.navbar-right li span {
	display: none;
}
 @media only screen and (max-width: 767px) {

.navigation-toggle.navigation-toggle-show {
	margin-bottom: 0;
}

.navigation-toggle.navigation-toggle-black {
	background-color: #008F62;
	color: #ffffff;
}

.navbar.navbar-right li img {
	display: none;
}

.navbar.navbar-right li span {
	display: block;
	color: #6D492E;
}

.navbar.navbar-right li a {
	background: #E2D9B9;
	display: block;
	padding: 1em;
	border-bottom: 1px solid #D0C28E;
}

.navbar.navbar-right li a:hover {
	background-color: #008F62;
	border-bottom: 1px solid #008F62;
	text-decoration: none;
}

.navbar.navbar-right li a:hover span {
	color: #FFF;
}
}

/*------------------------

スライダー

------------------------*/









.slider-wrapper {
	margin-top: -30px;
	position: relative;
	background-image: url(../img/slider-back.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 40px 12px 0 10px;
}

.bx-wrapper {
	margin-bottom: 3px !important;
}

.main-slider a {
	background-color: #fff;
}
 @media only screen and (max-width: 1023px) {

.slider-wrapper {
	background-size: auto 340px;
}
}
 @media only screen and (max-width: 767px) {

.slider-wrapper {
	margin: 0;
	padding: 30px 12px 0 10px;
	background-size: auto 200px;
}
}

/*------------------------

スライダー下バナー

------------------------*/









.main-ban {
	margin-bottom: 0;
}
 @media only screen and (max-width: 767px) {

.main-ban {
	margin-top: 1.8em;
}
}

.main-ban li {
	margin-bottom: .5em;
}

.main-ban li a {
	display: block;
}

/*------------------------

イベント・ショップニュース

------------------------*/

.event-title {
	background-color: #FFCD02;
	font-size: 1.9rem;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	padding: .2em .5em .1em;
	border-left: 5px solid #57300C;
	margin-bottom: 0;
}

.shop-news-title {
	background-color: #E87400;
	font-size: 1.9rem;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	padding: .2em .5em .1em;
	border-left: 5px solid #57300C;
	margin-bottom: 0;
}

.event-title img,
.shop-news-title img {
	margin-top: -.2em;
	margin-right: 5px;
	vertical-align: middle;
}

.event-title a,
.shop-news-title a {
	color:#57300C;
	font-size: 1.3rem;
	margin-top: .8em;
}

.event-title a:hover,
.shop-news-title a:hover {
	text-decoration:none;
}

.event-box,
.shop-news-box {
  height: 1260px;
	overflow-y: scroll;
	padding-right: 10px;
	overflow-x: hidden;
}
 @media only screen and (max-width: 1023px) {

.event-title,
.shop-news-title {
	padding-top: .5em;
	padding-bottom: .5em;
}

.event-title a,
.shop-news-title a {
	margin-top: -.5em;
}

.event-title img,
.shop-news-title img {
	display: none;
}

.event-box,
.shop-news-box {
	height: 1200px;
}
}
 @media only screen and (max-width: 767px) {

.event-box,
.shop-news-box {
	height: auto;
	overflow-y: visible;
	padding-right: 0;
}

.event-title a,
.shop-news-title a {
	float: right;
}
}

.event-box li,
.shop-news-box li {
	padding: 1em 0;
	border-bottom: 1px dotted #57300C;
}

.event-box img,
.shop-news-box img {
	border: 3px solid #FFF;
}

.event-box h1.title,
.shop-news-box h1.name {
	font-size: 1.5rem;
	margin: .2em 0 .5em;
	line-height: 1.35em;
	color:#57300C;
}

.event-box h1.title a,
.shop-news-box h1.name a {
	font-size: 1.5rem;
	font-weight: bold;
	text-decoration: none;
	color:#57300C;
}

.event-box h1.title a:hover,
.shop-news-box h1.name a:hover {
	text-decoration:underline;
}
.shop-news-box p {
	margin-bottom: 0;
}

.event-info,
.shop-news-box p {
	font-size: 1.3rem;
	line-height: 1.35em;
}

.shop-news-box .floor {
	font-size: 1.1rem;
}

/*------------------------

お知らせ

------------------------*/







.info-box-wrap {
	background-image: url(../img/info-back.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 1.3em 1.5em 0 1.5em;
	height: 286px;
}

.info-box-wrap img.title {
	margin: 0 auto;
	display: block;
}
 @media only screen and (max-width: 1023px) {

.info-box-wrap {
	background-color: #FDFBF7;
	height: auto;
	background-image: none;
	border: 3px solid #CEA764;
	padding: .5em;
}
}

.info-box {
	font-size: 1.3rem;
	overflow-y: scroll;
	height: 230px;
	padding-right: .5em;
}

.info-box-contents {
	border-bottom: 1px dotted #CBBDAB;
	padding: 1em 0;
}

.info-box-contents img {
	display: block;
	margin-bottom: .3em;
}

.info-box-contents .day {
	font-size: 12rem;
	font-size: 1.3rem;
	color: rgb(164,153,107);
	margin-bottom: .2em;
}

.info-box-contents .title {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 135%;
	margin-bottom: .5em;
	padding-bottom: .2em;
	color: #57300c;
}

/*------------------------

facebook

------------------------*/







.facebook {
	height: 471px;
	background-image: url(../img/facebook-back.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 1.3em 1.3em 0 1em;
}

.facebook img.title {
	margin: 0 auto;
	display: block;
}
 @media only screen and (max-width: 1023px) {

.facebook {
	background-color: #FDFBF7;
	height: auto;
	background-image: none;
	border: 3px solid #CEA764;
	padding: .5em;
}
}

/*------------------------

営業時間

------------------------*/

.open-hour {
	height: 600px;
	background-image: url(../img/open-hour-back.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 1.3em 1em 0 1em;
	color: #57300C;
}

.open-hour img.title {
	margin: 0 auto .5em;
	display: block;
}
 @media only screen and (max-width: 1023px) {

.open-hour {
	background-color: #FDFBF7;
	height: auto;
	background-image: none;
	border: 3px solid #CEA764;
	padding: .5em;
}
}

.open-hour ul {
	margin: 0;
	padding: 0;
}

.open-hour ul li {
	float: left;
	width: 100%;
	margin: 0;
	padding: .7em .3em .5em;
	list-style: none;
	border-bottom: 1px dotted #6c5f4b;
}

.open-hour .place {
	padding-top: .2em;
	font-size: 1.3rem;
	float: left;
	line-height: 1.35em;
	text-align: center;
}

.open-hour .time {
	font-size: 1.6rem;
	font-weight: bold;
	float: right;
	text-align: right;
}

.line03 .time {
	margin-top:10px;
}
.open-hour ul li p {
	margin-bottom: 0;
	font-size: 1.2rem;
	text-align: left;
}
.open-hour ul li p.text-right {
	text-align: right;
}
.line02 {
	margin-top: 7px;
}

.line03 {

}

.place-logo {
	float: left;
	margin: 0;
	padding: 0;
}

.open-hour .btn {
	display: block;
	margin-top: 2em;
	padding: .3em 0 .2em;
	font-size: 1.7rem;
}
 @media only screen and (max-width: 1023px) {

.open-hour .btn {
	padding: .5em 1em;
	font-size: 1.3rem;
}
}

/*------------------------

サイドバナー

------------------------*/







.side-ban li {
	margin-bottom: .5em;
}

.side-ban a {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.top_tenant-bnr {
  width: 268px;
  height: auto;
}

/*------------------------

フッター

------------------------*/







footer {
	background-image: url(../img/pat04.png);
	background-repeat: repeat;
	background-position: left top;
}

.footer-ban {
	margin-bottom: 0;
	padding: 1.65em 0;
	background-image: url(../img/pat02.jpg);
	background-repeat: repeat;
	background-position: left top;
}

.footer-ban ul {
	margin-bottom: 0;
}

.footer-ban li {
	background-color: rgba(255,255,255,0.5);
	border: 1px solid rgba(108,97,75,0.5);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border-style: solid;
	background-color: #fff;
	margin-bottom: 10px;
}

.footer-ban li img {
	margin: 0 auto;
	display: block;
}

.footer-nav {
	font-size: 1.3rem;
	margin: 0;
	padding: 3em 0 2em;
	color: #FFF;
	border-top: 3px solid #5f2801;
}

.footer-nav a {
	color: #F7F4EB;
}

.footer-nav a:hover {
	text-decoration: none;
	color: #bb8435;
}

.footer-nav ul li ul {
	margin-top: 1em
}

.copy {
	margin-bottom: 0;
	background-color: #fff;
	padding: 1.65em;
	font-size: 1.1rem;
}

.copy ul li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1em;
}

footer .tel {
	font-size: 1.7rem;
	font-weight: bold;
}

/*------------------------

中面タイトル

------------------------*/







.miman-title,
.mamin-title {
	font-size: 2.7rem;
	color: #FFF;
	font-weight: bold;
	padding: .7em;
	border-left: 5px solid #57300C;
}

.miman-title {
	background-color: #FFCD02;
	background-image: url(../img/miman.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.mamin-title {
	background-color: #E87400;
	background-image: url(../img/mamin.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.breadcrumbs {
	margin-bottom: 0;
}

/*------------------------

ショップカテゴリー

------------------------*/






.cat01,
.cat02,
.cat03,
.cat04,
.cat05 {
	padding-right: 10px;
}

.cat01 a,
.cat02 a,
.cat03 a,
.cat04 a,
.cat05 a {
	text-decoration: none;
	display: block;
}

.cat01 i,
.cat02 i,
.cat03 i,
.cat04 i,
.cat05 i {
	color: #fff;
	margin: 0 5px 0 0;
	padding: 5px;
}

.cat01 a:hover,
.cat02 a:hover,
.cat03 a:hover,
.cat04 a:hover,
.cat05 a:hover {
	color: #FFF;
}

.shoplink a {
	display: block;
}

.shoplink a:hover {
	text-decoration: none;
}

.cat01 i {
	background-color: #f08887;
}

.cat01,
.cat01 a {
	color: #f08887;
}

.cat01 a:hover {
	color: #FFF;
	background-color: #f08887;
}

.cat02 i {
	background-color: #66d5f1;
}

.cat02,
.cat02 a {
	color: #66d5f1;
}

.cat02 a:hover {
	color: #FFF;
	background-color: #66d5f1;
}

.cat03 i {
	background-color: #95cf22;
}

.cat03,
.cat03 a {
	color: #95cf22;
}

.cat03 a:hover {
	color: #FFF;
	background-color: #95cf22;
}

.cat04 i {
	background-color: #FFCD02;
}

.cat04 a,
.cat04 a {
	color: #FFCD02;
}

.cat04 a:hover {
	color: #FFF;
	background-color: #FFCD02;
}

.cat05 i {
	background-color: #cf6ca3;
}

.cat05,
.cat05 a {
	color: #cf6ca3;
}

.cat05 a:hover {
	color: #FFF;
	background-color: #cf6ca3;
}

.shop-list th,
.shop-list td {
	padding: .5em;
}

.shop-list th,
.shop-list .number,
.shop-list .tel {
	font-size: 1.3rem;
	text-align: center;
}

.shop-list .number,
.shop-list .floor {
	font-size: 1.3rem;
	width: 70px;
}

.shop-list .shoplink {
	width: 190px;
}

.shop-list .cat {
	width: 280px;
}

.shop-list .tel {
	width: 118px;
}
 @media only screen and (max-width: 767px) {

.shop-list th {
	display: none;
}

.shop-list .number,
.shop-list .floor,
.shop-list .shoplink,
.shop-list .cat,
.shop-list .tel {
	width: 100%;
}

.shop-list .floor,
.shop-list .number {
	margin-top: 1.65em;
}

.shop-list .tel {
	text-align: left;
}
}

/*------------------------

ページトップへ戻る

------------------------*/






#scrollUp {
	right: 30px;
	bottom: -10px;
	width: 105px;
	height: 105px;
	padding: 0;
	-webkit-transition: bottom 150ms linear;
	-moz-transition: bottom 150ms linear;
	transition: bottom 150ms linear;
	text-indent: -9999px;
	background: url(../img/scrollup.png) no-repeat 0 0;
}

#scrollUp:hover {
	bottom: 0;
}
 @media only screen and (max-width: 767px) {

#scrollUp{
	display: none !important;
}
}

/*------------------------

ボタン

------------------------*/









.btn-center {
	display: block;
	margin: 1em auto;
	text-align: center;
}

/*------------------------

テーブル

------------------------*/

@media (max-width: 767px) {

th,
 td {
	display: block;
	width: 100%;
}
}

/*------------------------

フォーム

------------------------*/

@media screen and (max-width:979px) {

select {
	font-size: 15rem;
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: middle;
	text-indent: 5px;
	color: #333;
	border: 1px solid #323232;
	border-radius: 2px;
	background: #fffdf4;
}
}

.form {
	width: 100%;
	background-color: #fff;
}

.form th,
.form td {
	padding: 1em;
	border: 1px solid #D8C8BC;
	text-align: left;
}

.form th {
	width: 190px;
	background-color: #F5F3E9;
}

.reservation .forms-inline-list li label {
	margin-right: 0;
}
 @media (max-width: 767px) {

.form-wrap {
	padding: 1em;
}

.form th,
.form td {
	width: 100%;
	margin-top: -1px;
	display: block;
}
}

.policy-box {
	margin-bottom: 1.65em;
	padding: 1.6em;
	position: relative;
	border-radius: 5px;
	background-color: #ebf9e0;
	text-align: center;
}

.policy-box a:hover {
	text-decoration: none;
}

.agree label {
	margin: .5em 0;
	padding: 0;
	font-size: 1.5rem;
	font-weight: bold;
}

label,
select {
	cursor: pointer;
}

.btn-area {
	margin: 0 auto;
	text-align: center;
}

input[type='submit'],
input[type='reset'],
input[type='button'] {
	-webkit-appearance: button;
}

input[type='checkbox'] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	margin-right: .2em;
	position: relative;
	position: relative;
	top: -2px;
	border: 1px solid #999;
	background-color: #fff;
	-webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,.2);
	box-shadow: inset 4px 4px 10px rgba(0,0,0,.2);
	content: '';
	cursor: pointer;
	vertical-align: middle;
	-webkit-appearance: button;
	appearance: button;
}

input[type='checkbox']:checked:after {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 3px;
	left: 3px;
	display: block;
	background: #f96f24;
	content: '';
}

input[type='radio'] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	margin-right: .2em;
	position: relative;
	position: relative;
	top: -2px;
	border: 1px solid #999;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	background-color: #fff;
	-webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,.2);
	box-shadow: inset 4px 4px 10px rgba(0,0,0,.2);
	content: '';
	cursor: pointer;
	vertical-align: middle;
	-webkit-appearance: button;
	appearance: button;
}

input[type='radio']:checked:after {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 3px;
	left: 3px;
	display: block;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background: #f96f24;
	content: '';
}
 @media (max-width: 767px) {

.policy-box {
	text-align: left;
}

.agree {
	text-align: center;
}

input.width-90,
input.width-80,
input.width-75,
input.width-70,
input.width-66,
input.width-65,
input.width-60,
input.width-50,
input.width-40,
input.width-35,
input.width-33,
input.width-25,
input.width-20,
input.width-10 {
	width: 100%;
}

fieldset {
	padding: 1em;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
button {
	width: 100%;
	height: 4.6em;
	margin-bottom: 1em;
	padding: 20px 20px;
	cursor: pointer;
	-webkit-appearance: button;
 *overflow: visible;
}
}

/*------------------------

ボックス

------------------------*/

.tools-alert-orange {
	border: 1px solid #E87400;
	background-color: #FFF;
}
.tools-alert-orange ul{
	margin-bottom:1.65em;
}
.tools-alert-orange h1 {
	border-left: none;
}

.tools-alert-orange h1 small {
	margin-left: .5em;
}


.tools-alert-brown {
	border: 1px solid #D8C8BC;
	background-color: #F5F3E9;
}
.tools-alert-brown ul{
	margin-bottom:1.65em;
}
.tools-alert-brown h1 {
	border-left: none;
}

.tools-alert-brown h1 small {
	margin-left: .5em;
}
/*------------------------

リスト

------------------------*/

.menu ul {
	margin: 0;
}

.menu ul li {
	float: left;
	margin-right: 1.618em;
	list-style: none;
}

.v-menu ul {
	margin: 0;
}

.v-menu ul li {
	list-style: none;
}

.list-center {
	display: inline-block;
	zoom: 1;
 *display: inline;
}
 @media only screen and (max-width: 767px) {

.list-center {
	display: block;
}
}

.arrow li a:before {
	font-family: 'FontAwesome';
	float: left;
	margin-right: .5em;
	content: '&#xf0da';
}

.list-simple {
	margin: 0;
	padding: 0;
}

.list-simple li {
	list-style: none;
}

dl dt {
	font-weight: bold;
}

dl dd {
	margin-bottom: 1.6em;
}

/*------------------------

画像

------------------------*/

a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

/*------------------------

レイアウト

------------------------*/

.v_bottom {
	position: absolute !important;
	right: 0;
	bottom: 0;
}

.v-center {
	display: table;
	width: 100%;
}

.v-center p,
.v-center > div,
.v-center img {
	display: table-cell;
	padding: 0 .5em;
	vertical-align: middle;
}
 @media only screen and (max-width: 1100px) {

.v-center img {
	min-width: 150px;
	margin: 0;
	padding: 0 10px;
}
}
 @media only screen and (max-width: 767px) {

.v-center p,
 .v-center div {
	display: block;
	width: 100%;
	margin: 0 0 1.6em;
	padding: 0;
	text-align: left;
}

.v-center img {
	display: block;
	margin: 0 0 1.6em;
	padding: 0;
}
}

img {
	vertical-align: bottom;
}

.img-centered img {
	display: block;
	margin: 0 auto;
}

.img-left {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

.img-right {
	float: right;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

.youtube_wrapper iframe {
	width: 100%;
}

/*------------------------

余白

------------------------*/

.mt05 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt70 {
	margin-top: 70px;
}

.mt100 {
	margin-top: 100px;
}

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

.mtb05 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.mtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mtb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mtb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb05 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml05 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.mr05 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.pt40 {
	padding-top: 40px;
}

/*------------------------

Typography

------------------------*/

i {
	margin-right: .5em;
}
a {
	color: #008F62;
}

a:hover {
	color: #e87313ï¼›;
}

em {
	font-size: 1.4rem;
	font-weight: bold;
	font-style: normal;
	margin: 0 .3em;
}

h1 small{
	margin-left:1.5rem;
	font-size:1.5rem;
}

small {
	font-size: 1.1rem;
}

.red {
	color: #c90000;
}

.red-bold {
	font-size:1.5rem;
	font-weight:bold;
	color: #c90000;
}

.head-line {
	font-size: 2.3rem;
	border-bottom: 1px dotted #57300C;
}

.head-line02 {
	color: #E87400;
	background:#FFECD9;
	border-left: 3px solid #E87400;
	font-size: 1.7rem;
	padding: .5em;
}

.head-line03 {
	border-bottom: 2px solid #544031;
}

.head-line03 small {
	font-size: 1.5rem;
}

.head-line04 {
	background-color:#D8C8BC;
	color:#544031;
	font-size:1.5rem;
	padding: .5em ;
}

.head-line05 {
	font-size: 2.3rem;
	border-bottom: 1px dotted #57300C;
	color:#544031;
}

.head-line05 a{
	color:#544031;
	text-decoration:none;
}


.head-line05 a:hover{
	color: #E87400;
	text-decoration:none;
}

/*------------------------

フォントサイズ

------------------------*/


html {
	font-size: 62.5%;   /*10px reset*/
}

body {
	font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Lucida Grande', 'Lucida Sans Unicode', 'ＭＳ Ｐゴシック', Arial, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.3rem;  /*14px* base*/
	line-height: 18px;
	color: #544031;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {

body {
	font-size: 13px;    /*13px* base　chromeのみページ変遷時にhtml設定を読み込まないバグのためのハック*/
}
}

.font06 {
 font-size: .6rem;
}

.font07 {
 font-size: .7rem;
}

.font08 {
 font-size: .8rem;
}

.font09 {
 font-size: .9rem;
}

.font10 {
	font-size: 1.0rem;
}

.font11 {
	font-size: 1.1rem;
}

.font12 {
	font-size: 1.2rem;
}

.font13 {
	font-size: 1.3rem;
}

.font14 {
	font-size: 1.4rem;
}

.font15 {
	font-size: 1.5rem;
}

.font16 {
	font-size: 1.6rem;
}

.font17 {
	font-size: 1.7rem;
}

.font18 {
	font-size: 1.8rem;
}

.font19 {
	font-size: 1.9rem;
}

.font20 {
	font-size: 2.0rem;
}

.font21 {
	font-size: 2.1rem;
}

.font22 {
	font-size: 2.2rem;
}

.font23 {
	font-size: 2.3rem;
}

.font24 {
	font-size: 2.4rem;
}

.font25 {
	font-size: 2.5rem;
}

.font26 {
	font-size: 2.6rem;
}

.font27 {
	font-size: 2.7rem;
}

.font28 {
	font-size: 2.8rem;
}

.font29 {
	font-size: 2.9rem;
}

.font30 {
	font-size: 3.0rem;
}

.font31 {
	font-size: 3.1rem;
}

.font32 {
	font-size: 3.2rem;
}

/*------------------------

表示・非表示

------------------------*/


br.both {
	display: block;
}

br.sp_only {
	display: none;
}
 @media only screen and (max-width: 960px) {

br.sp {
	display: block;
}

br.sp_only {
	display: block;
}
}

.hidden {
	display: none;
	visibility: hidden;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

.visible-desktop {
	display: inherit !important;
}
 @media (min-width: 768px) and (max-width: 979px) {

.hidden-desktop {
	display: inherit !important;
}

.visible-desktop {
	display: none !important;
}

.visible-tablet {
	display: inherit !important;
}

.hidden-tablet {
	display: none !important;
}
}
 @media (max-width: 767px) {

.hidden-desktop {
	display: inherit !important;
}

.visible-desktop {
	display: none !important;
}

.visible-phone {
	display: inherit !important;
}

.hidden-phone {
	display: none !important;
}
}

/*------------------------

clearfix

------------------------*/


.clearfix:before,
.clearfix:after {
	display: block;
	overflow: hidden;
	height: 0;
	content: '.';
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
} /* IE < 8 */


/*------------------------

cookie

------------------------*/
.cookie-accept-bar {
    display: none;
}
.cookie_wrap > p {
  
}
.cookie_wrap > p {
  font-size: 13px;
  text-align: left;
  margin-bottom: 1rem;
}
/*! 通知バーのアニメーション用 */
@-webkit-keyframes ga-cookie-accept-bar-slide-in {
  from {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes ga-cookie-accept-bar-slide-in {
  from {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes ga-cookie-accept-bar-slide-out {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
}
@keyframes ga-cookie-accept-bar-slide-out {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
}

/*! 通知バーのスタイル */
.cookie-style-accept-bar {
  -webkit-animation-duration: .6s;
          animation-duration: .6s;
  -webkit-animation-name: ga-cookie-accept-bar-slide-in;
          animation-name: ga-cookie-accept-bar-slide-in;
  background-color: #0d3e76;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 5px 20px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}
.cookie-style-accept-bar.state-remove {
  -webkit-animation-duration: .6s;
          animation-duration: .6s;
  -webkit-animation-name: ga-cookie-accept-bar-slide-out;
          animation-name: ga-cookie-accept-bar-slide-out;
}
.cookie-style-accept-bar p {
  margin: 1em 0;
}
.cookie-style-accept-bar a {
  color: inherit;
  text-decoration: underline;
}
.cookie-style-accept-bar p button:first-child {
  margin-right: 1em;
}
/*! ボタン */
.cookie-style-accept-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
 border: 2px solid #d32f2f;
  display: inline-block;
  background-color: #d32f2f;
  color: #fff;
  font-family: inherit;
  min-height: auto;
  font-size: 13px;
  padding: .5em 1em;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}
.cookie-style-accept-btn:hover{
	background-color: #fff;
    color: #333;
	cursor: pointer;
}
.cookie-style-deny-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-family: inherit;
  min-height: auto;
  font-size: 13px;
  padding: .5em 1em;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}
.cookie-style-deny-btn:hover{
	background-color: #fff;
    color: #333;
	cursor: pointer;
}