@charset "UTF-8";
/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}

body {  line-height: 1;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}

nav ul {list-style: none;}
blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.disBk{display: block;}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {text-decoration: line-through;}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {vertical-align: middle;}
html {-webkit-text-size-adjust: 100%;}
body {
color: #2C3E50;
font-size: 12px;
word-wrap: break-word;
font-family: "meiryo","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Microsoft JhengHei", "微軟正黑體",sans-serif;
}
a {
color: inherit;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
img {
vertical-align: middle;
-webkit-touch-callout: none;
}
ol, ul, li {list-style: none;}
span, i {
display: inline-block;
font-style: normal;
}
input, button, textarea {
margin: 0;
padding: 0;
outline: none;
border: none;
background-color: inherit;
color: inherit;
}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #eee inset;}
.u-cf:before,
.u-cf:after {
display: table !important;
content: "";
}
.u-max {width: 100%}
.u-cf:after {content: "";clear: both;}
.u-ir {
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
}
.u-fl {float: left;}
.u-fr {float: right;}
.u-is-hidden {display: none  !important;}

@media screen and (min-width: 641px) {
.u-pc-fl {float: left;}
.u-pc-fr {float: right;}
}

.u-fulimg {
width: 100%;
height: auto;
}
.u-ref {position: relative !important;}
.u-fix {position: fixed !important;}
.u-db {display: block !important;}
.u-dib {display: inline-block !important;}
.u-mb0 {margin-bottom: 0 !important;}
.u-pr5 {padding-right: 5px !important;}
.u-pl5 {padding-left: 5px !important;}

@media screen and (min-width: 641px) {
.pc-hidden {display: none;}
.u-pc-mt20 {margin-top: 20px !important;}
.u-pc-mt30 {margin-top: 30px !important;}
.u-pc-mr0 {margin-right: 0px !important;}
.u-pc-mr10 {margin-right: 10px !important;}
.u-pc-mr12 {margin-right: 12px !important;}
.u-pc-mr15 {margin-right: 15px !important;}
.u-pc-mr17 {margin-right: 17px !important;}
.u-pc-mr22 {margin-right: 22px !important;}
.u-pc-mr20 {margin-right: 20px !important;}
.u-pc-mr30 {margin-right: 30px !important;}
.u-pc-mr40 {margin-right: 40px !important;}
.u-pc-mb10 {margin-bottom: 10px !important;}
.u-pc-mb12 {margin-bottom: 12px !important;}
.u-pc-mb15 {margin-bottom: 15px !important;}
.u-pc-mb18 {margin-bottom: 18px !important;}
.u-pc-mb20 {margin-bottom: 20px !important;}
.u-pc-mb23 {margin-bottom: 23px !important;}
.u-pc-mb25 {margin-bottom: 25px !important;}
.u-pc-mb27 {margin-bottom: 27px !important;}
.u-pc-mb30 {margin-bottom: 30px !important;}
.u-pc-mb35 {margin-bottom: 35px !important;}
.u-pc-mb40 {margin-bottom: 40px !important;}
.u-pc-mb50 {margin-bottom: 50px !important;}
.u-pc-mb70 {margin-bottom: 70px !important;}
.u-pc-mb90 {margin-bottom: 90px !important;}
.u-pc-ml-1 {margin-left: -1px !important;}
.u-pc-ml24 {margin-left: 24px !important;}
.u-pc-pr3 {padding-right: 3px !important;}
.u-pc-pr7 {padding-right: 7px !important;}
.u-pc-pb0 {padding-bottom: 0 !important;}
.u-pc-pl3 {padding-left: 3px !important;}
}

@media screen and (max-width: 640px) {
.sp-hidden {display: none;}
.u-sp-mt10 {margin-top: 10px;}
.u-sp-mt15 {margin-top: 15px;}
.u-sp-mt30 {margin-top: 30px;}
.u-sp-mt-50 {margin-top: -50px;}
.u-sp-mb10 {margin-bottom: 10px !important;}
.u-sp-mb15 {margin-bottom: 15px !important;}
.u-sp-mb20 {margin-bottom: 20px !important;}
.u-sp-mb30 {margin-bottom: 30px !important;}
.u-sp-mb40 {margin-bottom: 40px !important;}
.u-sp-pt65 {padding-top: 65px !important;}
.u-sp-pt75 {padding-top: 75px !important;}
/*.u-sp-pt90 {padding-top: 90px !important;}*/
.u-sp-pt90 {padding-top: 0px !important;}
.u-sp-pt100 {padding-top: 100px !important;}
.u-sp-pb40 {padding-bottom: 40px !important;}
}

.u-b {font-weight: bold !important;}
.u-c {text-align: center !important;}
.u-r {text-align: right !important;}
.u-f10 {font-size: 10px !important;}
.u-f13 {font-size: 13px !important;}
.u-f18 {font-size: 18px !important;}
.u-v1 {vertical-align: -1px;}
.wrapper {
color: #464646;
border-color: #739100;
overflow: hidden;
}
.c-border-b {border-bottom: 1px solid #333;}
.b-mainContents__list li h2{
color: #ff868c;
font-size: 1.6rem;
height: 1em;
display: flex;
justify-content: center;
align-items: center;
}
.b-mainContents__list__title {
font-weight: bold;
text-align: center;
}    

@media screen and (min-width: 641px) {
a:hover {
-webkit-transition: all .2s;
transition: all .2s;
opacity: 0.55;
}
}

.c-main-text,
.c-mainContents__text {color: #333;}
.c-mainContents__text {line-height: 2;}
.b-staff-main__textBox .comment{
position: relative;
padding-left: 45px;
}
.b-staff-main__textBox .comment:before {
position: absolute;
left: 0;
}
.c-main-text {line-height: 2;}
.c-main__link {
color: #ddba00;
font-weight: bold;
}
.c-topic-pathWrap {
width: 980px;
margin: 20px auto;
}
.c-topic-path__list > li {
display: inline-block;
font-size: 15px;
color: #333;
font-weight: bold;
margin-right: 10px;
}
.b-staff-main__textBox .comment:before {
background-image: url(../img/pen_icon.png);
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
content: "";
float: left;
padding-left: 10px;
}
@media screen and (min-width: 641px) {
.c-topic-path__list {font-size: 0; padding-left: 10px;}
.c-topic-path__list > li:after {
content: '>';
margin-left: 10px;
}
.c-topic-path__list > li:last-child {margin-right: 0;}
.c-topic-path__list > li:last-child:after {content: none;}
.c-topic-path__list > li > a {
color: #739100;
text-decoration: underline;
}
.c-topic-path__list > li > a:hover {text-decoration: none;}
.c-mainWrap {
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 30px;
box-sizing: border-box;
background-color:#fff;
}

.c-backImg {
background-size: cover;
background-attachment: fixed;
}
.c-main-title {
font-size: 32px;
font-weight: bold;
margin-bottom: 20px;
color: #999;
border-bottom: solid 5px #6dd0b0;
}

.c-main-subTitle {
font-size: 24px;
line-height: 1.4em;
}
h4.c-main-subTitle {
font-size: 22px;
font-weight: bold;
line-height: 1.6;
padding-bottom: 5px;
margin-top: 10px;
height: 60px;
display: flex;
align-items: flex-end;
-webkit-align-items: flex-end;
}
.c-main-text {line-height: 2;}
.c-main-titleWrap {
text-align: center;
margin-bottom: 30px;
}
.c-main-borderBottom {border-bottom: 1px solid;}
.c-mainContents__section {margin-bottom: 40px;}
.c-mainContents__text {font-size: 18px;}
.c-mainContents__text--grey {
font-size: 18px;
color: #666;
}
.c-mainContents__text--bold {
font-size: 18px;
font-weight: bold;
}
.c-main__link {
font-size: 18px;
text-decoration: underline;
}
}

/* 160301　総合TOP追記 ----------------------------------*/

.top_concept_yellow{
color: #ddba00;
font-weight: bold;
}
@media screen and (min-width: 641px) {  
.top_concept{text-align: center;}
.top_concept_yellow{
font-size:1.4em;
}
.top_concept_ul{
width: 500px;
margin: 0 auto;
}
.top_concept_ul li{
list-style:disc;
text-align: left; 	  
}
}

@media screen and (max-width: 640px) {
.top_concept{
text-align: left;
font-size: 16px;
margin: 0 5px;
line-height: 1;
}

.top_concept_ul{margin: 0 20px;}
.top_concept_ul li{
list-style:disc;
text-align: left; 	
line-height: 1.6em;  
}	
}
/* 160301　総合TOP追記 ----------------------------------*/
@media screen and (max-width: 640px) {
/*.c-topic-pathWrap {
width: auto;
margin: 0 auto;
position: absolute;
top: 80px;
left: 5%;
}*/
.c-topic-pathWrap{
margin: 80px auto 0;
width: 95%;
}
.c-topic-path__list {
font-size: 0;
margin-top: 5px;
line-height: 1.2;
}
.c-topic-path__list > li {
font-size: 12px;
}
.c-topic-path__list > li:after {
content: '>';
margin-left: 10px;
}
.c-topic-path__list > li:last-child {margin-right: 0;}
.c-topic-path__list > li:last-child:after {content: none;}
.c-topic-path__list > li > a {
color: #739100;
text-decoration: underline;
}
.c-topic-path__list > li > a:hover {text-decoration: none;}
.c-main-titleWrap {margin-bottom: 20px;}
.c-main-title {
font-size: 20px;
text-align: center;
font-weight: bold;
padding-bottom: 5px;
border-bottom: solid 3px #6dd0b0;
}
.c-mainContents__section {margin-bottom: 30px;}
.c-mainContents {
background-color: #fff;
padding: 20px 10px 10px;
margin: 10px 20px 0;
}
.c-main-subTitle {
font-size: 16px;
}
.c-mainContents__text--bold {
font-size: 14px;
font-weight: bold;
}
.staffImg .text {
font-weight: bold;
font-size: 12px;
color: #333;
padding-bottom: 10px;
}
.staffImg .mainPhoto {
margin-bottom: 20px;
height: auto;
width: 100%;
overflow: hidden;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.staffImg .mainPhoto img {
width: 100%;
height: auto;
margin-left: 0%;
margin-top: 0%;
border-radius: 20px;
}
.staffImg .photo {
margin-bottom: 5%;
margin-right: 5%;
float: left;
width: 30%;
height: 30%;
overflow: hidden;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.staffImg .photo img {
width: 100%;
height: auto;
margin-left: 0%;
margin-top: 0%;
border-radius: 20px;
}
.staffImg .photoBox {
width: 100%;
height: auto;
}
.staffTextBox {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size: 0.9em;
}
.dateText {
color: #333;
padding-top: 10px;
line-height: 2;
font-size: 12px;
}
.dateText .bold{font-weight: bold;}
.staffImg .mgRSp5{margin-right: -5%;}
}

.c-header__topWrap {background-color: #f5f5f5;}
.c-header__topWrap__title {
color: #666;
float: left;
font-size: 12px;
width: 1100px;
margin: 0 auto;
}
.c-header__topWrap__language {float: right;}
.c-header__topWrap__language ul li {
float: left;
margin: 13px 5px;
}
#selctRoom {color: #ccc;}
.c-header-select {
border: 1px solid #666;
border-radius: 5px;
line-height: 30px;
text-align: left;
display: block;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #666;
}
.test {
width: 20px;
height: 20px;
}
.selectFacility {
background-image: url(../images/common/icon/selectFacility.png), 
							url(../images/common/icon/select-arrowTop.png), 
							url(../images/common/icon/select-arrowBottom.png);
background-color:#fff;
}
.selctRoom {
background-image: url(../images/common/icon/selectRoom.png), 
							url(../images/common/icon/select-arrowTop.png), 
							url(../images/common/icon/select-arrowBottom.png);
background-color:#fff;
}

@media screen and (min-width: 641px) {
.c-header-bookingWrap {
float: left;
padding-top: 30px;
margin-left: 20px;
}
.c-header-select {
height: 45px;
float: left;
text-indent: 5px;
vertical-align: middle;
width: 295px;
font-size: 14px;
margin-right: 30px;
padding-left: 45px;
background-position: 10px center, 96% 5px, 96% 25px;
background-size: 25px, 15px, 15px;
white-space: nowrap;
padding-right: 35px;
}
.c-header-booking__link {
width: 188px;
line-height: 45px;
font-size: 24px;
float: left;
}
.c-header-booking__link:hover {
opacity: 1;
text-decoration: underline;
}
.c-header__topWrap {line-height: 40px;}
.c-header__topWrap__inner {
	width: 900px;
  margin: 0 auto;
  padding: 0.5em 2em;
  display: flex;
  justify-content: space-between;
}

/* line 101, _scss/component/_header.scss */
.c-top-header__middleWrap {
width: 960px;
margin: 20px auto;
}

/* line 111, _scss/component/_header.scss */
.c-top-header__middle__logo {
width: 100px;
float: left;
}
.c-header-snsWrap {
position: fixed;
right: 0;
bottom: 54px;
background: rgba(255, 255, 255, 0.9);
padding: 10px;
z-index: 101;
}
.c-header-snsItem {
display: block;
}
}

@media screen and (max-width: 640px) {
header {
background-image: url(../img/top/back.jpg);
background-size: cover;
background-repeat: repeat-y;
}
.c-header__topWrap {padding: 10px 10px 5px;}
.c-header-select {
width: 100%;
text-indent: 5px;
font-size: 14px;
margin-right: 30px;
margin-bottom: 20px;
background-position: 10px center, 96% 1px, 96% 17px;
background-size: 20px, 12px, 12px;
padding-left: 35px;
white-space: nowrap;
padding-right: 35px;
}
.c-header-booking__link {
width: 100%;
line-height: 40px;
font-size: 18px;
}
.sp-c-header-iconWrap,.sp-c-header-iconWrap:before, .sp-c-header-iconWrap:after,.sp-nav-active:before,.sp-nav-active:after{
background: #6dd0b0;
}
.sp-c-header-iconWrap {
display: block;
position: fixed;
top: 32px;
right: 13px;
width: 30px;
height: 3px;
margin: -6px 0 0 -15px;
transition: .2s;
}
.sp-c-header-iconWrap:before, .sp-c-header-iconWrap:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 30px;
height: 3px;
transition: .3s;
}
.sp-c-header-iconWrap:before {margin-top: -13px;}
.sp-c-header-iconWrap:after {margin-top: 10px;}
.sp-nav-active {background: transparent;}
.sp-nav-active:before {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.sp-nav-active:after {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.sp-nav-active:before, .sp-nav-active:after {
margin-top: -2px;
}
.c-header__topWrap {
position: fixed;
top: 0;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000001;
}
.c-sp-header__logo {
width: 40px;
float: left;
margin-right: 5px;
}
}
.c-header-booking__link {
display: block;
background-color: #ddd;
color: #fff;
font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
border: 1px solid #666;
cursor: default;
}
.c-header-booking__link:hover {text-decoration: none;}
.booking__link-active {
background-color: #739100;
cursor: pointer;
}
.booking__link-active:hover {
text-decoration: underline;
}

@media screen and (min-width: 641px) {
nav {
line-height: 80px;
background-color: #3dc8bb;

border-bottom: rgba(255,255,255,0.9) solid 1px;
}
.c-nav__list {
width: 100%;
max-width: 960px;
margin: 0 auto;
display: table;
}
.c-nav__list > li {
margin-left: 30px;
font-size: 15px;
font-weight: bold;
display: table-cell;
text-align: center;
}
.c-nav__list > li > a {
color: #fff;
display: block;
width: 100%;
height: 100%;
}
.c-nav__list > li > a:hover {
background: rgba(255,255,255,0.3);
}
}

@media screen and (max-width: 640px) {
.c-header-bookingWrap {
padding: 0 10px;
position: fixed;
top: 320px;
z-index: 11;
width: 100%;
box-sizing: border-box;
}
nav {
position: fixed;
background: #6dd0b0;
top: 54px;
width: 100%;
height: 100%;
text-align: center;
z-index: 100000;
}
.c-nav__list {margin-top: 30px;}
.c-nav__list > li {
font-size: 20px;
color: #ffffff;
font-weight: bold;
margin-bottom: 30px;
}
}

footer {background-color: #f5f5f5;}

.c-footer__bottom {
margin: 0 0;
padding: 2em 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.c-footer__bottom__title--black {
color: #333;
font-weight: bold;
}
#copyYear {
border-top: 2px dotted #ccc;
font-size: 14px;
line-height: 50px;
color: #333;
text-align: center;
}

@media screen and (min-width: 641px) {
footer {width: 100%;}
.c-footer-inner {
max-width: 960px;
margin: 0 auto;
}
.c-footer-top {line-height: 60px;margin-bottom: 2em;}
.c-footer-top__list {
margin: 1.5em 2%;
display: flex;
justify-content: space-between;
}
.c-footer-top__list > li {
font-weight: bold;
font-size: 16px;
}
.c-footer-top__list > li:last-child {margin-right: 0;}
.c-footer-top__logo {
margin: 2em auto 0.5em;
display: block;
}
.c-footer__bottom__title {
font-size: 16px;
font-weight: bold;
}
.c-footer__bottom__list {
margin-top: 10px;
margin-left:5px;
}
.c-footer__bottom__list > li {
margin-right: 15px;
font-size: 14px;
line-height: 1.7;
}
.c-footer__bottom__list > li:last-child {margin-right: 0;}
.c-footer-laungageWrap {
float: right;
margin-right: 2%;
}
.c-footer-laungageWrap ul li {
float: left;
margin: 0px 0px 26px 10px;
}
.etc .c-footer__bottom__list{display: flex;}
.etc .c-footer__bottom__list li{margin-right: 15px;}
}

@media screen and (max-width: 640px) {
footer {padding: 20px 15px 0;}
.c-footer-top {margin-bottom: 20px;}
.c-footer-top__logo {
/*width: 245px;*/
margin: 0 auto;
margin-bottom: 20px;
display: block;
}
.c-footer-top__list {
width: 80%;
margin: 0 auto;
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
}
.c-footer-top__list > li {
width: 50%;
font-size: 13px;
font-weight: bold;
margin-bottom: 10px;
}
.c-footer__bottom__title {
margin-top: 16px;
}
.c-footer__bottom__list {
margin-top: 0;
display: flex;
flex-wrap: wrap;
}
.c-footer__bottom__list > li {
margin-bottom: 10px;
font-size: 15px;
width: 50%;
}
.c-footer__bottom__list > li:last-child {margin-right: 0;}
.c-footer-laungageWrap ul{
display: flex;
justify-content: center;    
}
.c-footer-laungageWrap ul li {
margin: 0 10px;
}
}
@media screen and (min-width: 641px) {
.b-top-header__middleWrap {
width: 100%;
margin: 0 auto;
text-align: center;
/*background: #f7ffe0;  Old browsers */
/*background: -moz-linear-gradient(top,  #f7ffe0 0%, #ebf2cb 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7ffe0), color-stop(100%,#ebf2cb));  Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  #f7ffe0 0%,#ebf2cb 100%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top,  #f7ffe0 0%,#ebf2cb 100%);  Opera 11.10+ 
background: -ms-linear-gradient(top,  #f7ffe0 0%,#ebf2cb 100%);  IE10+ 
background: linear-gradient(to bottom,  #f7ffe0 0%,#ebf2cb 100%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ffe0', endColorstr='#ebf2cb',GradientType=0 );  IE6-9 
*/}
.b-top-header__book {text-align: left;}
.b-top-header__middle__logo {
width: 167px;
margin: 0 auto;
}
.b-header-booking__link {width: 233px;}
}

@media screen and (max-width: 640px) {
.b-top-header__middle__logo {
width: 100px;
margin: 0 auto;
}
.b-top-header__book {
margin-top: 30px;
padding: 0 20px;
}
}

@media screen and (min-width: 641px) {
.b-mainContents__list > li {
width: 30%;
margin: 0 1%;
}
.b-mainContents__list__title {
margin-bottom: 20px;
}
}

/*新着情報------------------------------------------------------*/
.news-wrap{
overflow: auto;
height: 200px;
margin: 20px;
border: solid 1px #f0f0f0;
padding: 1em 1em;
}
.news-wrap #news article {
color: #666;
margin-bottom: 1.5em;
font-size: 16px;
}
.news-wrap #news article div {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.news-wrap #news article div p {
background-color: #c5e3d9;
margin-bottom: 0;
float: left;
margin-right: 16px;
color: #fff;
padding: 5px;
width: 110px;
text-align: center;
box-sizing: border-box;
}
.news-wrap #news article div h3 {
font-weight: bold;
margin-top: 2px;
color: #ddba00;
}
.news-wrap #news article .news_p{
margin: 5px 0 20px 125px;
line-height: 1.3;
}
.news-wrap #news article a{
text-decoration: underline;
color: #ff868c;
}

@media screen and (max-width: 640px) {
.news-wrap{
height: 200px;
overflow-y: scroll;
margin: 0;
padding: 0;
border: none;
}
.news-wrap #news article {}
.news-wrap #news article div {flex-direction: column;align-items: flex-start;}
.news-wrap #news article div p {
font-size: 16px;
font-weight: bold;
padding: 8px;
width: 100%;
text-align: left;
}
.news-wrap #news article div h3 {margin-top: 6px;line-height: 1.3;}
.news-wrap #news article .news_p{margin: 5px 0 20px;font-size: 14px;}
}

@media screen and (max-width: 640px) {
.b-mainContents__list > li {margin-bottom: 30px;}
.b-mainContents__list > li:last-child {margin-bottom: 0;}
.b-mainContents__list__title {
margin-bottom: 5px;
font-size: 1.4em!important;
}
.b-mainContents__list__thum {
width: 100%;
display: block;
margin: 0 auto;
}
}

@media screen and (min-width: 641px) {
.b-staff-main__textBox,
.b-staff-main__textBox--rev,.staffImg .mainPhoto,.staffImg .mainPhoto img {width: 100%;max-width: 900px;}
.b-about-main__textBox--rev {float: right;}
.b-about-main__imgBox,
.b-about-main__imgBox--rev {width: 200px;}
.b-about-main__imgBox {float: right;}
.b-about-main__textBox,.b-about-main__textBox--rev{width: calc(100% - 220px);}
.b-about-main__textBox {float: left;}
.b-about-main__imgBox--rev {float: left;}
.staffImg .text {
font-weight: bold;
font-size: 18px;
color: #333;
}
.staffImg .mainPhoto {
margin-bottom: 20px;
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.staffImg .mainPhoto img {
height: auto;
margin-left: 0%;
margin-top: 0%;
border-radius: 50px;
}
.photoBox{
display: flex;
flex-wrap: wrap;
}
.staffImg .photo {
width: calc(100%/6);
height: auto;
padding: 0.45%;
box-sizing: border-box;
overflow: hidden;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.staffImg .photo img {
width: 100%;
height: auto;
margin-left: 0%;
margin-top: 0%;
border-radius: 30px;
}
.staffTextBox {
background-color: #6dd0b0;
text-align: center;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.staffTextBox p {
font-size: 20px;
}
.dateText {
color: #333;
padding-top: 20px;
line-height: 2;
font-size: 18px;
}
.dateText .bold{font-weight: bold;}
.b-staff-main__textBox .comment:before {
width: 40px;
height: 40px;
position: absolute;
left: 0;
}
}

@media screen and (max-width: 640px) {
.b-about-main__imgBox,
.b-about-main__imgBox--rev {
width: 150px;
margin-right: 10px;
float: left;
}
}

.b-list-mainWrap {position: relative;}
.b-list-main__more {
display: block;
background: #3dc8bb;
color: #fff;
font-weight: bold;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
float: right;
}
.b-list-main__info {font-weight: bold;}
.b-list-main__desc {color: #666;}

@media screen and (min-width: 641px) {
.b-list-main__thumWrap {
width: 200px;
float: left;
}
.b-list-main__textWrap {
width: calc(100% - 230px);
max-width: 660px;
float: right;
}
.b-list-main__info {
font-size: 18px;
height: 60px;
float: left;
margin-right: 20px;
}
.b-list-main__descWrap {
width: 500px;
float: left;
}
.b-list-main__desc {
font-size: 18px;
margin-bottom: 10px;
}
.b-list-main__more {
width: 235px;
padding: 10px;
font-size: 24px;
}
}

@media screen and (max-width: 640px) {
.b-list-mainWrap {padding-bottom: 40px;}
.b-list-main__thumWrap {
width: 30%;
float: right;
}
.b-list-main__textWrap {
width: 60%;
float: left;
margin-bottom: 20px;
}
.b-list-main__info {
font-size: 13px;
margin-bottom: 10px;
}
.b-list-main__desc {
font-size: 13px;
line-height: 1.5;
margin-bottom: 5px;
}
.b-list-main__more {
width: 100%;
line-height: 30px;
font-size: 16px;
}
}

@media screen and (min-width: 641px) {
.b-media-contents {
width: 430px;
float: left;
}
.b-media-contents:nth-child(odd) {
margin-right: 40px;
margin-bottom: 70px;
}
.b-media-main__thumWrap {
width: 300px;
margin: 0 auto;
}
.media-contents{
width: 90%;
margin: 0 auto;
}
.media-contents dl{
display: table;
margin-bottom: 40px;
}
.media-contents dl dt{
display: table-cell;
font-size: 1.4em;
font-weight: bold;
width: 180px;
padding: 10px;
} 
.media-contents dl dd{
display: table-cell;
padding: 10px 10px;
width: 590px;
font-size: 18px;
border-bottom: 1px solid;
}  
}

@media screen and (max-width: 640px) {
.b-media-main__thumWrap {
width: 60%;
margin: 0 auto;
}
.b-media-contents {margin-bottom: 50px;}
.b-media-contents:last-child {margin-bottom: 0;}
.media-contents{width: 100%;}  
.media-contents dl{
display: block;
margin-bottom: 20px;
}
.media-contents dl dt{
display: block;
font-size: 1.2em;
font-weight: bold;
width: 90%;
padding:3% 5%;
} 
.media-contents dl dd{
display: block;
width: 90%;
padding: 5%;
font-size: 1.2em;
} 
}

.b-recruit-contentsInner {color: #666;}
.b-recruit-topContents {border: 1px solid;}
.b-recruit-topContents > p {
color: #666;
font-weight: bold;
}
.b-recruit-topContents__list > li {float: left;}
.b-recruit-topContents__list > li > a {
display: block;
background-color: #CCCCCC;
color: #fff;
font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.b-recruit-topContents__list > li > a:hover {text-decoration: underline;}
.b-recruit-topContents__list > li .blandColor {background-color: #739100;}
.b-recruit-topContents__list > li .blandColor:hover {
opacity: 1;
text-decoration: none;
}
.b-recruit-mark__list > li {float: left;}
.b-recruit-contents__list > li {
display: table;
width: 100%;
border-bottom: 1px solid #bbb;
}
.b-recruit-contents__list > li:first-child {border-top: 1px solid #bbb;}
.b-recruit-contents__list__title {
display: table-cell;
text-align: right;
color: #739100;
font-weight: bold;
background-color: #f3ffc4;
}
.b-recruit-btn {
display: block;
background-color: #739100;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #fff;
font-weight: bold;
text-align: center;
}
.b-recruit-contentsInner__list > li {
background-color: #f3ffc4;
margin-bottom: 10px;
-moz-box-shadow: 0 2px #ddd;
-webkit-box-shadow: 0 2px #ddd;
box-shadow: 0 2px #ddd;
font-weight: bold;
}
.b-recruit-contentsInner__list > li span {
color: #C5051B;
font-weight: bold;
}
.b-recruit-contentsInner__linkBtn {
display: block;
background-color: #739100;
color: #fff;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
border: 1px solid #666;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

@media screen and (min-width: 641px) {
.b-recruit-contentsInner {
font-size: 14px;
width: 850px;
margin: 0 auto;
}
.b-recruit-topContents {
padding: 20px 10px;
margin-bottom: 50px;
}
.b-recruit-topContents > p {
font-size: 15px;
margin-bottom: 10px;
}
.b-recruit-contentsInner__topic {
font-size: 18px;
margin-top: 30px;
line-height: 2;
}
.b-recruit-topContents__list > li {margin-right: 10px;}
.b-recruit-topContents__list > li > a {
padding: 10px;
font-size: 15px;
}
.b-recruit-contentsInner__imgWrap {margin: 50px 0;}
.b-recruit-contents__list__title {
width: 200px;
padding-top: 20px;
padding-right: 20px;
}
.b-recruit-mark__title {
float: left;
padding-top: 5px;
}
.b-recruit-mark__list {float: left;}
.b-recruit-mark__list > li {margin-left: 15px;}
.b-recruit-contents__list__body {
padding-left: 20px;
padding-bottom: 10px;
}
.b-recruit-contents__list__body p {margin-bottom: 10px;}
.b-recruit-contents__list__shiftBox {margin: 20px 0;}
.b-recruit-contents__list__shiftBox > p {
width: 100px;
float: left;
}
.b-recruit-contents__list__shiftBox__body {
float: left;
margin-left: 30px;
}
.b-recruit-btn {
width: 300px;
margin: 0 auto;
line-height: 50px;
font-size: 22px;
}
.b-recruit-btn:hover {text-decoration: underline;}
.b-recruit-contentsInner__list {
width: 800px;
margin: 30px auto;
}
.b-recruit-contentsInner__list > li {
margin-bottom: 10px;
padding-left: 20px;
line-height: 40px;
float: left;
width: 350px;
}
.b-recruit-contentsInner__list > li:nth-child(even) {margin-right: 60px;}
.b-recruit-contentsInner__list > li span {padding-right: 20px;}
.b-recruit-contentsInner__list > .max {width: 780px;}
.b-recruit-contentsInner__link {
width: 630px;
margin: 0 auto;
}
.b-recruit-contentsInner__link > li {
line-height: 40px;
font-size: 19px;
float: left;
width: 300px;
}
.b-recruit-contentsInner__link > li:first-child {margin-right: 30px;}
.b-recruit-contentsInner__list--sub > li:nth-child(odd) {margin-right: 60px;}
.b-recruit-contentsInner__list--sub > li:nth-child(even) {margin-right: 0;}
}

@media screen and (max-width: 640px) {
.b-recruit-topContents {
padding: 15px 10px;
margin-bottom: 40px;
}
.b-recruit-topContents p {margin-bottom: 10px;}
.b-recruit-contentsInner__topic {
font-size: 14px;
margin-top: 20px;
line-height: 1.6;
}
.b-recruit-contentsInner__imgWrap {margin: 20px 0 30px;}
.b-recruit-contentsInner__imgWrap img {width: 100%;}
.b-recruit-topContents__list {text-align: center;}
.b-recruit-topContents__list > li {
width: 100%;
margin-bottom: 10px;
}
.b-recruit-topContents__list > li > a {padding: 9px;}
.b-recruit-topContents__list .blandColor {text-decoration: none;}
.b-recruit-contents__list__title {
width: 80px;
padding: 10px 10px;
}
.b-recruit-contents__list__body {
padding-left: 10px;
padding-bottom: 10px;
line-height: 1.4;
font-size: 13px;
}
.b-recruit-contents__list__body img {width: 17px;}
.b-recruit-mark__list {margin: 10px 0 15px;}
.b-recruit-mark__list > li {
margin-right: 10px;
margin-bottom: 10px;
}
.b-recruit-mark__list img {width: 17px;}
.b-recruit-contents__list__shiftBox__body {padding-left: 20px;}
.b-recruit-btn {
line-height: 35px;
font-size: 17px;
}
.b-recruit-contentsInner__list {margin: 20px 0;}
.b-recruit-contentsInner__list > li {
margin-bottom: 10px;
padding-left: 10px;
line-height: 30px;
font-size: 11px;
}
.b-recruit-contentsInner__list > li span {padding-right: 10px;}
.b-recruit-contentsInner__link {
width: 100%;
margin: 30px 0;
display: table;
}
.b-recruit-contentsInner__link > li {
width: 50%;
display: table-cell;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 30px;
}
.b-recruit-contentsInner__link > li:nth-child(odd) {padding-right: 10px;}
.b-recruit-contentsInner__link > li:nth-child(even) {padding-left: 10px;}
}

@media screen and (min-width: 641px) {
.gotoTop {
width: 960px;
margin: 0px auto 0;
text-align: right;
height: 0px;
}
.gotoTop a {
font-size: 14px;
display: block;
position: relative;
top: -37px;
color: #fff;
}
.c-footer__snsList {display: none;}
.c-footer__bnrList {
display: table;
margin: 20px auto 40px;
}
/*修正*/
.pr-list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fb_wrap{width: 455px;}
.fb_wrap p{}
.pr-list_wrap{width: 455px;}
.bnr-img555{margin-bottom: 1em;}
ul.fb-list {
width: 455px;
font-size: 15px;
margin: 20px 10px 30px 10px;
display: flex;
flex-wrap: wrap;
}
ul.fb-list > li {
vertical-align: top;
box-sizing: border-box;
display: flex;
align-items: center;
}
ul.fb-list > li:nth-of-type(odd){
width: 56%;
}
ul.fb-list > li:nth-of-type(even){
width: 40%;
}
ul.fb-list > li:nth-child(n+3) {margin-top: 10px; }
ul.fb-list > li > div.flag {
width: 35px;
height: 24px;
float: left;
margin: 0 10px 0 0;
position: relative;
}

}

@media screen and (max-width: 640px) {
.gotoTop {
margin: 0px auto 0;
text-align: right;
height: 0px;
width: 94%;
}
.gotoTop a {
font-size: 14px;
display: block;
position: relative;
top: -37px;
right: 5px;
color: #739100;
}
#outerImageContainer,#imageDataContainer {max-width: 100% !important;}
.c-footer__snsList {
display: table;
margin: 0 auto 20px;
}
.c-footer__snsList li {
display: table-cell;
padding: 0 5px;
}
.c-footer__bnrList {
margin: 20px auto;
text-align: center;
}
.c-footer__bnrList > li {
padding: 5px 0;
}
.c-footer__bnrList > li.tripadvisor {
display: block;
width: 153px;
margin: 0 auto;
}
.minpaku-daikou{
margin-top: 20px;	
margin-bottom:30px;
}
.language__sp {
position: absolute;
top: 70px;
right: 5%;
z-index: 99999;
margin-top: 5px;
}
.language__sp ul li {
float: left;
margin-left: 10px;
border: #fff solid 1px;
}
}

.c-topic-path__list li span,.c-topic-path__list li,.c-topic-path__list li a {
color: #7d6666;
font-weight: bold;
}
.b-list-main__desc a {text-decoration: underline;}
#hoverNav a {
-webkit-transition: all .0s;
transition: all .0s;
text-decoration: none;
}

@media screen and (min-width: 641px) {
.bx-wrapper {height: 620px;}
.slider .slide {height: 620px;}
.slider .nippori,.slider .nagoya,.slider .kyoto,.slider .namba,.slider .shirakawa-go,.slider .arashiyama01,.slider .arashiyama02{
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
#image-bloc {
height: 620px;
}
.bx-viewport {
width: 100% !important;
}
.slider {
list-style: none;
margin: 0;
padding: 0;
}
.slider li {
width: 100% !important;
margin: 0;
padding: 0;
}
.slider .slide {
display: flex;
align-items: center;
}
.linkButtonBox {
width: 100%;
position: absolute;
bottom: 10px;
}
.linkButtonBox div {display: inline-block;}
.linkButtonBox a {
color: #fff;
background: #738f27;
border: #fff solid 2px;
border-radius: 5px;
height: 47px;
width: 186px;
line-height: 47px;
display: block;
margin: 10px;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.1em;
position: relative;
}
.linkButtonBox a:before {
content: '≫';
color: #ffff00;
position: absolute;
left: 10px;
}
.slide div {
width: 100%;
max-width: 960px;
color: #fff;
text-align: left;
margin: 0 auto;
padding-left: 3%;
}
.slide div .comment{
font-size: 3em;
line-height: 1.6;
font-weight: bold;
text-shadow: 2px 2px 3px #000;
}

@media screen and (max-width: 1220px) {
.slide div .comment{
font-size: 3vw;
}
.tab{
display: block;
}
}

.main-container {
overflow: hidden;
padding-bottom: 150px;
}
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper a.bx-prev, .bx-wrapper a.bx-next {background: rgba(255,255,255,0.9);}
.bx-wrapper .bx-controls-direction {line-height: 0;}
.bx-wrapper a.bx-prev {
position: absolute;
display: block;
top: 0;
outline: 0;
width: 960px;
left: -960px;
text-indent: -9999px;
z-index: 9999;
height: 640px;
}
.bx-wrapper a.bx-prev:before {
content: '';
background: url(../images/common/slider_left.png) center no-repeat;
width: 42px;
height: 62px;
display: block;
top: 50%;
right: 20px;
margin-top: -31px;
position: absolute;
}
.bx-wrapper a.bx-next {
position: absolute;
display: block;
top: 0;
outline: 0;
width: 960px;
right: -960px;
text-indent: -9999px;
z-index: 9999;
height: 640px;
}
.bx-wrapper a.bx-next:before {
content: '';
background: url(../images/common/slider_right.png) center no-repeat;
width: 42px;
height: 62px;
display: block;
top: 50%;
left: 20px;
margin-top: -31px;
position: absolute;
}
.bx-wrapper .bx-pager{}
.bx-pager {
position: absolute;
bottom: 20px !important;
z-index: 100;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #fff !important;
width: 15px !important;
height: 15px !important;
margin: 0 5px;
-moz-border-radius: 50px !important;
-webkit-border-radius: 50px !important;
border-radius: 50px !important;
border: 2px solid #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #3dc8bb !important;
border: 2px solid #fff;
}
.bx-pager ul {
float: left;
position: relative;
left: 50%;
}
.bx-pager ul li {
float: left;
margin: 0 10px;
position: relative;
left: -50%;
}
.bx-pager ul li a {
display: block;
width: 200px;
height: 90px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.bx-pager ul li a:hover {opacity: 0.5;}
.bx-pager-ban {
margin: 0 auto;
width: 100%;
background: #f5f5f5;
padding: 1em;
}
.bx-pager-ban ul {
display: flex;
flex-wrap: wrap;
align-content: space-between;
justify-content: center;
max-width: 1088px;
margin: 0 auto;
}
.bx-pager-ban ul li {
width: 260px;
margin: 0.5em;
}
.bx-pager-ban ul li a {
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: 135px;
color: #fff;
text-shadow: 2px 2px 1px #000;
font-size: 24px;
font-weight: bold;
line-height: 1.2;
}
.bx-pager-ban ul li a:hover {opacity: 0.5;}
}
@media screen and (max-width: 640px) {
.b-top-header__middleWrap {
background-color: #f5f5f5!important;
background: none!important;
/*margin-top: 46px;
padding-bottom: 20px; */ 
/*background: #f7ffe0;*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  #f7ffe0 0%, #ebf2cb 100%);*/ /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7ffe0), color-stop(100%,#ebf2cb));*/ /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  #f7ffe0 0%,#ebf2cb 100%);*/ /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  #f7ffe0 0%,#ebf2cb 100%); *//* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #f7ffe0 0%,#ebf2cb 100%);*/ /* IE10+ */
/*background: linear-gradient(to bottom,  #f7ffe0 0%,#ebf2cb 100%); *//* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ffe0', endColorstr='#ebf2cb',GradientType=0 );*/ /* IE6-9 */
}
/*.bx-wrapper,.slider .slide {height: 380px;}*/
.bx-wrapper,.slider .slide {height: 350px;}

#image-bloc {height: 380px;}
.bx-viewport {width: 100% !important;}
.slider {
list-style: none;
margin: 0;
padding: 0;
}
.slider a{text-decoration-line: none;}
.slider li {
width: 100% !important;
margin: 0;
padding: 0;
}
.slider .slide {
display: flex;
align-items: center;
}
.linkButtonBox {
width: 300px;
position: absolute;
bottom: 10px;
margin: auto;
left: 0;
right: 0;
}
.linkButtonBox div {display: table-cell;}
.linkButtonBox a {
color: #fff;
background: #738f27;
border: #fff solid 2px;
border-radius: 5px;
height: 50px;
padding-top: 10px;
width: 79px;
display: block;
margin: 10px;
text-align: center;
font-size: 13px;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.6em;
position: relative;
}
.slide div{width: 100%;}
.slide div .comment {
width: 90%;
color: #fff;
font-size: 5.6vw;
line-height: 1.4;
font-weight: bold;
text-shadow: 2px 2px 3px #000;
padding: 50px 5% 0;
}

.slide div .comment em {
color: #f00;
font-weight: bold;
font-style: normal;
}
.dummySlide {
position: absolute;
width: 320px;
height: 380px;
top: 0;
right: -320px;
}
.main-container {
overflow: hidden;
padding-bottom: 150px;
}
.bx-wrapper {
max-width: 100% !important;
position: relative;
margin: 0 auto 0px;
padding: 0;
*zoom: 1;
}
.bx-wrapper a.bx-prev, .bx-wrapper a.bx-next {background: rgba(255,255,255,0.7);}
.bx-wrapper .bx-controls-direction {line-height: 0;}
.bx-wrapper a.bx-prev {
position: absolute;
display: block;
top: 0;
outline: 0;
width: 320px;
left: -320px;
text-indent: -9999px;
z-index: 9999;
height: 380px;
}
.bx-wrapper a.bx-next {
position: absolute;
display: block;
top: 0;
outline: 0;
width: 320px;
right: -320px;
text-indent: -9999px;
z-index: 9999;
height: 380px;
}
.bx-pager {
z-index: 100;
bottom: 7px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #fff !important;
width: 10px !important;
height: 10px !important;
margin: 0 5px;
-moz-border-radius: 50px !important;
-webkit-border-radius: 50px !important;
border-radius: 50px !important;
border: 2px solid #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #6dd0b0 !important;
border: 2px solid #fff;
}
.bx-pager-ban {
width: 100%;
padding: 0.5em 0;
}
.bx-pager-ban ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.bx-pager-ban ul li {
border: 1px solid #dcdcdc;
box-sizing: border-box;
width: 45%;
margin: 1.5%;
}
.bx-pager-ban ul li:nth-child(even) {float: right;}
.bx-pager-ban ul li a {
width: 100%;
height: 100px;
color: #fff;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1.2;
text-shadow: 1px 2px 0 #000;
text-align: center;
}
.bx-pager-ban .nippori,.bx-pager-ban .nagoya,.bx-pager-ban .kyoto,.bx-pager-ban .osaka {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.bnr-img,
.fb-midashi {
max-width: 100%;
height: auto;	
}


/*修正*/
ul.pr-list > li {
display:block;
vertical-align: top;
}  
ul.fb-list {
font-size: 15px;
margin: 20px 10px 30px 10px;
}
ul.fb-list > li {
margin: 0 10px 5px 0;
display: flex;
align-items: center;
}  
ul.fb-list > li > div.flag {
width: 35px;
height: 24px;
float: left;
margin: 0 15px 0 0;
position: relative;
}
}

/* ポイントーカード追加 */
.pointcd-imgbox {
width: 260px;
float: right;
}
.pointcd-textbox {
width: calc(100% - 280px);
float: left;	
}
ul.pointcd-btn {margin: 20px 25px;}
ul.pointcd-btn li {
display: inline-block;
margin: 0 5px 10px;
}
ul.pointcd-btn li .btn {
width: 250px;	
font-size: 22px;
padding: 0 10px;
display: block;	
line-height: 50px;
background-color: #6dd0b0;
border-radius: 5px;
color: #fff;
font-weight: bold;
text-align: center;
}
ul.camp-list {
width: 550px;
margin: auto;
text-align: center;
}
.camp-txt {
padding: 10px;
color: #ffa500!important;
border: 5px solid #ffa500;
display: inline-block;
}

/* ハローキティ */
ul.present-kitty-list {
width: calc(100% - 320px);
text-align: center;
display: inline-block;	
}
ul.camp-list li.txt,
ul.present-kitty-list li.txt {
background-color:#fafafc;
padding:10px;
}
ul.caution-list li {
list-style-type: disc;
list-style-position: inside;
padding-left: 10px;
}
.present-kitty-box {
float:right;
width:300px;
}

/* 休憩・デイユースプラン追加 */
.main-txt {
font-size: 18px;
line-height: 2;
color: #333;
}
.dayuse-lead {
font-size: 20px;
line-height: 2;
color: #f00;
background: #fff8dc;
text-align: center;
font-weight: bold;
padding: 10px 0;
margin-bottom: 30px;
}
.dayuse-list {
border-collapse: collapse;
table-layout: fixed;
}
.dayuse-list th{
text-align: left;
font-weight: bold;
padding: 5px 10px;
background-color: #f5f5f5;
border: solid 1px #dcdcdc;
white-space: nowrap;	
}
.dayuse-list td{
padding: 5px 10px;
border: solid 1px #dcdcdc;
}
.dayuse-info {
font-size: 18px;
line-height: 2;
color: #333;
}
.dayuse-info li {
list-style-type: square;
margin-left: 30px;	
}
.gallery-list li {
display: inline-block;
margin: 0 15px 20px 0;
vertical-align: top;	
}
.gallery-list li:nth-child(n+2) {margin-right: 0;}
.gallery-list li span {
display: block;
font-size: 15px;
line-height: 1.5;
color: #333;
width: 430px;
margin-top: 10px;
}
.rental {
font-size: 18px;
line-height: 1.5;
color: #333;
margin-bottom:30px;
}
.rental-item li {
display: inline-block;
padding: 10px 30px;	
}
.free-rental {
font-size: 18px;
line-height: 1.5;
color: #333;
margin-bottom:30px;
}
.free-rental li {
list-style-type: decimal;
margin-left: 30px;	
}

@media screen and (max-width: 640px) {
/* ポイントカード */
.pointcd-imgbox {
width: 261px;
float: none;
margin: 0 auto;
}
.pointcd-textbox {
width: auto;
float: none;
margin-bottom: 10px;	
}
ul.camp-list {
width: auto;
margin: auto;
text-align: center;
}

/* ハローキティ */
ul.present-kitty-list {
width: 100%;
display: block;
}
.present-kitty-box {
float: none;
width: 100%;
margin-bottom:20px;
}

/* 休憩・デイユースプラン */
.dayuse-list th,
.dayuse-list td {display:block;}
.dayuse-list td {border: none;}
.gallery-list li {
display: block;
margin: 0 0 10px 0;
}
.gallery-list li img {
width:100%;
height:auto;
}
.gallery-list li span {width: auto;}
}

.b-contact-attention {color: #D80000;}
.b-contact-border {border: 1px solid #ccc;}
.b-contact-submitBtn, .wpcf7-submit {
background-color: #729019;
display: block;
color: #fff;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.b-contact-sex {color: #666;}

@media screen and (min-width: 641px) {
section {
width: 100%;
max-width: 960px;
margin: 0 auto;
box-sizing: border-box;
padding: 40px 30px;
}
.c-mainContents__top__title {
font-size: 32px;
margin-bottom: 20px;
font-weight: bold;
text-align: center;
}
.c-brandText--bold {
font-size: 16px;
font-weight: bold;
}
.b-contact-attention {font-size: 16px;}
.b-contact-box {
width: 780px;
margin: 0 auto;
margin-top: 30px;
}
.b-contact-Item {margin-bottom: 15px;}
.b-contact-border {
float: left;
height: 35px;
width: 244px;
font-size: 15px;
color: #666;
padding: 0 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.b-contant-border--large {width: 600px;}
.b-contant-border--body {
width: 600px;
height: 236px;
}
.b-contact-info {
float: left;
width: 155px;
text-align: right;
margin-right: 20px;
padding-top: 10px;
}
.b-contact-sex {
font-size: 18px;
padding-top: 10px;
}
.b-contact-sexText {
margin-left: 10px;
margin-right: 20px;
}
.b-contact-submitBtn, .wpcf7-submit {
font-size: 24px;
line-height: 50px;
width: 265px;
margin: 0 auto;
cursor: pointer;
height: 50px;
}
.b-contact-submitBtn:hover, .wpcf7-submit:hover {
-webkit-transition: all .3s;
transition: all .3s;
opacity: 0.6;
text-decoration: none;
}
}

@media screen and (max-width: 640px) {
.u-sp-mt-30{
margin-top: 55px;
background-color: #739100;
padding-top: 65px;
}
.c-mainContents__top {margin-bottom: 20px;}
.c-mainContents__top__title {
font-size: 19px;
font-weight: bold;
text-align: center;
}
.b-contact-box {
margin-top: 20px;
padding: 0 10px;
}
.b-contact-Item {
display: table;
width: 100%;
margin-bottom: 20px;
}
.b-contact-info {
font-size: 14px;
display: table-cell;
width: 120px;
padding-right: 20px;
text-align: right;
vertical-align: top;
line-height: 2em;
}
.c-brandText--bold {font-weight: bold;}
.wpcf7-list-item-label {
font-size: 14px;
line-height: 2em;
}
.b-contact-border {
height: 30px;
display: table-cell;
width: 100%;
}
.b-contact-submitBtn, .wpcf7-submit {
font-size: 14px;
line-height: 40px;
width: 80%;
margin: 0 auto;
margin-top: 30px;
height: 40px;
}
.b-contact-sexText {
margin-left: 5px;
margin-right: 10px;
}
.b-contant-border--body {
height: 20px;
padding-bottom: 60px;
}
}

/* スタッフ便り修正 */
@media screen and (min-width: 641px) {
.staff-title {
width: 100%;
height: auto;
font-size: 70px;
text-align: center;
position: relative;
}
.staff-title img {
width: 100%;
height: auto;
}
.staff-title .inner-title {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
font-weight: bold;
color: #FFF;
width: 100%;
font-size: 3.5vw;
}
.staff-title span {
display: block;
margin-bottom: 20px;
}
.staff-top-img {
float: right;
padding-left: 20px;
}	
}

@media screen and (max-width: 640px) {
.staff-title {
width: 100%;
height: auto;
text-align: center;
position: relative;
}
.staff-title img {
width: 100%;
height: auto;
}
.staff-title .inner-title {
position: absolute;
left: 13%;
top: 30%;
font-weight: bold;
color: #FFF;
font-size: 6vw;
}
.staff-title span {
display: block;
margin-bottom: 10px;
}
.staff-top-img {
float: none;
padding-left: 0;
text-align: center;
width: 197px;
height: 124px;
margin: 0 auto;
display: block;
}
}

.youtube{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
border: 1px solid #555;
}

/* キャンペーンバナー */
.project {
margin:0 auto;
overflow: hidden;
max-width: 900px;
}

.project-bnr {
width: 60%;
margin: 0 auto;
}
.project-bnr_l {
float: left;
width: 49%;
}
.project-bnr_r{
float: right;
width: 49%;
}
.project-bnr_f{
float: left;
width: 49%;
margin: 10px 0 0;
}
.project-bnr_l img,
.project-bnr_r img,
.project-bnr_f img{
max-width: 100%;
}
.project-bnr img {
width: 100%;
display: block;
margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
.project {
width: 100%;
margin-bottom: 20px;
}
.project-bnr {
float: none;
width: 100%;
margin: 0 auto;
}
.project-bnr_l,
.project-bnr_r,
.project-bnr_f{
float: none;
width: 100%;
margin-bottom: 15px;
}

/* ポイントカード */
.pointcard-txt-red {
color: #c30d23;
font-weight: bold;
}
ul.pointcd-btn {margin: 20px;}
ul.pointcd-btn li {
display: block;
margin: 0 0 10px;
}
ul.pointcd-btn li .btn {width: 90%;}
}

/* ミラクルキャット */
.miracle_co{color:#bd74a7;}
.miracle_btn{background-color:#bd74a7;}
.other-caution {
margin-left: 40px;
position: relative;
color: #f00;
}
.other-caution:before {
content: '※';
position: absolute;
top: 0;
left: -20px;
}

/* トップページ　キャンペーン */
.top-cmp-list {
overflow: hidden;
margin: 50px 0 20px;
display: flex;
justify-content: space-between;
}
.top-cmp-list li {
margin: 0 2.5%;
}

@media screen and (max-width: 640px) {
.top-cmp-list {
background-color: #c5e3d9;
padding: 20px 0;
margin: 0;
flex-wrap: wrap;
}	
.top-cmp-list li {
float: none;
padding: 10px 0;
text-align: center;
width: 100%;
}
.top-cmp-list li img {width: 80%;}	
}

/*6/16新規*/
.bg-fff{background-color: #fff;}
.bg-g{background-color: #f5f5f5;}
.stay-image{
width: 100%;
max-width: 1500px;
}
.stay-image ul{
display: flex;
justify-content: space-around;
}
.stay-image ul li img{
max-width: 100%;
border-top: 6px solid #ff868c;
margin-bottom: 0.8em;
}
.image-bloc{position: relative;}

.slider .shirakawa-go {background-image: url(../images/common/main_shirakawa-go.jpg);}
.slider .nippori {background-image: url(../images/common/main_nippori.jpg);}
.slider .nagoya {background-image: url(../images/common/main_nagoya.jpg);}
/*.slider .kyoto {background-image: url(../images/common/kyoto-main.jpg);}*/
.slider .namba {background-image: url(../images/common/main_osaka.jpg);}
/*
.slider .arashiyama01 {background-image: url(../images/common/main_asakusa03.jpg);}
.slider .arashiyama02 {background-image: url(../images/common/main_asakusa02.jpg);}
*/
.slider .arashiyama01 {background-image: url(../arashiyama/img/top_img_01.jpg);background-position: 50% 60%;}
.slider .arashiyama02 {background-image: url(../arashiyama/img/top_img_04.jpg);}

.arashiyama_open_wrap{
position: absolute;
width: 800px;
color: #fff;
text-align: center;
margin: 0 auto;
z-index: 100;
transform: translate(-50%, -50%);
top: 40%;
left: 50%;
background-color: rgba(0,0,0,0.4);
padding: 10px 10px 0px;
}
.arashiyama_open_wrap h2.arashiyama_open{
font-size: 3.1em;
font-weight: bold;
margin: 0.4em;
text-shadow: 2px 2px 3px #000;
}
.arashiyama_open_wrap dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 80%;
margin: 0 auto;
}
.arashiyama_open_wrap dt{
width: 50%;
text-align: center;
background: #ff868c;
color: #fff;
/*
background: #c5b39b;
color: #4f311b;
*/
}
.arashiyama_open_wrap dt span{font-weight: bold; font-size: 0.6em;}
.arashiyama_open_wrap dd{
width: 47%;
text-shadow: 2px 2px 3px #000;
text-align: left;
}
.arashiyama_open_wrap dt,
.arashiyama_open_wrap dd{
font-size: 2.7em;
line-height: 1.6;
font-weight: bold;
margin-bottom: 10px;
}
.btn_arashiyama_link{
width: 50%;
margin: 1em auto;
}
.btn_arashiyama_link a{
font-size: 1.8em;
color: #fff;
text-align: center;
display: block;
padding: 0.6em 0.5em;
background: #000;
border-radius: 50px;
font-weight: bold;
border: solid 3px #fff;
}
.btn_arashiyama_link a:hover{
color: #000;
background: #fff;
opacity: 1;
}
.bx-wrapper .bx-pager{
/*width: calc(100% - 310px)!important;*/
}
.bx-pager-ban .shirakawa-go {
background-image: url(../img/img-shirakawa-go.jpg);
background-position-y: 0;
}
.bx-pager-ban .asakusa {
background-image: url(../img/img-tokyo.jpg);
background-position-y: -30px;
}
.bx-pager-ban .nagoya {
background-image: url(../img/img-nagoya.jpg);
}
.bx-pager-ban .kyoto {
background-image: url(../img/img-kyoto.jpg);
}
.bx-pager-ban .arashiyama {
background-image: url(../img/img-arashiyama.jpg);
}
.bx-pager-ban .osaka {
background-image: url(../img/img-osaka.jpg);
}
.bx-pager-ban a{
background-size: cover;
background-color: rgba(0, 0, 0, 0.3);
background-blend-mode: color;
}
.slide div .comment span{
font-size: 0.8em;
font-weight: bold;
padding-top: 10px;
}
#wasabi:first-letter{color: #6dd0b0;}
.bo-no{border: none!important;}
.fw-no{font-weight: normal!important;}
.flex-11{width: 23.5%;}
.f_menu.other{margin-top: 3em;}
.f_menu.other p {color: unset;}

.c-mainContents .c-main-titleWrap .c-main-title:first-letter{
font-size: 1.8em;
color: #ddba00;
}
.b-top-info__list__date{
background-color: #c5e3d9;
margin-bottom: 0;
}
.b-top-info__list__title {
font-weight: bold;
margin-top: 5px;
color: #ddba00;
}
a i{color: #6dd0b0;}
.c-header-snsWrap a i{
display: block;
margin: 5px 0;
}

.f_menu p{
color: #6dd0b0;
font-size: 1.2em;
border-bottom: solid 1px #ff868c;
margin-bottom: 0.5em;
padding-bottom: 5px;
}
.f_menu h2{
color: #6dd0b0;
font-size: 1.2em;
border-bottom: solid 1px #ff868c;
margin-bottom: 1em;
padding-bottom: 5px;
font-weight: bold;
}
.f_menu:nth-of-type(n+3) {
font-weight: normal;
}
.media-contents dl dt{
background-color: #3dc8bb;
color: #fff;
} 
.c-main-subTitle {
font-weight: bold;
padding-bottom: 5px;
color: #6dd0b0;
}
.staffTextBox {
background-color: #6dd0b0;
text-align: center;
padding: 10px;
overflow: hidden;
}
.staffTextBox p {
color: #fff !important;
font-weight: bold;
}
@media screen and (max-width: 640px) {
.slider .nippori,.slider .nagoya,.slider .kyoto,.slider .namba,.slider .shirakawa-go{
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.slider .arashiyama01,.slider .arashiyama02{
background-repeat: no-repeat;
background-position: 50% 100%;
background-size: 135%;
}
.arashiyama_open_wrap{width: 90%;top: 30%;}
.arashiyama_open_wrap h2.arashiyama_open{font-size: 1.7em;text-align: center;margin: 0.4em 0 0.8em;}
.arashiyama_open_wrap dl{width: 100%;}
.arashiyama_open_wrap dt{width: 52%;}
.arashiyama_open_wrap dd{width: 45%;}
.arashiyama_open_wrap dt,.arashiyama_open_wrap dd{font-size: 1.5em;}
.btn_arashiyama_link{width: 70%;}
.btn_arashiyama_link a{font-size: 1.4em;}

.bx-pager-ban .asakusa {background-position-y: -10px;}
}
@media screen and (max-width: 640px) {
body{}
.w-a{
width: auto;
padding: 20px;
}
.stay-image ul,
.b-top-info__list__title,
.c-footer__bottom__title{font-size: 16px;}

.stay-image ul,.c-footer__bottom{flex-wrap: wrap;}

.etc{
width: 100%;
flex: unset;
}
.flex-11{
width: 100%;
margin: 0 0 2.5em;
flex: unset;
}

}

.ul-style1{margin-top: 2.5em;}
.ul-style1 li{
list-style: disc;
margin: 0 1.5em 1.3em;
line-height: 1.3em;
}
.f-bold{font-weight: bold;}
.f-green{color: #6dd0b0;}
.other-imageBox {
overflow: hidden;
width: 95%;
margin: 0 auto;
}
.other-imageBox .left {
float: left;
width: 48%;
}
.other-imageBox .right {
float: right;
width: 48%;
}
#prevention_info{
margin: 2em auto 2em;
overflow: hidden;
border: solid 2px #ccc;
background-color: #fff;
border-radius: 5px;
font-weight: bold;
display: flex;
flex-wrap: wrap;
font-size: 18px;
}
#prevention_info .important_title{
background-color: #FF868C;
color: #FFF;
text-align: center;
width: 200px;
padding: 0.8em 0;
font-weight: bold;
}
#prevention_info .important_link{padding: 0.8em 0 0.8em 1em;}
#prevention_info .important_link a {}

@media screen and (max-width: 640px) {
.ul-style1 li{
margin: 0 0 1.3em 1em;
line-height: 1.5em;
}
.other-imageBox{width: 100%;}
.other-imageBox .left,.other-imageBox .right{
float: none;
width: 100%;
margin-bottom: 10px;
}
#prevention_info{
width: 98%;
margin: 0em auto 2em;
}
#prevention_info .important_title{
border-radius: 3px 3px 0 0;
width: 100%;
font-size: 0.9em;
}
#prevention_info .important_link{
padding: 0.6em 0.5em 0.5em;
line-height: 1.3;
font-size: 0.9em;
}
}

/* Go To トラベルキャンペーン  ---------------------------------------------------------------------------------------------------*/
.goto-info{
margin: 2em auto 2em;
overflow: hidden;
border: solid 3px #1babdd;
background-color: #fff;
border-radius: 5px;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 1em 1em 1.5em 3%;
}
.goto-logo{
width: 16%;
margin-right: 4%;
margin-left: 1%;
}
.goto-logo img{max-width: 100%;}
.goto-text{width: 77%;}
.goto-info h3{
color: #fff;
font-weight: bold;
padding: 0.5em 0 0.4em;
margin: 0.5em 0 0.5em;
text-align: center;
font-size: 2.2em;
background: #1babde;
}
.goto-info p{
text-align: left;
font-size: 1.5em;
line-height: 1.7;
}
.goto-info p span{
color: #ff868c;
font-weight: bold;
display: inline;
}
.goto-info a{
text-decoration: underline;
font-weight: bold;
}
.goto-note{
border: solid 3px #ff868c;
padding: 2em;
margin: 0 2em 3em;
font-size: 1.4em;
line-height: 1.5;
}
.goto-note .title{
font-size: 1.2em;
color: #c5051b;
font-weight: bold;
border-bottom: solid 2px #c5051b;
margin-bottom: 0.8em;
}
.goto-note p span{}


@media screen and (max-width: 640px) {
.goto-info{
width: auto;
padding: 1.4em 1em 1em;
margin: 0em auto 4em;
}
.goto-logo{
width: 60%;
margin: 0 auto;
}
.goto-text{width: 100%;}
.goto-info h3{
font-size: 1.7em;
margin-top: 0.7em;
}
.goto-info p{
line-height: 1.6;
font-size: 1.3em;
}
.goto-note{
border: solid 3px #ff868c;
padding: 1em;
margin: 1em 1em 3em;
font-size: 1.1em;
line-height: 1.4;
}
.goto-note .title{
font-size: 1.2em;
color: #c5051b;
font-weight: bold;
border-bottom: solid 2px #c5051b;
margin-bottom: 0.8em;
}
.goto-note p span{font-weight: bold;}
}
