@charset "utf-8";

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

body { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@media all and (-ms-high-contrast:none) {
body { overflow-x: hidden;}
}

a {text-decoration: none;}
a:link {color:rgba(51,51,51,1);}
a:visited{ color: rgba(51,51,51,1);}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:1rem; line-height: 2.5rem;}
p { font-size:1rem; line-height: 2.5rem;}
img {vertical-align: middle;}

p,a,dd {
	color: rgba(51,51,51,1);
}
/*-----------reset*/

/*
共通スタイル common_
-------------------------*/
@media (min-width:960px){
.pc {display: inherit;}
.tb {display: none;}
.pctb {display: inherit;}
.tbsp {display: none;}
.sp {display: none;}

.range_wrap {
box-shadow: 20px 0px 10px -10px rgba(150,150,150,1), -20px 0px 10px -10px rgba(150,150,150,1);
margin: 0 auto;
width: 1000px;
}
.back {
background: rgba(181,226,235,.3);
background: url("images/back-pic.jpg") center no-repeat;
background-size: cover;
position: fixed;
height: 100%;
width: 100%;
z-index: -1;
}
.content_back {
background: #fff;
}
/*アニメーション*/
.fade_animation_style {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fade_animation;
animation-name: fade_animation;
visibility: visible !important;
}
.fade_animation_style_2 {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-delay:.2s;
-ms-animation-delay:.2s;
animation-delay:.2s;
-webkit-animation-name: fade_animation;
animation-name: fade_animation;
visibility: visible !important;
}
@-webkit-keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.pc {display: none;}
.tb {display: inherit;}
.pctb {display: inherit;}
.tbsp {display: inherit;}
.sp {display: none;}

.range_wrap {
box-shadow: 20px 0px 10px -10px rgba(150,150,150,1), -20px 0px 10px -10px rgba(150,150,150,1);
margin: 0 auto;
width: 95%;
}
.back {
background: rgba(181,226,235,.3);
background: url("images/back-pic.jpg") center no-repeat;
background-size: cover;
position: fixed;
height: 100%;
width: 100%;
z-index: -1;
}
.content_back {
background: #fff;
}
/*アニメーション*/
.fade_animation_style {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fade_animation;
animation-name: fade_animation;
visibility: visible !important;
}
.fade_animation_style_2 {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-delay:.2s;
-ms-animation-delay:.2s;
animation-delay:.2s;
-webkit-animation-name: fade_animation;
animation-name: fade_animation;
visibility: visible !important;
}
@-webkit-keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

}/*close*/


@media (max-width:599px){
.pc {display: none;}
.tb {display: none;}
.pctb {display: none;}
.tbsp {display: inherit;}
.sp {display: inherit;}

.range_wrap {
box-shadow: 20px 0px 10px -10px rgba(150,150,150,1), -20px 0px 10px -10px rgba(150,150,150,1);
margin: 0 auto;
width: 95%;
}
.back {
background: rgba(181,226,235,.3);
background: url("images/back-pic.jpg") center no-repeat;
background-size: cover;
position: fixed;
height: 100%;
width: 100%;
z-index: -1;
}
.content_back {
background: #fff;
}
/*アニメーション*/
.fade_animation_style {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fade_animation;
animation-name: fade_animation;
visibility: visible !important;
}
.fade_animation_style_2 {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-delay:.2s;
-ms-animation-delay:.2s;
animation-delay:.2s;
-webkit-animation-name: fade_animation;
animation-name: fade_animation;
visibility: visible !important;
}
@-webkit-keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

}/*close*/

/*----------------------
▼ヘッダー▼
----------------------*/
@media (min-width:960px){

.head_wrap {
position: relative;
background: #fff;
margin: 0 auto;
height: 70px;
width: 1000px;
z-index: 1;
}
.head_wrap .logo {
position: absolute;
top: 15px;
left: 20px;
z-index: 1;
}
.head_wrap .logo h1 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: bold;
}
.head_wrap .logo h1 img {
height: 2em;
margin: 0 20px 0 0;
width: auto;
}
.head_wrap .head_icon {
position: absolute;
right: 110px;
top: 15px;
}
.head_wrap .head_icon img {
height: 40px;
width: auto;
}
.head_wrap .head_icon img:last-of-type {
height: 40px;
margin: 0 0 0 20px;
width: auto;
}

/*動画*/
.video_wrap {
position: relative;
top: 0;
height: auto;
max-width: 1000px;
overflow: hidden;
z-index: -1;
}
.ratio:before {
content: "";
display: block;
padding-top: 56%; /* 1920*1080 */
padding-top: 45%; /* 1920*1080 */
}
.video_wrap video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
height: auto;
width: 1000px;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.head_wrap {
position: relative;
background: #fff;
margin: 0 auto;
height: 70px;
width: 100%;
z-index: 1;
}
.head_wrap .logo {
position: absolute;
top: 15px;
left: 20px;
z-index: 1;
}
.head_wrap .logo h1 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: bold;
}
.head_wrap .logo h1 img {
height: 2em;
margin: 0 20px 0 0;
width: auto;
}
.head_wrap .head_icon {
position: absolute;
right: 110px;
top: 15px;
}
.head_wrap .head_icon img {
height: 40px;
width: auto;
}
.head_wrap .head_icon img:last-of-type {
height: 40px;
margin: 0 0 0 20px;
width: auto;
}
/*動画*/
.video_wrap {
position: relative;
top: 0;
height: auto;
max-width: 100%;
overflow: hidden;
z-index: -1;
}
.ratio:before {
content: "";
display: block;
padding-top: 56%; /* 1920*1080 */
padding-top: 45%; /* 1920*1080 */
}
.video_wrap video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
height: auto;
width: 100%;
}
}/*close*/

@media (max-width:599px){
.head_wrap {
position: relative;
background: #fff;
margin: 0 auto;
height: 70px;
width: 100%;
z-index: 1;
}
.head_wrap .logo {
position: absolute;
top: 19px;
left: 12px;
z-index: 1;
}
.head_wrap .logo h1 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 4.5vw;
font-weight: bold;
}
.head_wrap .logo h1 img {
height: 1.5em;
margin: 0 10px 5px 0;
width: auto;
}
.head_wrap .head_icon {
display: none;
}
/*動画*/
.video_wrap {
position: relative;
background: #fff;
top: 0;
height: auto;
max-width: 100%;
overflow: hidden;
z-index: -1;
}
.ratio:before {
content: "";
display: block;
padding-top: 56%; /* 1920*1080 */
padding-top: 45%; /* 1920*1080 */
}
.video_wrap video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
height: auto;
width: 100%;
}
}/*close*/

/*----------------------
▼ナビ▼
----------------------*/
@media (min-width:960px){
#top_head {
/* 上部fixedの枠 */
position: absolute;
top: 0;
right: 20px;
cursor: pointer;
height: 70px;
width: 70px;
z-index: 999;
}
#mobile_head {
position: relative;
z-index: 999;
}
/* ナビOPEN時 */
#global_nav {
background: rgba(6,42,58,1);
font-size: 1.3rem;
font-weight: bold;
max-height: 70vh; /*項目が多いscroll用 100vhにすると最後のliが非表示になる ※項目が収まる場合は削除する*/
overflow-y: auto; /*scroll用*/
z-index: 999;
/* 開いてないとき画面外配置 */
position: fixed;
right: -1000px;
top: 70px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
padding: 0 0 0 20px;
width: 370px;
}
#global_nav::-webkit-scrollbar {
width: 7px;
}
#global_nav::-webkit-scrollbar-thumb{
background: rgba(153,153,153,1);
border-radius: 10px;
}
#global_nav::-webkit-scrollbar-track-piece {
background: rgba(255,255,255,1);
}

#global_nav ul {
z-index: 999;
}
#global_nav li {
line-height: 50px;
text-align: left;
padding-left: 20px;
border-bottom: solid thin rgba(100,100,100,1);
}
#global_nav a:link,nav a:visited {
display: block;
color: rgba(255,255,255,1);
}
#global_nav a:hover,
#global_nav #close:hover {
opacity: .4;
}
#global_nav #close {
border-bottom: none;
color: #fff;
font-size: 1.3rem;
font-weight: normal;
padding: 0;
text-align: center;
}
#global_nav a img {
height: 1em;
width: auto;
padding: 0 7px 2px 0;
}
/* スライドアニメーション_li要素全体の移動調整 */
.open #global_nav {
-moz-transform: translateY(1065px);
-webkit-transform: translateY(1065px);
transform: translateX(-1000px);
}
/* 3本ラインの位置調整 */
#nav_toggle {
position: absolute;
right: 16px;
top: 16px;
width: 38px;
height: 36px;
z-index: 999;
}
#nav_toggle span {
/* 3本ラインデザイン */
display: block;
position: absolute;
left: 0;
background: rgba(39,39,39,1.00);
border-radius: 10px;
height: 2px;
width: 100%;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) {top: 7px;}
#nav_toggle span:nth-child(2) {top: 18px;}
#nav_toggle span:nth-child(3) {top: 29px;}

/* Fixed reset */
#top_head .fixed {
padding-top: 0;
background: transparent;
}
#nav_toggle {
display: block;
}

/* #nav-toggle 切り替えアニメーション */
.open #nav_toggle span:nth-child(1) {
top: 17px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
}
.open #nav_toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav_toggle span:nth-child(3) {
top: 17px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #fff;
}
/*モーダル*/
.open .modal_wrap {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,.7);
transition: 1s;
z-index: 1;
}
/*ナビアクション*/
.nav_action_style #top_head {
position: fixed;
top: 0px;
right: 0px;
background: rgba(6,42,58,1);
border: solid thin #fff;
height: 70px;
width: 70px;
cursor: pointer;
z-index: 1;
}
.nav_action_style #nav_toggle span {
background: #fff;
}
}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
#top_head {
/* 上部fixedの枠 */
position: absolute;
top: 0;
right: 20px;
cursor: pointer;
height: 70px;
width: 70px;
z-index: 999;
}
#mobile_head {
position: relative;
z-index: 999;
}
/* ナビOPEN時 */
#global_nav {
background: rgba(6,42,58,1);
font-size: 1.3rem;
font-weight: bold;
max-height: 70vh; /*項目が多いscroll用 100vhにすると最後のliが非表示になる ※項目が収まる場合は削除する*/
overflow-y: auto; /*scroll用*/
z-index: 999;
/* 開いてないとき画面外配置 */
position: fixed;
right: -1000px;
top: 70px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
padding: 0 0 0 20px;
width: 370px;
}
#global_nav::-webkit-scrollbar {
width: 7px;
}
#global_nav::-webkit-scrollbar-thumb{
background: rgba(153,153,153,1);
border-radius: 10px;
}
#global_nav::-webkit-scrollbar-track-piece {
background: rgba(255,255,255,1);
}

#global_nav ul {
z-index: 999;
}
#global_nav li {
line-height: 50px;
text-align: left;
padding-left: 20px;
border-bottom: solid thin rgba(100,100,100,1);
}
#global_nav a:link,nav a:visited {
display: block;
color: rgba(255,255,255,1);
}
#global_nav a:hover,
#global_nav #close:hover {
opacity: .4;
}
#global_nav #close {
border-bottom: none;
color: #fff;
font-size: 1.3rem;
font-weight: normal;
padding: 0;
text-align: center;
}
#global_nav a img {
height: 1em;
width: auto;
padding: 0 7px 2px 0;
}
/* スライドアニメーション_li要素全体の移動調整 */
.open #global_nav {
-moz-transform: translateY(1065px);
-webkit-transform: translateY(1065px);
transform: translateX(-1000px);
}
/* 3本ラインの位置調整 */
#nav_toggle {
position: absolute;
right: 16px;
top: 16px;
width: 38px;
height: 36px;
z-index: 999;
}
#nav_toggle span {
/* 3本ラインデザイン */
display: block;
position: absolute;
left: 0;
background: rgba(39,39,39,1.00);
border-radius: 10px;
height: 2px;
width: 100%;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) {top: 7px;}
#nav_toggle span:nth-child(2) {top: 18px;}
#nav_toggle span:nth-child(3) {top: 29px;}

/* Fixed reset */
#top_head .fixed {
padding-top: 0;
background: transparent;
}
#nav_toggle {
display: block;
}

/* #nav-toggle 切り替えアニメーション */
.open #nav_toggle span:nth-child(1) {
top: 17px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
}
.open #nav_toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav_toggle span:nth-child(3) {
top: 17px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #fff;
}
/*モーダル*/
.open .modal_wrap {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,.7);
transition: 1s;
z-index: 1;
}
/*ナビアクション*/
.nav_action_style #top_head {
position: fixed;
top: 0px;
right: 0px;
background: rgba(6,42,58,1);
border: solid thin #fff;
height: 70px;
width: 70px;
cursor: pointer;
z-index: 1;
}
.nav_action_style #nav_toggle span {
background: #fff;
}
}/*close*/

@media (max-width:599px){
#top_head {
/* 上部fixedの枠 */
position: absolute;
top: 0;
right: 10px;
height: 70px;
width: 70px;
z-index: 999;
}
#mobile_head {
position: relative;
z-index: 999;
}
/* ナビOPEN時 */
#global_nav {
background: rgba(6,42,58,1);
font-size: 1.3rem;
font-weight: bold;
max-height: 70vh; /*項目が多いscroll用 100vhにすると最後のliが非表示になる ※項目が収まる場合は削除する*/
overflow-y: auto; /*scroll用*/
z-index: 999;
/* 開いてないとき画面外配置 */
position: fixed;
right: -1000px;
top: 70px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
padding: 0 0 0 20px;
width: 95%;
}
#global_nav::-webkit-scrollbar {
width: 7px;
}
#global_nav::-webkit-scrollbar-thumb{
background: rgba(153,153,153,1);
border-radius: 10px;
}
#global_nav::-webkit-scrollbar-track-piece {
background: rgba(255,255,255,1);
}

#global_nav ul {
z-index: 999;
}
#global_nav li {
line-height: 50px;
text-align: left;
padding-left: 15px;
border-bottom: solid thin rgba(100,100,100,1);
}
#global_nav a:link,nav a:visited {
display: block;
color: rgba(255,255,255,1);
}
#global_nav a:hover,
#global_nav #close:hover {
opacity: .4;
}
#global_nav #close {
border-bottom: none;
color: #fff;
font-size: 1.3rem;
font-weight: normal;
padding: 0;
text-align: center;
}
#global_nav a img {
height: 1em;
width: auto;
padding: 0 7px 2px 0;
}
/* スライドアニメーション_li要素全体の移動調整 */
.open #global_nav {
-moz-transform: translateY(1065px);
-webkit-transform: translateY(1065px);
transform: translateX(-1000px);
}
/* 3本ラインの位置調整 */
#nav_toggle {
position: absolute;
right: 16px;
top: 16px;
width: 35px;
height: 36px;
z-index: 999;
}
#nav_toggle span {
/* 3本ラインデザイン */
display: block;
position: absolute;
left: 0;
background: rgba(39,39,39,1.00);
border-radius: 10px;
height: 2px;
width: 100%;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) {top: 7px;}
#nav_toggle span:nth-child(2) {top: 18px;}
#nav_toggle span:nth-child(3) {top: 29px;}

/* Fixed reset */
#top_head .fixed {
padding-top: 0;
background: transparent;
}
#nav_toggle {
display: block;
}

/* #nav-toggle 切り替えアニメーション */
.open #nav_toggle span:nth-child(1) {
top: 17px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
}
.open #nav_toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav_toggle span:nth-child(3) {
top: 17px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #fff;
}
/*モーダル*/
.open .modal_wrap {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,.7);
transition: 1s;
z-index: 1;
}
/*ナビアクション*/
.nav_action_style #top_head {
position: fixed;
top: 0px;
right: 0px;
background: rgba(6,42,58,1);
height: 60px;
width: 60px;
cursor: pointer;
z-index: 1;
}
.nav_action_style #nav_toggle {
position: absolute;
right: 15px;
top: 10px;
width: 30px;
height: 36px;
z-index: 999;
}
.nav_action_style #nav_toggle span {
background: #fff;
}
}/*close*/

/*----------------------
▼NEWS▼
----------------------*/
@media (min-width:960px){

.news_wrap {
padding: 50px 0;
margin: 0 auto;
width: 90%;
}
.news_wrap h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 3rem;
font-weight: bold;
font-style: italic;
margin: 0 0 30px;
}
.news_wrap dl {
overflow-y: scroll;
padding: 20px 30px;
max-height: 250px;
}
.news_wrap dl dt {
color: rgba(39,39,39,1.00);
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 10px;
padding: 0 10px 0;
}
.news_wrap dl dt time {
color: rgba(150,150,150,1.00);
font-weight: normal;
}
.news_wrap dl dd {

border-bottom: dashed thin rgba(150,150,150,1.00);
font-size: 1.5rem;
font-weight: bold;
padding: 0 10px 15px;
margin: 0 0 15px;
}


}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.news_wrap {
padding: 50px 0;
margin: 0 auto;
width: 90%;
}
.news_wrap h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 3rem;
font-weight: bold;
font-style: italic;
margin: 0 0 30px;
}
.news_wrap dl {
overflow-y: scroll;
padding: 0 30px;
max-height: 250px;
}
.news_wrap dl dt {
color: rgba(39,39,39,1.00);
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 10px;
padding: 0 10px 0;
}
.news_wrap dl dt time {
color: rgba(150,150,150,1.00);
font-weight: normal;
}
.news_wrap dl dd {

border-bottom: dashed thin rgba(150,150,150,1.00);
font-size: 1.5rem;
font-weight: bold;
padding: 0 10px 15px;
margin: 0 0 15px;
}
}/*close*/

@media (max-width:599px){
.news_wrap {
padding: 50px 0;
margin: 0 auto;
width: 100%;
}
.news_wrap h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 2.5rem;
font-weight: bold;
font-style: italic;
margin: 0 0 30px;
}
.news_wrap dl {
overflow-y: scroll;
padding: 0 20px;
max-height: 250px;
}
.news_wrap dl dt {
color: rgba(39,39,39,1.00);
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 10px;
padding: 0 10px 0;
}
.news_wrap dl dt time {
display: block;
color: rgba(150,150,150,1.00);
font-weight: normal;
margin: 0 0 5px;
}
.news_wrap dl dd {

border-bottom: dashed thin rgba(150,150,150,1.00);
font-size: 1.3rem;
font-weight: bold;
padding: 0 10px 15px;
margin: 0 0 15px;
}
}/*close*/

/*----------------------
▼concept_wrap▼
----------------------*/
@media (min-width:960px){

.concept_wrap {
position: relative;
background:linear-gradient(to top, #fff 30%, #eeeef2 30%);
padding: 150px 0 0;
margin: 0 0 100px;
color: rgba(22,18,19,1.00);
width: 100%;
}
.concept_wrap:before {
content: "";
width: 0;
height: 0;
border-style: solid;
/*border-width: 100px 50vw 0 50vw; SP用*/
border-width: 100px 500px 0 500px;
border-color: #fff transparent transparent transparent;
position: absolute;
top: 00%;
left: 0;
right: 0;
}
.concept_wrap .concept_range {
margin: 0 auto;
width: 90%;
}
.concept_wrap .midashi_box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 0 0 50px;
}
.concept_wrap .midashi_box img {
height: auto;
margin: 0 50px 0 0;
width: 200px;
}
.concept_wrap .midashi_box h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 3.5rem;
font-weight: bold;
line-height: 1.3em;
letter-spacing: 2px;
}
.concept_wrap .midashi_box h2 span {
font-size: 3rem;
font-weight: bold;
}
/*txt*/
.concept_wrap .txt {
margin: 0 0 50px;
}
.concept_wrap .txt p {
font-size: 1.5rem;
font-weight: bold;
}
.concept_wrap .txt p a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}
/*pic_box*/
.concept_wrap .pic_box {

display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.concept_wrap .pic_box .right_item {
width: 41.8%;
}
.concept_wrap .pic_box {
}
.concept_wrap .pic_box .left_item {
width: 56.8%;
}
.concept_wrap .pic_box .right_item img,
.concept_wrap .pic_box .left_item img {
height: auto;
width: 100%;
}
/*under_txt*/
.concept_wrap .under_txt {
position: relative;
font-size: 16px;
background: rgba(236,96,0,.1);
margin: 50px auto;
padding: 30px 30px;
width: 100%;
box-shadow: 0 10px 10px -5px rgba(204,204,204,1);
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.concept_wrap .under_txt:before {
content: "";
position: absolute;
top: -50px;
right: 12%;
border: 20px solid transparent;
border-bottom: 30px solid rgba(236,96,0,.2);
}
.concept_wrap .under_txt_left_item {
margin: 0 30px 0 0;
}
.concept_wrap .under_txt p:first-of-type {
font-size: 1.8rem;
font-weight: bold;
margin: 0 0 10px;
}
.concept_wrap .under_txt p:last-of-type {
font-size: 1.3rem;
font-weight: bold;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.concept_wrap {
position: relative;
background:linear-gradient(to top, #fff 30%, #eeeef2 30%);
padding: 150px 0 0;
margin: 0 0 100px;
color: rgba(22,18,19,1.00);
width: 100%;
}
.concept_wrap:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 100px 47vw 0 47vw;
border-color: #fff transparent transparent transparent;
position: absolute;
top: 00%;
left: 0;
right: 0;
}
.concept_wrap .concept_range {
margin: 0 auto;
width: 90%;
}
.concept_wrap .midashi_box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 0 0 50px;
}
.concept_wrap .midashi_box img {
height: auto;
margin: 0 50px 0 0;
width: 130px;
}
.concept_wrap .midashi_box h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 3rem;
font-weight: bold;
line-height: 1.3em;
letter-spacing: 2px;
}
.concept_wrap .midashi_box h2 span {
font-size: 2.5rem;
font-weight: bold;
}
/*txt*/
.concept_wrap .txt {
margin: 0 0 50px;
}
.concept_wrap .txt p {
font-size: 1.5rem;
font-weight: bold;
}
.concept_wrap .txt p a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}
/*pic_box*/
.concept_wrap .pic_box {

display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.concept_wrap .pic_box .right_item {
width: 41.8%;
}
.concept_wrap .pic_box {
}
.concept_wrap .pic_box .left_item {
width: 56.8%;
}
.concept_wrap .pic_box .right_item img,
.concept_wrap .pic_box .left_item img {
height: auto;
width: 100%;
}
/*under_txt*/
.concept_wrap .under_txt {
position: relative;
font-size: 16px;
background: rgba(236,96,0,.1);
margin: 50px auto;
padding: 30px 30px;
width: 100%;
box-shadow: 0 10px 10px -5px rgba(204,204,204,1);
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.concept_wrap .under_txt:before {
content: "";
position: absolute;
top: -50px;
right: 12%;
border: 20px solid transparent;
border-bottom: 30px solid rgba(236,96,0,.2);
}
.concept_wrap .under_txt_left_item {
margin: 0 30px 0 0;
}
.concept_wrap .under_txt p:first-of-type {
font-size: 1.8rem;
font-weight: bold;
margin: 0 0 10px;
}
.concept_wrap .under_txt p:last-of-type {
font-size: 1.3rem;
font-weight: bold;
}

}/*close*/

@media (max-width:599px){
.concept_wrap {
position: relative;
background:linear-gradient(to top, #fff 30%, #eeeef2 30%);
padding: 80px 0 0;
margin: 0 0 50px;
color: rgba(22,18,19,1.00);
width: 100%;
}
.concept_wrap:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 50px 47vw 0 47vw;
border-color: #fff transparent transparent transparent;
position: absolute;
top: 00%;
left: 0;
right: 0;
}
.concept_wrap .concept_range {
margin: 0 auto;
width: 90%;
}
.concept_wrap .midashi_box {
margin: 0 0 30px;
text-align: center;
}
.concept_wrap .midashi_box img {
height: auto;
margin: 0 0 25px 0;
width: 90px;
}
.concept_wrap .midashi_box h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 6vw;
font-weight: bold;
line-height: 1.3em;
letter-spacing: 2px;
}
.concept_wrap .midashi_box h2 span {
font-size: 5vw;
font-weight: bold;
}
/*txt*/
.concept_wrap .txt {
margin: 0 0 20px;
}
.concept_wrap .txt p {
font-size: 1.3rem;
font-weight: bold;
line-height: 1.5em;
}
.concept_wrap .txt p a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}
/*pic_box*/
.concept_wrap .pic_box {
}
.concept_wrap .pic_box .right_item {
margin: 0 0 20px;
width: 100%;
}
.concept_wrap .pic_box {
}
.concept_wrap .pic_box .left_item {
width: 100%;
}
.concept_wrap .pic_box .right_item img,
.concept_wrap .pic_box .left_item img {
height: auto;
width: 100%;
}
/*under_txt*/
.concept_wrap .under_txt {
position: relative;
font-size: 16px;
background: rgba(236,96,0,.1);
margin: 50px auto;
padding: 30px 20px;
width: 100%;
box-shadow: 0 10px 10px -5px rgba(204,204,204,1);
}
.concept_wrap .under_txt:before {
content: "";
position: absolute;
top: -50px;
right: 15%;
border: 20px solid transparent;
border-bottom: 30px solid rgba(236,96,0,.2);
}
.concept_wrap .under_txt_left_item {
margin: 0 0 0 0;
}
.concept_wrap .under_txt_left_item img {
height: auto;
width: 50px;
}
.concept_wrap .under_txt p:first-of-type {
position: absolute;
top: 38px;
left: 85px;
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 10px;
}
.concept_wrap .under_txt p:last-of-type {
margin: 20px 0 0;
font-size: 1.3rem;
font-weight: bold;
line-height: 1.5em;
}

}/*close*/

/*----------------------
▼shop_wrap▼
----------------------*/
@media (min-width:960px){
.shop_wrap {
background:linear-gradient(to bottom, #fff 110px, #eeeef2 110px);
padding: 0 0 50px;
margin: 0 0 50px;
}
.shop_wrap .midashi h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 3rem;
font-weight: bold;
font-style: italic;
}
.shop_wrap .midashi h2 span {
display: block;
font-size: 2rem;
font-weight: bold;
margin: 0 0 10px;
}
.shop_wrap .midashi .line {
display: inline-block;
position: relative;
height: 40px;
margin: 30px 0 30px;
width: 100%;
}
.shop_wrap .midashi .line:after {
content: "";
position: absolute;
left: 50%;
background: rgba(102,102,102,1);
height: 100%;
width: 1px;
}
.shop_wrap .shop_top_txt {
text-align: center;
margin: 0 0 20px;
}
.shop_wrap .shop_top_txt p {
font-size: 1.5rem;
color: rgba(0,0,0,1.00);
}
/*tab*/
.shop_wrap .tabs {
width: 90%;
margin: 0 auto;
flex-wrap: wrap;
display: flex;
}
.shop_wrap .tab_class_1,
.shop_wrap .tab_class_2 {
width: 50%;
height: 50px;
background: rgba(230,230,230,1);
border: solid thin rgba(204,204,204,1);
line-height: 50px;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
display: block;
order: -1;
cursor: pointer;
}
.shop_wrap input[name="tab_name"] {
display: none;
}
.shop_wrap input:checked + .tab_class_1 {
background: #252259;
border: solid thin #492608;
color: #fff;
width: 50%;
}
.shop_wrap input:checked + .tab_class_2 {
background: #5e2226;
border: solid thin #492608;
color: #fff;
width: 50%;
}
.shop_wrap .content_class {
display: none;
width: 100%;
background: #fff;
border: solid thin #492608;
padding: 50px 100px 20px;
}
.shop_wrap input:checked + .tab_class_1 + .content_class,
.shop_wrap input:checked + .tab_class_2 + .content_class {
display: block;
}
.shop_wrap .content_class dl {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 30px;
}
.shop_wrap .content_class dl dt:nth-of-type(odd),
.shop_wrap .content_class dl dd:nth-of-type(odd) {
background: rgba(240,240,240,1.00);

}
.shop_wrap .content_class dl dt {
padding: 10px 10px 10px 20px;
width: 30%;
}
.shop_wrap .content_class dl dd {
padding: 10px;
width: 70%;
}
.shop_wrap .content_class dl dd a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}
.shop_wrap .content_class dl dd img {
height: auto;
margin: 10px 0 10px;
width: 80%;
}
/*price_drink*/
.shop_wrap .content_class .price,
.shop_wrap .content_class .price_2 {
border: solid thin rgba(39,39,39,1.00);
margin: 0 0 50px;
}
.shop_wrap .content_class .drink,
.shop_wrap .content_class .drink_2 {
border: solid thin rgba(39,39,39,1.00);
text-align: center;
margin: 0 0 50px;
}
.shop_wrap .content_class .price .price_midashi,
.shop_wrap .content_class .drink .drink_midashi {
background: rgba(37,34,89,1);
text-align: center;
padding: 10px 0;
}
.shop_wrap .content_class .price_2 .price_midashi,
.shop_wrap .content_class .drink_2 .drink_midashi {
background: #5e2226;
text-align: center;
padding: 10px 0;
}
.shop_wrap .content_class .price_midashi p,
.shop_wrap .content_class .drink_midashi p {
color: #fff;
font-size: 1.5rem;
font-weight: bold;
}
.shop_wrap .content_class .price .price_txt,
.shop_wrap .content_class .price_2 .price_txt {
padding: 30px 50px;
}
.shop_wrap .content_class .price .price_txt p,
.shop_wrap .content_class .price_2 .price_txt p {
font-size: 1.5rem;
font-weight: bold;
line-height: 1.5em;
}
.shop_wrap .content_class .price .price_txt .emphasis,
.shop_wrap .content_class .price_2 .price_txt .emphasis {
border-top: solid thin rgba(100,100,100,1.00);
margin: 20px 0 0;
padding: 20px 0 0;
}
.shop_wrap .content_class .drink img,
.shop_wrap .content_class .drink_2 img {
height: auto;
margin: 30px 0;
width: 90%;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.shop_wrap {
background:linear-gradient(to bottom, #fff 110px, #eeeef2 110px);
padding: 0 0 50px;
margin: 0 0 50px;
}
.shop_wrap .midashi h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 3rem;
font-weight: bold;
font-style: italic;
}
.shop_wrap .midashi h2 span {
display: block;
font-size: 2rem;
font-weight: bold;
margin: 0 0 10px;
}
.shop_wrap .midashi .line {
display: inline-block;
position: relative;
height: 40px;
margin: 30px 0 30px;
width: 100%;
}
.shop_wrap .midashi .line:after {
content: "";
position: absolute;
left: 50%;
background: rgba(102,102,102,1);
height: 100%;
width: 1px;
}
.shop_wrap .shop_top_txt {
text-align: center;
margin: 0 0 20px;
}
.shop_wrap .shop_top_txt p {
font-size: 1.5rem;
color: rgba(0,0,0,1.00);
}

/*tab*/
.shop_wrap .tabs {
width: 90%;
margin: 0 auto;
flex-wrap: wrap;
display: flex;
}
.shop_wrap .tab_class_1,
.shop_wrap .tab_class_2 {
width: 50%;
height: 50px;
background: rgba(230,230,230,1);
border: solid thin rgba(204,204,204,1);
line-height: 50px;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
display: block;
order: -1;
cursor: pointer;
}
.shop_wrap input[name="tab_name"] {
display: none;
}
.shop_wrap input:checked + .tab_class_1 {
background: #252259;
border: solid thin #492608;
color: #fff;
width: 50%;
}
.shop_wrap input:checked + .tab_class_2 {
background: #5e2226;
border: solid thin #492608;
color: #fff;
width: 50%;
}
.shop_wrap .content_class {
display: none;
width: 100%;
background: #fff;
border: solid thin #492608;
padding: 50px 50px 10px;
}
.shop_wrap input:checked + .tab_class_1 + .content_class,
.shop_wrap input:checked + .tab_class_2 + .content_class {
display: block;
}
.shop_wrap .content_class dl {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 30px;
}
.shop_wrap .content_class dl dt:nth-of-type(odd),
.shop_wrap .content_class dl dd:nth-of-type(odd) {
background: rgba(240,240,240,1.00);

}
.shop_wrap .content_class dl dt {
padding: 10px 10px 10px 20px;
width: 30%;
}
.shop_wrap .content_class dl dd {
padding: 10px;
width: 70%;
}
.shop_wrap .content_class dl dd a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}
.shop_wrap .content_class dl dd img {
height: auto;
margin: 10px 0 10px;
width: 80%;
}
/*price_drink*/
.shop_wrap .content_class .price,
.shop_wrap .content_class .price_2 {
border: solid thin rgba(39,39,39,1.00);
margin: 0 0 50px;
}
.shop_wrap .content_class .drink,
.shop_wrap .content_class .drink_2 {
border: solid thin rgba(39,39,39,1.00);
text-align: center;
margin: 0 0 50px;
}
.shop_wrap .content_class .price .price_midashi,
.shop_wrap .content_class .drink .drink_midashi {
background: rgba(37,34,89,1);
text-align: center;
padding: 10px 0;
}
.shop_wrap .content_class .price_2 .price_midashi,
.shop_wrap .content_class .drink_2 .drink_midashi {
background: #5e2226;
text-align: center;
padding: 10px 0;
}
.shop_wrap .content_class .price_midashi p,
.shop_wrap .content_class .drink_midashi p {
color: #fff;
font-size: 1.5rem;
font-weight: bold;
}
.shop_wrap .content_class .price .price_txt,
.shop_wrap .content_class .price_2 .price_txt {
padding: 30px 50px;
}
.shop_wrap .content_class .price .price_txt p,
.shop_wrap .content_class .price_2 .price_txt p {
font-size: 1.5rem;
font-weight: bold;
line-height: 1.5em;
}
.shop_wrap .content_class .price .price_txt .emphasis,
.shop_wrap .content_class .price_2 .price_txt .emphasis {
border-top: solid thin rgba(100,100,100,1.00);
margin: 20px 0 0;
padding: 20px 0 0;
}
.shop_wrap .content_class .drink img,
.shop_wrap .content_class .drink_2 img {
height: auto;
margin: 30px 0;
width: 90%;
}
}/*close*/

@media (max-width:599px){
.shop_wrap {
background:linear-gradient(to bottom, #fff 110px, #eeeef2 110px);
padding: 0 0 50px;
margin: 0 0 40px;
}
.shop_wrap .midashi h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 2.5rem;
font-weight: bold;
font-style: italic;
}
.shop_wrap .midashi h2 span {
display: block;
font-size: 2rem;
font-weight: bold;
margin: 0 0 10px;
}
.shop_wrap .midashi .line {
display: inline-block;
position: relative;
height: 40px;
margin: 30px 0 20px;
width: 100%;
}
.shop_wrap .midashi .line:after {
content: "";
position: absolute;
left: 50%;
background: rgba(102,102,102,1);
height: 100%;
width: 1px;
}
.shop_wrap .shop_top_txt {
margin: 0 auto 20px;
text-align: center;
width: 90%;
}
.shop_wrap .shop_top_txt p {
font-size: 3vw;
color: rgba(0,0,0,1.00);
}

/*tab*/
.shop_wrap .tabs {
width: 90%;
margin: 0 auto;
flex-wrap: wrap;
display: flex;
}
.shop_wrap .tab_class_1,
.shop_wrap .tab_class_2 {
width: 100%;
height: 50px;
background: rgba(230,230,230,1);
border: solid thin rgba(204,204,204,1);
line-height: 50px;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
display: block;
order: -1;
}
.shop_wrap input[name="tab_name"] {
display: none;
}
.shop_wrap input:checked + .tab_class_1 {
background: #252259;
border: solid thin #492608;
color: #fff;
width: 100%;
}
.shop_wrap input:checked + .tab_class_2 {
background: #5e2226;
border: solid thin #492608;
color: #fff;
width: 100%;
}
.shop_wrap .content_class {
display: none;
width: 100%;
background: #fff;
border: solid thin #492608;
padding: 20px 20px 20px;
}
.shop_wrap input:checked + .tab_class_1 + .content_class,
.shop_wrap input:checked + .tab_class_2 + .content_class {
display: block;
}
.shop_wrap .content_class dl {
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 30px;
}
.shop_wrap .content_class dl dt:nth-of-type(odd),
.shop_wrap .content_class dl dd:nth-of-type(odd) {
background: rgba(240,240,240,1.00);

}
.shop_wrap .content_class dl dt {
padding: 10px 10px 5px 10px;
}
.shop_wrap .content_class dl dt:before {
content: "-";
margin: 0 5px 0 0;
}
.shop_wrap .content_class dl dd {
word-wrap: break-word;
padding: 0px 10px 10px 20px;
}
.shop_wrap .content_class dl dd a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}
.shop_wrap .content_class dl dd img {
height: auto;
margin: 10px 0 10px;
width: 100%;
}
/*price_drink*/
.shop_wrap .content_class .price,
.shop_wrap .content_class .price_2 {
border: solid thin rgba(39,39,39,1.00);
margin: 0 0 20px;
}
.shop_wrap .content_class .drink,
.shop_wrap .content_class .drink_2 {
border: solid thin rgba(39,39,39,1.00);
text-align: center;
}
.shop_wrap .content_class .price .price_midashi,
.shop_wrap .content_class .drink .drink_midashi {
background: rgba(37,34,89,1);
text-align: center;
padding: 10px 0;
}
.shop_wrap .content_class .price_2 .price_midashi,
.shop_wrap .content_class .drink_2 .drink_midashi {
background: #5e2226;
text-align: center;
padding: 10px 0;
}
.shop_wrap .content_class .price_midashi p,
.shop_wrap .content_class .drink_midashi p {
color: #fff;
font-size: 1.5rem;
font-weight: bold;
}
.shop_wrap .content_class .price .price_txt,
.shop_wrap .content_class .price_2 .price_txt {
padding: 20px 20px;
}
.shop_wrap .content_class .price .price_txt p,
.shop_wrap .content_class .price_2 .price_txt p {
font-size: 1.3rem;
font-weight: bold;
line-height: 1.5em;
}
.shop_wrap .content_class .price .price_txt .emphasis,
.shop_wrap .content_class .price_2 .price_txt .emphasis {
border-top: solid thin rgba(100,100,100,1.00);
margin: 15px 0 0;
padding: 15px 0 0;
}
.shop_wrap .content_class .drink img,
.shop_wrap .content_class .drink_2 img {
height: auto;
margin: 10px 0;
width: 90%;
}
.shop_wrap .content_class .drink .sp,
.shop_wrap .content_class .drink_2 .sp {
font-size: 1.1rem;
font-weight: bold;
margin: 10px 0 0;
}

}/*close*/

/*----------------------
▼access_wrap▼
----------------------*/
@media (min-width:960px){
.access_wrap {
margin: 0 auto 50px;
width: 90%;
}
.access_wrap h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 3rem;
font-weight: bold;
font-style: italic;
margin: 0 0 30px;
}
.access_wrap iframe {
height: 350px;
width: 100%;
}
.access_wrap .copy_txt {
text-align: center;
margin: 10px 0;
}
.access_wrap .copy_txt p {
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 10px;
}
.access_wrap .copy_txt .address_btn {
cursor: pointer;
padding: 10px 30px;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.access_wrap {
margin: 0 auto 50px;
width: 90%;
}
.access_wrap h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 3rem;
font-weight: bold;
font-style: italic;
margin: 0 0 30px;
}
.access_wrap iframe {
height: 350px;
width: 100%;
}
.access_wrap .copy_txt {
text-align: center;
margin: 10px 0;
}
.access_wrap .copy_txt p {
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 10px;
}
.access_wrap .copy_txt .address_btn {
cursor: pointer;
padding: 10px 30px;
}

}/*close*/

@media (max-width:599px){
.access_wrap {
margin: 0 auto 30px;
width: 90%;
}
.access_wrap h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 2.5rem;
font-weight: bold;
font-style: italic;
margin: 0 0 30px;
}
.access_wrap iframe {
height: 250px;
width: 100%;
}
.access_wrap .copy_txt {
text-align: center;
margin: 10px 0;
}
.access_wrap .copy_txt p {
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 10px;
}
.access_wrap .copy_txt .address_btn {
padding: 10px 30px;
-webkit-appearance: none;
border: none;
}
}/*close*/

/*----------------------
▼door_wrap▼
----------------------*/
@media (min-width:960px){
address {
font-style: normal;
}

.door_wrap {
background: #f7f4f0;
padding: 50px 0;
}
.door_wrap h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 3rem;
font-weight: bold;
font-style: italic;
margin: 0 0 30px;
}
.door_wrap p {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin: 0 0 30px;
}
.door_wrap .tel {
background: #fff;
border-bottom: solid 5px rgba(150,150,150,1.00);
border-radius: 100vh;
text-align: center;
margin: 0 auto 30px;
width: 550px;
}
.door_wrap .tel a {
display: block;
font-size: 2.5rem;
font-weight: bold;
padding: 10px 0;
}
.door_wrap .tel a span {
display: block;
font-size: 1.3rem;
font-weight: bold;
}
.door_wrap .tel a img {
height: 1em;
padding: 0 10px 5px 0;
width: auto;
}
.door_wrap .line {
background: #00a73c;
border-bottom: solid 5px #006837;
border-radius: 100vh;
text-align: center;
margin: 0 auto;
width: 550px;
}
.door_wrap .line a {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
display: block;
color: #fff;
font-size: 2rem;
font-weight: bold;
padding: 15px 0;
}
.door_wrap .line a span {
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
display: block;
font-size: 1.3rem;
font-weight: normal;
}


}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
address {
font-style: normal;
}

.door_wrap {
background: #f7f4f0;
padding: 50px 0;
}
.door_wrap h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 3rem;
font-weight: bold;
font-style: italic;
margin: 0 0 30px;
}
.door_wrap p {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin: 0 0 30px;
}
.door_wrap .tel {
background: #fff;
border-bottom: solid 5px rgba(150,150,150,1.00);
border-radius: 100vh;
text-align: center;
margin: 0 auto 30px;
width: 550px;
}
.door_wrap .tel a {
display: block;
font-size: 2.5rem;
font-weight: bold;
padding: 10px 0;
}
.door_wrap .tel a span {
display: block;
font-size: 1.3rem;
font-weight: bold;
}
.door_wrap .tel a img {
height: 1em;
padding: 0 10px 5px 0;
width: auto;
}
.door_wrap .line {
background: #00a73c;
border-bottom: solid 5px #006837;
border-radius: 100vh;
text-align: center;
margin: 0 auto;
width: 550px;
}
.door_wrap .line a {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
display: block;
color: #fff;
font-size: 2rem;
font-weight: bold;
padding: 15px 0;
}
.door_wrap .line a span {
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
display: block;
font-size: 1.3rem;
font-weight: normal;
}
}/*close*/

@media (max-width:599px){
address {
font-style: normal;
}

.door_wrap {
background: #f7f4f0;
padding: 30px 0;
}
.door_wrap h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
font-size: 2.5rem;
font-weight: bold;
font-style: italic;
margin: 0 0 20px;
}
.door_wrap p {
font-size: 1.3rem;
font-weight: bold;
margin: 0 auto 20px;
line-height: 1.5em;
width: 95%;
}
.door_wrap .tel {
background: #fff;
border-bottom: solid 5px rgba(150,150,150,1.00);
border-radius: 100vh;
text-align: center;
margin: 0 auto 20px;
width: 95%;
}
.door_wrap .tel a {
display: block;
font-size: 2rem;
font-weight: bold;
padding: 10px 0;
}
.door_wrap .tel a span {
display: block;
font-size: 1.1rem;
font-weight: bold;
}
.door_wrap .tel a img {
height: 1em;
padding: 0 10px 5px 0;
width: auto;
}
.door_wrap .line {
background: #00a73c;
border-bottom: solid 5px #006837;
border-radius: 100vh;
text-align: center;
margin: 0 auto;
width: 95%;
}
.door_wrap .line a {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
display: block;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
padding: 15px 0;
}
.door_wrap .line a span {
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
display: block;
font-size: 1.2rem;
font-weight: normal;
}
}/*close*/

/*----------------------
▼footer▼
----------------------*/
@media (min-width:960px){

/*scroll*/
footer .scroll {
background: #252259;
text-align: center;
height: 50px;
}
footer .scroll a {
display: block;
line-height: 40px;
}
footer .scroll .arrow::after {
content:"";
display: inline-block;
width: 7px;
height: 7px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
margin: 20px 0 0;
transform: rotate(-135deg);
}
.foot_box {
background: #fff;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 20px 5%;
}
.foot_box p {
width: 50%;
}
.foot_box p small {
font-size: 1.5rem;
font-weight: bold;
}
.foot_box .sns_item {
text-align: right;
width: 50%;
}
.foot_box .sns_item img {
height: 35px;
width: auto;
}
.foot_box .sns_item img:last-of-type {
margin: 0 0 0 15px;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
/*scroll*/
footer .scroll {
background: #252259;
text-align: center;
height: 50px;
}
footer .scroll a {
display: block;
line-height: 40px;
}
footer .scroll .arrow::after {
content:"";
display: inline-block;
width: 7px;
height: 7px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
margin: 20px 0 0;
transform: rotate(-135deg);
}
.foot_box {
background: #fff;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 20px 5%;
}
.foot_box p {
width: 50%;
}
.foot_box p small {
font-size: 1.5rem;
font-weight: bold;
}
.foot_box .sns_item {
text-align: right;
width: 50%;
}
.foot_box .sns_item img {
height: 35px;
width: auto;
}
.foot_box .sns_item img:last-of-type {
margin: 0 0 0 15px;
}
}/*close*/

@media (max-width:599px){
/*scroll*/
footer .scroll {
background: #252259;
text-align: center;
height: 50px;
}
footer .scroll a {
display: block;
line-height: 40px;
}
footer .scroll .arrow::after {
content:"";
display: inline-block;
width: 7px;
height: 7px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
margin: 20px 0 0;
transform: rotate(-135deg);
}
.foot_box {
background: #fff;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 20px 2.5%;
}
.foot_box p {
text-align: center;
}
.foot_box p small {
font-size: 1.3rem;
font-weight: bold;
}
.foot_box .sns_item {
text-align: center;
margin: 0 0 10px;
}
.foot_box .sns_item img {
height: 35px;
width: auto;
}
.foot_box .sns_item img:last-of-type {
margin: 0 0 0 15px;
}
}/*close*/