@charset "utf-8";
/* CSS Document */

/*----------------------------------
#base
----------------------------------*/
html,
body {
  height: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  line-height: 1.4;
}

body {
  background: #fff;
  font-size: 16px;
  line-height: 2;
  color: #505050;
  -webkit-text-size-adjust: 100%;
  font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  font-weight: 500;
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');
 }

@font-face {
	font-family: '黎ミンY40 B';
	src: local('fontname') url('font/filename.ttf') format('truetype');
}

.inner {
	margin: 0 auto;
	max-width: 960px;
	text-align: center;
	width: 100%;
}
.corona{border:1px solid #198df3;padding:40px;text-align: justify;text-justify: inter-ideograph;margin:10px 0 20px;line-height:1.6;}
.corona h2{color:#198df3;margin:0 auto 20px;font-size:20px;text-align:center;background:none;padding:0;}
.corona ul{margin:1em 0 0 1em;color:#198df3;list-style-type: disc;}
.corona li{list-style-type: disc;}
.contents {
  margin: 0;

  width: 100%;
}

section {
  clear: both;
  padding: 0;
}
section article {
	overflow: hidden;
	padding: 50px 0;
}
section article:nth-child(2n),#s3 section article {
	background: #FFEBF5;
}
section article:nth-child(2n+1) {
	background: #fff;
}
#s2 article,
#s3 article {
	background: #FFEBF5;
}
#s4 article {
	background: #F5F5F5;
}
#s4 article:nth-child(2) {
	background: #EDEEE1;
}
#s5 article {
	background: #8BA1BE;
}
#s5 article:nth-child(2) {
	background: #F5F5F5;
}


/*** link ***/
a {
  color: #1a479a;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -mz-transition: all 0.2s;
  -o-transition: all 0.2s;
}

a:hover {
  text-decoration: none;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  transition: all 0.2s;
  width: 100%;
}

.contents img {
  width: auto;
}

p.anno {
	font-size: 10px;
}
p span {
	background:linear-gradient(transparent 50%, #FFFF68 50%);
}

sup {
    font-size: 10px;
	font-weight: 100;
    vertical-align: top;
}
b {
font-weight: bold;
}

@media print,screen and (max-width:950px) {
.inner {
  width: 90%;
}
p.anno {
	text-align: left;
}

}
@media print,screen and (max-width:768px) {
}

/*===================
      ヘッダー
===================*/
header {
	background: #fff;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	width: 100%;
	z-index: 9999;
}
header img {
	width: auto;
}

@media print,screen and (max-width: 1200px) {
}

@media print,screen and (max-width: 768px) {
}



/*========================================
#見出し
=========================================*/
h1 {
 }


h2 .anno {
	margin-top: 20px;
}
/*h2:after {
	background-color: #FFFF68;
	content: '';
	display: block;
	width: 300px;
	height: 2px;
	margin: 5px auto 0;
}*/
 
h3 {
	color: #FF699A;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

h4 {
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0 10px;
}

h5 {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.1;
}
h5 a {
	color: #C1A470;
}
@media print,screen and (max-width:768px) {
h2 {
  font-size: 20px;
  margin-bottom: 0;
  padding: 10px;
}

h3 {
  font-size: 2.0rem;
}
h4 {
	margin: 0;
}

}

/*----------------------------------
section
----------------------------------*/
#mv,#s1,#s2,#s3 {
  width: 100%;
  height: 100%;
  background-position:center center;
  background-size:cover;
}
#mv {
	background: url("../img/mvbg.png");
	background-size: 100% 100%;
}
.mv-in {
	max-width: 1040px;
	margin: 0 auto;

}
/*#mv  {
  display: table;
  width: 100%;
  height: 500px;
  background-color: #FF699A;
  transform: skewY(-10deg);
  margin-top: 10vw;
}

.mv-in  {
	background: #FFFF68;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
}
#mv  > * {
  transform: skewY(10deg);
}*/
#mv img {
    margin: 0 auto;
    width: 100%;
}

#s6 h2,#s8 h2 {
	background: #75B797;
}

#s6 article,#s8 article {
	background: #D1ECD9;
}
#s7 article,
#s9 article {
	background: #FFEBF5;
}
#s9 article:last-child {
	background: #F5F5F5;
}
@media print,screen and (max-width:768px) {
	#s4 article {
		padding: 0;
	}
	#s4 article:first-child .inner img:last-child {
		padding: 20px 0;
}
}

.fl {
	float: left;
	width: 40%;
}
.fr {
	float: right;
}

.sp {
  display: none;
}
/*----------------------------------
contents
----------------------------------*/
.cv {
	background: #fff;
	overflow: hidden;
	padding: 80px 0 100px;
}
.cv ul li {
	float: left;
	width: 50%;
}
.cv ul li:last-child {
	float: right;
}
.cv ul li a {
	cursor: pointer;
}
.cv ul li:nth-child(1) a img {
	transition: all .5s;
	filter: drop-shadow(0px 5px #A7DAD7);
}
.cv ul li:nth-child(2) a img {
	transition: all .5s;
	filter: drop-shadow(0px 5px #E3A9BC);
}
.cv ul li:nth-child(1):before {
	content: url('../img/cvcap1.png');
	
}
.cv ul li:nth-child(2):before {
	content: url('../img/cvcap2.png');
}
@media print,screen and (min-width:769px) {
.cv ul li:nth-child(1) a img:hover {
	transform: translate(0px,5px);
	filter: drop-shadow(0px 0px #A7DAD7);
}
.cv ul li:nth-child(2) a img:hover {
	transform: translate(0px,5px);
	filter: drop-shadow(0px 0px #A7DAD7);
}
}

@media print,screen and (max-width:768px) {
.cv {
	padding: 40px 0;
}
.cv ul li,
.cv ul li:last-child {
	float: none;
	margin: 0 auto;
	width: 90%;
}
.cv ul li {
	margin-bottom: 20px; 
}
.cv ul li:nth-child(1):before {
	background: url('../img/cvcap1.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	display: block;
	height: 25px;
	margin: 0 auto;
	width: 90%;
}
.cv ul li:nth-child(2):before {
	background: url('../img/cvcap2.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	display: block;
	height: 25px;
	margin: 0 auto;
	width: 100%;
}

}


.summer {
	background: #8AC4ED;
	margin-bottom: -30px;
}
.summer .inner {
	position: relative;
}
.summer .inner:nth-child(2) {
	position: absolute;
    bottom: -30px;
    left: 0;
}
.camp {
	background: #FFFF68;
	padding: 50px 0;
}

#s2 article.pr {
	padding: 0 0 30px;	
}
#s3 article,
#s6 article {
	padding: 30px 0;
}
#s5 article:first-child {
	padding: 20px 0 0;
}
#s7 article {
	padding-bottom: 0;
}
#s8 .inner {
	text-align: left;
}
#s8 dl {
	margin-bottom: 20px;
}
#s8 dt {
	background: #75B797;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 30px;
}
#s8 dt img {
    margin-right: 20px;
}
#s8 dd {
	background: #fff;
	padding: 30px;
	position: relative;
}
#s8 dd p {
	line-height: 1.4;
	width: 75%;
}
#s8 dd img {
    float: left;
    margin: 0 20px 100px 0;
}
#s8 dl:nth-child(2) dd img {
    margin: 0 20px 30px 0;
}
#s8 dl:nth-child(3) dd img {
    margin: 0 20px 130px 0;
}
#s8 dd img:nth-child(3) {
	position: absolute;
	right: 10px;
	top: -60px;
}
#s8 dl:first-child dd img:nth-child(3) {
	position: absolute;
	right: 10px;
	top: 20px;
}

#s9 dl {
	border: 1px solid #C1A470;
	display: table;
	margin:0 auto 10px;
	max-width: 840px;
	width: 100%;
}
#s9 dt {
	background: #C1A470;
	color: #fff;
	display: table-cell;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 22.619048%;
}
#s9 dd {
	background: #fff;
	display: table-cell;
	overflow: hidden;
	padding: 20px 15px;
	width: 77.380952%;
}

#s9 dd .detail {
	float: left;
	text-align: left;
	width: 40%;
}
#s9 dd .detail p:last-child {
	line-height: 1.2;
}
#s9 dd .detail hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 1px solid #C1A470;
    margin: 5px 0 10px;
    padding: 0;
}
#s9 dd .shopcv {
	float: right;
}
#s9 dd .shopcv a img {
	transition: all .5s;
	filter: drop-shadow(0px 5px #E3A9BC);
}
@media print,screen and (min-width:768px) {
	#s9 dd .shopcv a img:hover {
		transform: translate(0px,5px);
		filter: drop-shadow(0px 0px #E3A9BC);
	}
}
#s9 dd .shopcv:before {
	content: url('../img/cvcap3.png');
	display: block;
}

#s9 ul.gallery,
#s9 ul.gallerys {
	column-count: 5;
	column-gap: 0;
	margin-top: 50px;
}
#s9 ul.gallery li,
#s9 ul.gallerys li {
	cursor: pointer;
	transition: all .5s;
	-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
#s9 ul.gallery li:hover,
#s9 ul.gallerys li:hover {
	opacity: .8;
}
#s9 ul.gallery li img,
#s9 ul.gallerys li img {
	width: 100%
}
#s9 ul.gallery-photo li,
#s9 ul.gallery-photos li {
	color: #fff;
	max-width: 650px;
	opacity: 0;
	position: fixed;
	left: -200%;
	top: 40%;
    z-index: 9999;
}
#s9 ul.gallery-photo li caption,
#s9 ul.gallery-photos li caption {
	color: #fff;
}
#s9 ul.gallery-photo li:before,
#s9 ul.gallery-photos li:before {
	content: "×";
	font-size: 40px;
	position: absolute;
	bottom: -45px;
	right: 0;
}

@media print,screen and (max-width:1120px) {
.contents .inner {
  width: 95%;
}
.summer .inner,
	#s4 .inner {
  width: 100%;
}
}

@media print,screen and (max-width:768px) {
.contents .inner {
  border: none;
}

.camp {
	padding: 50px 0 20px;
}

#s3 table {
  margin: 0 auto;
}
#s3 th,
#s3 td {
  display: block;
  text-align: center;
  width: 100%;
}
#s3 th {
  padding: 15px 20px 0;
}
#s3 td {
  padding: 5px 20px 20px;
}
#s3 .detail,#s3 .map {
	float: none;
	width: 100%;
}
#s4 article:first-child img:last-child,
#s5 article:last-child .inner > img:last-child {
	margin: 0 auto;
	width: 90%;
}
#s5 article:first-child,
#s5 article {
	padding: 0;
}
#s5 article:last-child {
	padding: 0 0 50px;
}
#s5 article .inner {
	width: 100%;
}
#s7 article {
	padding-top: 30px;
}
	
#s8 dt,
#s8 dd {
	padding: 10px;
}
#s8 dt {
	line-height: 1.4
}
#s8 dt img {
    margin: 5px 20px 20px 0px;
    width: 10%;
    float: left;
}
#s8 dd p {
    width: 100%;
}
#s8 dl dd img:nth-child(3),
#s8 dl:first-child dd img:nth-child(3) {
	position: inherit;
	float: none;
	margin: 0 auto;
	display: block;
	top: 0;
	left: 0;
}
#s8 dd img:first-child {
    float: left;
    margin: 0 20px 210px 0;
	width: 10%;
}
#s8 dl:nth-child(2) dd img:first-child {
    margin: 0 20px 40px 0;
}
#s8 dl:nth-child(3) dd img:first-child {
    margin: 0 20px 230px 0;
}

#s9 article {
	padding: 30px 0;
}
#s9 dt {
	font-size: 20px;
}
#s9 dd {
	border-bottom: 1px solid #C1A470;
}
#s9 dt,
#s9 dd {
	display: block;
	width: 100%;
	padding: 10px;
	text-align: center;
}
#s9 dd .detail {
	float: none;
	text-align: center;
	width: 100%;
}
#s9 ul.gallerys {
	column-count: 3;
}
#s9 ul.gallerys li {
    display: inline-block;
}
#s9 dd .shopcv {
    float: none;
    margin-top: 20px;
}
#s9 dd .shopcv a {
	margin: 0 auto;
	width: 90%;
}
#s9 dd .shopcv a img {
	margin: 0 auto;
}
	
#s9 ul.gallery-photos li {
	width: 90%;
}

.sp {
  display: block;
}
.pc {
	display: none;
}
}


/*----------------------------------
form
----------------------------------*/
#form {
	padding: 70px 0;clear:both;
}
#form h2 {
	background: none;
	color: #C1A470;
	font-size: 24px;
    font-weight: bold;
	letter-spacing: 5px;
}
#form > img {
	display: block;
	margin: 0 auto 40px;
}
#form > img.sp {
	display: none;
}
#form table {
	border-collapse: collapse;margin-top:20px;
}
#form tr {
	background: #fff;
}
#form tr:nth-child(2n+1) {
	background: #F5F5F5;
}
#form tr th {
	font-size: 16px;
	padding: 20px;
	text-align :left;
	vertical-align: top;
	width: 25%;
}
#form tr th span {
	background: #FF699A;
	color: #fff;
	display: block;
	float: right;
	padding: 0 5px;
}
#form tr td {
	padding: 20px;
	text-align :left;
}
#form tr td input,
#form tr td select {
	background: #fff;
	border: 1px solid #C3C3C3;
	border-radius: 3px;
	color: #808080;
	font-size: 20px;
	padding: 5px;
	width: 300px;
}

select[id="cat"]{width:100% !important;}

#form tr td select {
	background: #fff;
	border: 1px solid #C3C3C3;
	border-radius: 3px;
	color: #808080;
	font-size: 20px;
	padding: 5px;
	width: 300px;
}
#form tr td .cal {
	position: relative;
	display: inline-block;
}
#form tr td .cal:after {
	content: "";
	background:  url(../img/calendaricon.png);
	position: absolute;
	    right: 5px;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 5px;
}
#form tr td .cal #date {
	height: 35px;
}
#form tr td .cal #date2 {
	height: 35px;
}
#form tr td textarea {
	background: #fff;
	border: 1px solid #C3C3C3;
	border-radius: 3px;
	color: #808080;
	font-size: 20px;
	padding: 5px;
	white-space: pre-wrap;
	width: 100%;
}
#form tr td input::placeholder,
#form tr td select::placeholder,
#form tr td textarea::placeholder {
	color: #ccc;
}
#form .send_box {
	margin: 60px auto;
	text-align :center;
}
#form .send {
	border: 0px;
	cursor: pointer;
	width:400px;
	height:84px;
	background: url(../img/mail_cv1_pc.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#form .send:hover {
	background: url(../img/mail_cv1_on_pc.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.f2 #form .send {
	background: url(../img/mail_cv2_pc.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.f2 #form .send:hover {
	background: url(../img/mail_cv2_on_pc.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.btns {
	padding: 40px;
	position: relative;
}
.btns .back {
    background: #fff;
    border: 1px solid #999;
	color: #999;
	cursor: pointer;
	float: left;
    font-size: 18px;
	margin: 20px 0;
    padding: 5px 19px;
	position: absolute;
	left: 0;
}
@media print,screen and (max-width:768px) {
#form {
	padding: 30px 0;
}
#form > img {
	width: 90%;
}
#form h2 {
	font-size: 20px;
	letter-spacing: 0;
}
#form tr th {
	color: #C1A470;
	font-size: 5vw;
}
#form tr th,
#form tr td {
	display: block;
	width: 100%;
	padding: 10px;
	text-align: left;
}
#form tr td {
	padding: 2% 10px 5%;
}
#form tr th span {
	padding: 0 10px;
}
#form tr td input {
	width: 100%;
}
#form tr td input#date {
		width: 300px;
}
#form .send {
	background: url(../img/mail_cv1_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 90%;
}
	
	.btns {
    padding: 10px;
}
.btns .back {
    float: none;
    font-size: 18px;
    padding: 5px auto;
    position: inherit;
}

	
#form > img.sp {
  display: block;
}
#form > img.pc {
	display: none;
}
}


/*----------------------------------
footer
----------------------------------*/
footer {
	border-top :1px solid #957C33;
	font-size: 14px;
	overflow: hidden;
	padding-bottom: 200px;
	text-align: center;
	width: 100%;
}
footer .foot_up {
	color: #969696;
	overflow: hidden;
	padding: 10px 0 40px;
	text-align: left;
}
footer .foot_up p {
	float: left;
}
footer .foot_up a {
	color: #957C33;
	float: right;
	vertical-align :top;
}
.foot_bottom {
	background: rgba(0,0,0,.8);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: all .5s;
}
.foot_bottom.isActive {
	opacity: 1;
}

.foot_bottom .cv {
	background: none;
	padding: 25px;
}
.foot_bottom .cv li {
}
.foot_bottom .cv li:before,
.foot_bottom .cv li:last-child:before {
	content: "";
	display: block;
}
.foot_bottom .cv li a {
	cursor: pointer;
	max-width: 440px;
	display: block;
	margin: 0 auto;
}
.foot_bottom .cv .inner li::before {
    content: url(../img/cvcap4.png);
    display: block;
}
.foot_bottom .cv .inner li:last-child::before {
    content: url(../img/cvcap5.png);
    display: block;
}
.flogo {
    width: auto;
    text-align: left;
    padding-bottom: 10px;
}
.flogo img {
    width: auto;
}

@media print,screen and (max-width:768px) {
footer {
    padding: 30px 0 70px;
	text-align: center;
}
.flogo {
	text-align: center;
    width: auto;
}
footer .foot_up a {
	display: block;
	float: none;
	text-align: center;
}
	
.followcv {
	background: rgba(0,0,0,.8);
	display: block;
	position: fixed;
	bottom: 0;
	padding: 10px;
	width: 100%;
	opacity: 0;
	transition: all .5s;
}
.followcv li {
	float: left;
	width: 48%;
}
.followcv li:last-child {
	float: right;
}
.followcv.isActive {
	opacity: 1;
}
}

.thanks {
	text-align: center;
}
.thanks h3 {
	color: #C1A470;
	font-size: 36px;
}
@media print,screen and (max-width:768px) {
.corona{border:1px solid #198df3;padding:20px;text-align: justify;text-justify: inter-ideograph;margin:10px 0 20px;}
.thanks h3 {
    font-size: 20px;
}
.thanks a img {
	margin: 0 auto;
	width: 80%;
}
}