@import "/css/font-awesome/css/font-awesome.min.css";

.wrapper img {
	max-width: 100%;
}
.wrapper ol {
	list-style: none;
}
.pc_only {
	display: none;
}
.sp_only {
	display: none;
}
.note {
	font-size: 75%;
}

.wrapper a {
	text-decoration: none;
}

.indent{
	padding-left:1em;
	text-indent:-1em;
}

.indent2{
	padding-left:2em;
	text-indent:-2em;
}

#pagetop {
	position: fixed;
	bottom: 50px;
	right: 25px;
}
#pagetop a {
	display: block;
	z-index: 10000;
	width: 35px;
	height: 35px;
}
sup {
	vertical-align: super;
	font-size: 70%;
}

.moreinfo {
	border-radius:2em;	
	text-align:center;
	font-size: 0.9rem;
    background: #ccc;
}

.moreinfo a:fisrt-child {
	margin: 2em 0 0 0;
}

.moreinfo a {
	display: block;
	padding: 0.8em;
	color: #000;
	border-radius: 2em;
	position: relative;
    margin: 1em auto 0;
}

.moreinfo a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translateY(-50%);
}


.moreinfo2 {
	text-align:center;
	font-size: 105%;
    background: #ccc;
}

.moreinfo2 a {
	display: block;
	padding: 0.8em;
	color: #000;
	position: relative;
    margin: 1em auto 0;
}

.moreinfo2 a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translateY(-50%);
}

.color1{
    background: #11457e;
}
.color2{
    background: #5f4a8b;
}
.color3{
    background: #7a7e5d;
}
.color4{
    background: #427a95;
}
.color5{
    background: #bb835a;
}

.color6{
    background: #c16f56;
}

@media only screen and (max-width: 640px) {
    {
	margin: 1em auto 0;
}   
}



@media only screen and (min-width: 640px) {
	.wrapper {
		font-size: 110%;
	}
	.wrapper a {
		transition: 0.5s;
	}
	.wrapper a:hover {
		text-decoration: none;
		opacity: 0.7;
		transition: 0.5s;
	}
	.wrapper img {
		width: auto;
	}
	.pc_only {
		display: inline;
	}
	.sp_only {
		display: none;
	}
	.pc_only2 {
		display: block;
	}
	.sp_only2 {
		display: none;
	}    
	.moreinfo {
		margin: 0 auto;
	}
	.moreinfo a {
		font-size: 90%;
	}
	.em {
		font-size: 140%;
		font-weight: bold;
		text-align: center;
	}
}

@media only screen and (max-width: 640px) {
    .sp_only2 {
		display: block;
	} 
    .pc_only2 {
		display: none;
	}
}
    

/* ********** ヘッダ ********** */
.header {
	margin: 0 0 1em;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
}

.header .logo {
	width: 13.5vw;
	margin: 4px 0 0 0;
	margin-right: auto;

}

.header .logo2 {
	width: 15vw;
	margin: 5px 0 0 -4px;
	margin-right: auto;
}

.header .header_cta {
	display: -webkit-flex;
	display: flex;
}
.header .header_cta_item div {
	margin: 0 0 0 0.5em;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
}

.header .header_cta_item a {
	color: #fff;
	font-size: 2.5vw;
	padding: 0.5em;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.header .header_cta_item:first-child a {
	background-color: #2db8ef;
}
.header .header_cta_item:last-child a {
	background-color: #ff9c00;
	margin-left: 5px;
}
.header .header_cta_item img {
	width: 7.5vw;
}
@media only screen and (min-width: 640px) {
	.header .logo {
		width: 80px;
		margin-right: auto;
	}
    
    .header .logo2 {
		width: 80px;
	}
    
	.header .header_cta_item div {
		margin: 0 1em 0 0.5em;
	}
	.header .header_cta_item a {
		font-size: 90%;
	}
	.header .header_cta_item span {
		font-size: 80%;
	}
	.header .header_cta_item img {
		width: auto;
	}
}


@media all and (-ms-high-contrast:none){
  .logo img{margin-left: -370px;} 
  .logo2 img{margin-left: -360px;}  /* IE10 */
}


/* ********** トップ ********** */
.top {
	margin: 0;
	padding: 0;
    position: relative;
    top:0;
    left:0;    
}

.top h1 {
	margin: 1.5em auto 0;
	line-height: 1.4;
	font-size: 160%;
	text-align:center;
	letter-spacing:0.1em;
	font-weight: bold;
}

.top h1 span {
	font-size: 60%;
	font-weight: normal;
}
.top h1 span.date {
	font-size: 60%;
	letter-spacing:normal;
}


@media only screen and (min-width: 640px) {
	.top h1 {
	font-size: 210%;
	}
	.nav {
		overflow:hidden;
		margin:1em auto;
	}
    .nav .image{
		margin-bottom:1em;
	}	
    .nav span{
        color: #fff;
        font-size: 80%;
        padding: 0.5em;
        font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;
        letter-spacing: 1px;
    }    
	.nav li {
		width:32%;
		float:left;
		font-size: 85%;
		margin:2% 0 0 2%;
		text-align: center;
        background: #eee;
	}

	.nav li:first-child,
    .nav li:nth-child(4) {
		margin-left:0;
	}
	.nav a::after {
		content: "\f107";
		font-family: FontAwesome;
		transform: translateY(-50%);
	}
}

/* ********** iPhone6,7,8横 ********* */

@media only screen and (min-width: 736px) {
    	.nav .text {
		font-size: 78%;
	}
}   


/* ********** iPad ********** */

@media only screen and (min-width: 768px) {
    	.nav .text {
		font-size: 78%;
	}
}   

@media only screen and (min-width: 769px) {
    	.nav .text {
		font-size: 84%;
	}
}   


@media only screen and (max-width: 640px) {
    .top  {
        display: block;
	}
	.nav {
		margin: 1.5em 0 1em 0;
        font-size: 88%;
        line-height: 2;
	}
    .nav span{
        color: #fff;
        font-size: 80%;
        margin-bottom: 0.3em;
        padding: 0.2em 1em;   
        display: block;
        width: 4em;
        text-align: center;
        font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;        
    }
	.nav li {
		margin: 0.5em 1em;
        padding: 0.8em;
        background: #eee;
        line-height: 1.4;
	}
	.nav a {
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.nav a::after {
		content: "\f107";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0.3em;
	}
	.nav .image {
		width: 25%;
		line-height: 0;
	}
	.nav .text {
		width: calc(75% - 0.5em);
	}	
}


/* ********** ナビ ********** */
nav{
        background: #222;
        color: #fff !important;
        padding: 0.5em 0 0.5em;
}

nav ul {
        margin:0 auto;
        display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;        
}

nav a {
		color: #fff;
        font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;
}
    
/* ****** クローンナビ ****** */
.clone-nav {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        transition: .3s;
        transform: translateY(-100%);
        margin:0 auto;
        color: #fff !important;
        font-size: 110%;
  }

@media only screen and (min-width: 640px) {
	.clone-nav ul{
        margin: 0 auto;
        width: 960px;
        color: #fff;        
        }
    .clone-nav li{
        width:14%;
		font-size: 1em;
		margin-left:0.5%;
		text-align: center;
        border: 1px solid #fff;
        padding-bottom: 0.2em;
        } 
   /* .clone-nav li:last-child{
        background: #eee;
  }*/
}    

@media only screen and (max-width: 640px) {
    .clone-nav ul{
        margin: 0 auto;
        padding-bottom: 1.5%;
        }
    .clone-nav li{
        width: 48%;
        text-align: center;
        font-size:90%;
        padding: 1.5% 1% 0;
        line-height: 2;
        } 
    /*.clone-nav li:last-child a{
        background: #eee;
  }*/
}  


/* ********** iPhone6,7,8 横対応 ********** */

@media only screen and (min-width: 667px) {
    	.clone-nav ul{
        width: 667px;
        }
}   

/* ********** iPad ********** */

@media only screen and (min-width: 768px) {
    	.clone-nav ul{
        width: 768px;
        }
}    
    
@media only screen and (min-width: 769px) {
    	.clone-nav ul{
        width: 960px;
        }
}    
    

.is-show {
    transform: translateY(0);
  }

@media only screen and (min-width: 640px) {
	nav {
		overflow:hidden;
		margin:-2000px auto 0;
        /*  width: 960px; */
	}
    
    nav ul {
            margin:0 auto;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: nowrap;
            justify-content: space-between;        
            flex-wrap: wrap;        
    }

	nav li {
		font-size: 1em;
		margin-left:1.1%;
		text-align: center;
        border: 1px solid #fff;
        padding-bottom: 0.2em;
	}
	nav li:first-child {
	}
    
    nav a {
        font-size: 80%;    
        padding: 0.5em 1em;
        text-align: center;
	}
    
	nav a::after {
		content: "\f107";
		font-family: FontAwesome;
		transform: translateY(-50%);
	}
}
@media only screen and (max-width: 640px) {
	nav {
		margin-top: -1500px;
		padding: 0;
	}
    
    nav ul {
        width: 100%;
	}    
     
	nav li {
		margin: 0;
        padding: 0;
        width: 20%;
        text-align: center;
        color: #fff;
        font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;
	}
	nav a {
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
        font-size: 84%;
        border: 1px solid #fff;
        text-align: center;
	}
	nav a::after {
		content: "\f107";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0.5em;
	}
	nav .image {
		width: 40%;
		line-height: 0;
	}
	nav .text {
		width: calc(60% - 0.5em);
	}	
}



/* ********** iPad ********** */

@media only screen and (min-width: 768px) {
    	nav a {
        font-size: 78%;    
	}

}    
    
@media only screen and (min-width: 769px) {
    	nav a {
        font-size: 80%;    
	}

}    
    
/* ********** iPhone6,7,8 横対応 ********** */

@media only screen and (min-width: 667px) {
    nav a {
        font-size: 68%;    
	}
}        

/* ********** リード ********** */

.top .lead {    
	text-align: center;
}

@media only screen and (min-width: 640px) {
.top .lead {
	padding: 2.2%;
    position: absolute;
    top:300px;
    left: 7%;
    background-color: rgba( 256, 256, 256, 0.55 );
    width: 81%;
    font-size: 1.05rem;
    line-height: 2.6;        
    }
    
.top .lead span{
    font-weight: bold;
    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;
    font-size: 1.4rem;
    letter-spacing: 0.6px;
    } 
}    

@media only screen and (max-width: 640px) {
    .top .lead {
	margin: 1em 0 2em;
    line-height: 2.4;
    font-size: 0.9rem;        
    }    
	.top .lead span{
    font-weight: bold;
    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;
    font-size: 1.05rem;
    letter-spacing: -0.6px;
    line-height: 3;        
    } 
}


/* ********** iPhone 6,7,8横対応 ********** */

@media only screen and (min-width: 667px) {
    .top .lead {
	top:190px;    
    }
}    

/* ********** iPad ********** */

@media only screen and (min-width: 768px) {
    .top .lead {
	top:233px;    
    }
}    
    
@media only screen and (min-width: 769px) {
    .top .lead {
	top:300px;    
    }
}    
    

/* ********** セクション ********** */
.section {
	margin: 2em 0 3em;
	padding: 2em 0 1em;
	line-height: 1.7;
}

@media only screen and (min-width: 640px) {
    .section {
	margin-top: 1350px;
    }
    .section h2 {
    margin-top:2em;     
	text-align:center;
    letter-spacing: 1px;
	padding:1em;
	font-size:140%;
    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;
    }

.section h2 span{
	text-align:center;
    letter-spacing: 1px;
	padding:0.4em 0.8em;
	font-size:80%;
    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;
    color: #fff;
    margin-right: 1em;
    }
}

@media only screen and (max-width: 640px) {
    .section {
	margin-top: 840px;
    }
    
    .section h2 {
    margin-top: 7em;    
	text-align:center;
    letter-spacing: 1px;
    line-height: 1.2;
	font-size:120%;
    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;
    }
    .section h2 span{
    text-align:center;
    letter-spacing: 1px;
    line-height: 1.5;        
    padding:0.3em;
    font-size:90%;
    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 6em;
    }
    .section p {
    font-size: 90%;        
}    
}

.section .text {
	font-size: 90%;
}
.section .image {
	margin: 0.5em 0;
	line-height: 0;
}

@media only screen and (min-width: 640px) {
	.section {
		line-height: 2;
	}
    .section p {
        font-size:90%;
	}
	.section h2 {
		line-height: 1.7;
	}
    .section .case_lead {
    text-align: center;
    line-height: 2.4;
    margin-bottom: 2em;
    }
}

@media only screen and (max-width: 640px) {
    .section .case_lead{
    padding: 2em 1em;
    }
    
    .section .case_lead {
    line-height: 2;
    }
}

/* ********** iPad ********** */

@media only screen and (min-width: 768px) {
     .section {
	margin-top: 1100px;
    }

}    
    
@media only screen and (min-width: 769px) {
    .section {
	margin-top: 1350px;
    }
}    
    

/* ********** family ********** */
.family {
	color:#000;
	margin: 2em 0;
    text-align:center;
}
.family ul {
	padding: 0 0 1em;
}
.family li:not(:last-child) {
	margin: 0 0 2em;
}
.family dt {
	margin: 0 0 0.5em;
	padding: 0;
	border-bottom: solid 1px #ccc;
}
.family .category::before {
	content: "〔";
}
.family .category::after {
	content: "〕";
}
.family .detail {
	margin: 0.5em 0 0;
}

.family .demand {
    text-align: left;
}

@media only screen and (max-width: 640px) {
    .family .demand {
    padding: 1em 1em 0;
    }
    .family img {
    width: 85%;
    }
}    

.family .demand_baloon {
	text-align:center;
	position: relative;
	display: inline-block;
	margin: 1em auto 1.2em;
	padding: 7px 10px;
	width:10em;
	color: #fff;
	background: #F5AB62;
	border: solid 3px #F5AB62;
	border-radius: 2em;
	box-sizing: border-box;
}
.family .demand_baloon:before{
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #F5AB62;
	z-index: 2;
}
.family .demand_baloon:after{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #F5AB62;
	z-index: 1;
}

@media only screen and (min-width: 640px) {
    .detail {
        text-align:left;
        padding: 0 0 1em 0.5em;
    }
	.family {
		margin-top: 2em;
		padding: 0;
		text-align: left;
	}
	.family ul {
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
    .family li:nth-child(odd){ 
        width: calc(60% - 1em);
        text-align: left;
    }    
	.family li {
		width: calc(35% - 1em);
        text-align: center;
        margin: 0 auto;
	}        
}


/* ********** ウィークディ他 ********** */
.days{
    margin: 2em 0 0;
    width: 100%;
}

.days .weekday{
    background: #eae5d6;
}

.days .text{
    padding: 1em 2em 2em 2em;
    line-height: 2.2;
}

.days h3{
    text-align: center;
    font-size: 100%;
    padding: 1.5em 0 0 0;
    font-weight: normal;
}

.days h3 span{
    font-size: 140%;
    font-weight: bold;
    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;
    margin-right: 0.6em;
}

.days .weekend{
    background: #daebeb;
    margin-top: 1.5em;
}


/* ********** ウィークディ point ********** */
.days_point {
	color:#000;
	margin: 2.5em 0;
	padding: 0 1em 1em;
}
.days_point ul {
	padding: 0 0 1em;
}
.days_point .image a {
	display: block;
	line-height: 0;
	border:1px solid #fff;
}
.days_point dt {
	margin: 0;
	padding: 0;
}
.days_point .category::before {
	content: "〔";
}
.days_point .category::after {
	content: "〕";
}
.days_point .p_detail {
	padding: 0.5em 0.5em 1em 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    font-size: 90%;
}

.days_point li:nth-child(5) {
    margin-top: 1em;
}	

.days_point .image2{
    width: 55%;
    margin: 1em auto 0;
}

@media only screen and (min-width: 640px) {
	.p_detail {
	text-align:left;
}
}

.days_point .p_detail img {
	width: calc(25% - 1em);
	height: calc(25% - 1em);
	margin-right:1em;
}

.days_point .p_detail p {
	width: 75%;
}

.days_point dd {
	font-size: 100%;
}

.days_point .moreinfo {
	margin-top: 1em;
	border-radius:2em;	
	text-align:center;
	font-size: 0.9rem;
	border:1px solid #fff;
}
.days_point .moreinfo a {
	display: block;
	padding: 0.8em;
	color: #000;
	border-radius: 2em;
	position: relative;
}
.days_point .moreinfo a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translateY(-50%);
}
@media only screen and (min-width: 640px) {
	.days_point {
		margin: 2em 0;
		padding: 0;
		text-align: center;
	}
	.days_point ul {
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.days_point li {
		width: calc(60% - 1em);
        text-align: center;
        margin: 0 auto;
	}
	.days_point li {
		margin-bottom: 1.5em;
	}       
    .days_point li:nth-child(odd){ 
        width: calc(40% - 1em);
        text-align: left;
    }    
	.days_point li:nth-child(2),
    .days_point li:nth-child(4) {
		margin-left: 1.9em;
	}
	.days_point .moreinfo {
		margin-top: 2em;
	}
}    
  
@media only screen and (max-width: 640px) {
    .days_point {
	margin: 2.5em 0 0;
    padding: 0 1em 0;    
    }    
    .days_point li:nth-child(2) {
		margin-bottom: 3em;
	}
    .days_point li:nth-child(4) {
		margin-bottom: 3em;
	}
    .days_point li:last-child {
		margin-bottom: 3em;
	}
}

/* ********** pickup ********** */
.pickup {
	color:#000;
	padding: 0 2em 1em;
	font-size: 90%;
    text-align: left;
    background: #eee;
}

.pickup h3{
    padding: 1em 0 0.5em 0;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}

.pickup ul {
	padding: 0 0 1em;
}

@media only screen and (min-width: 640px) {
	.pickup {
		margin: 5em 0 0;
		padding: 0 2em 2em;
	}
	.pickup ul {
		padding: 0 0 2em;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.pickup li {
		width: calc(50% - 1em);
	}
	.pickup li:nth-child(2n) {
		margin-left: 2em;
	}
}

@media only screen and (max-width: 640px) {
    .pickup {
		margin: 1em 0 0;
	}
    .pickup li {
        margin-bottom: 2em;
	}
}

/* ********** リンクエリア　********** */
.link_area {
	color:#000;
	margin: 2.5em 0;
	padding: 0 2em 1em;
	font-size: 90%;
    text-align: left;
}

.link_area ul {
	padding: 0 0 1em;
}

@media only screen and (min-width: 640px) {
	.link_area {
		margin: 2em 0 0;
		padding: 1em 3em 2em;
	}
	.link_area ul {
		padding: 0 0 2em;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.link_area li {
		width: calc(50% - 1em);
	}
	.link_area li:nth-child(2n) {
		margin-left: 2em;
	}
}

@media only screen and (max-width: 640px) {
    .link_area {
		margin: 0.5em 0 0;
        padding: 1em 1em 0 1em;
        text-align: left;
	}
    .link_area li {
        margin-bottom: 1em;
	}
    .link_area ul {
		padding: 0;
	}
}


/* ********** pickup ページ下部にあるカラムです********** */
.pickup2 {
	color:#000;
	margin: 2.5em 0;
	padding: 0 2em 1em;
	font-size: 90%;
    text-align: left;
    background: #eee;
}

.pickup2 h3{
    padding: 1em 0 0.5em 0;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
}

.pickup2 ul {
	padding: 0 0 1em;
}

.pickup2 .pickuplead{
    padding: 1em 0 2em;
}

@media only screen and (min-width: 640px) {
	.pickup2 {
		margin: 5em 0 0;
		padding: 1em 3em 2em;
	}
	.pickup2 ul {
		padding: 0 0 2em;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.pickup2 li {
		width: calc(50% - 1em);
	}
	.pickup2 li:nth-child(2n) {
		margin-left: 2em;
	}
}

@media only screen and (max-width: 640px) {
    .pickup2 {
		margin: 5em 0 0;
        padding: 1em;
        text-align: left;
	}
    .pickup2 li {
        margin-bottom: 2em;
	}
    .pickup2 ul {
		padding: 0;
	}
}

/* ********** scene ********** */
.scene {
	color:#000;
	margin: 2.5em 0 0;
	font-size: 90%;
    text-align: left;
}

.scene dl:first-child{
    margin-bottom: 2.2em;
}

.scene .size{ 
    font-size: 75%;
	height:2.5rem;
}

.scene .price{
    font-size: 90%;
}

.scene h3{
    padding: 1em 0 0.2em 0;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #222;
    margin-bottom: 1em;
}

.scene li {
    margin-bottom: 1rem;
	
}


.scene ul li dt{
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 1em;
}

#case1 .scene ul li dt{
	height:4rem;
}
#case1 .scene ul li:nth-child(4) dt,
#case1 .scene ul li:nth-child(5) dt,
#case1 .scene ul li:nth-child(6) dt {
	height:3rem;
}
#case2 .scene ul li dt{
	//height:4rem;
}
#case3 .scene ul li dt{
	height:3rem;
}
#case3 .scene ul li:nth-child(4) dt,
#case3 .scene ul li:nth-child(5) dt,
#case3 .scene ul li:nth-child(6) dt {
	height:2rem;
}
#case4 .scene ul li dt{
	height:3rem;
}
#case4 .scene ul li:first-of-type dt{
	height:5.3rem;
}
#case4 .scene ul li:nth-child(2) dt,
#case4 .scene ul li:nth-child(3) dt{
	height:2rem;
}
#case5 .scene dt{
	height:3rem;
}
#case6 .scene dt{
	height:2rem;
}





@media only screen and (min-width: 640px) {
    .scene {
	   margin: 3em 0 0;
    }
	.scene ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.scene li {
		width: calc(33.3% - 1em);
        margin-right: 1.5em;
	}
	.scene li:nth-child(3),
    .scene li:nth-child(6) {
		margin-right: 0;
	}
    .scene li:nth-child(7),
    .scene li:nth-child(8) {
        margin-bottom: 0;
    }
    .pc_fix{
        margin-top: 1em;
    }
    .pc_fix2{
     margin-bottom: 0 !important;
    }
}

@media only screen and (max-width: 640px) {
    .scene {
	padding: 1em;        
    }
	.scene .size {
		height:auto;
	}
    .scene li {
    margin-bottom: 4em;
    }
    .scene li:last-child {
    margin-bottom: 0;
    padding-bottom: 0 !important;
    }
    .scene ul li dt {
    font-size: 110%;
    }
	#case1 .scene ul li dt{
	height:auto;
	}
	#case1 .scene ul li:nth-child(4) dt,
	#case1 .scene ul li:nth-child(5) dt,
	#case1 .scene ul li:nth-child(6) dt {
		height:auto;
	}
	#case2 .scene ul li dt{
		height:auto;
	}
	#case3 .scene ul li dt{
		height:auto;
	}
	#case3 .scene ul li:nth-child(4) dt,
	#case3 .scene ul li:nth-child(5) dt,
	#case3 .scene ul li:nth-child(6) dt {
		height:auto;
	}
	#case4 .scene ul li dt{
		height:auto;
	}
	#case4 .scene ul li:first-of-type dt{
		height:auto;
	}
	#case4 .scene ul li:nth-child(2) dt,
	#case4 .scene ul li:nth-child(3) dt{
		height:auto;
	}
	#case5 .scene dt{
		height:3rem;
	}
	#case6 .scene dt{
		height:auto;
	}
    .pc_fix{
        margin-top: 0;
    }
    .pc_fix2{
     margin-bottom: 4em !important;
    }
}



/* ***** 特典 ***** */
.special h3 {
	margin: 0;
	font-size: 140%;
	text-align: center;
}
.special .special_list {
	margin: 0.5em 0 0;
	list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.special .special_list li {
	width: calc(50% - 0.75em - 3em);
	padding: 1.5em;
	background-color: #daebeb;
}
.special .special_list li h4 {
	margin: 0;
	color: #222;
	font-size: 120%;
	text-align: center;
    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝","MS 明朝",serif;
    letter-spacing: 2px;
}
.special .special_list li dl {
	margin: 0.8em 0;
	padding: 1.2em;
	border: solid 1px #fff;
}
.special .special_list li dt {
	font-size: 100%;
	font-weight: bold;
    text-align: center;
}
.special .special_list li dd {
	margin: 1.2em 0 0;
	font-size: 90%;
    text-align: left;
}
.special .note {
	text-align: left;
    margin-top: 0.2em;
}

@media only screen and (min-width: 640px) {
.special {
	margin: 3.5em 0 0;
    padding-top: 3em;
    }
}    

@media only screen and (max-width: 640px) {
.special {
	padding: 0;
	margin: 0;    
} 
.special h3 {
    padding: 6em 0 0;
	font-size: 140%;
	text-align: center;
}
.special .special_list {
	margin: 0.5em 0 0;
	list-style: none;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;    
}    
    
.special .special_list li {
	width: 100%;
	padding: 1.5em;
	background-color: #dbeff6;
    }
.special .special_list li:first-child {
	padding-bottom: 0;
}    
}

/* ********** バナー ********** */

.bnr_area{
    color:#89703C;
    margin: 4em 0 0;
    padding: 1em;
    text-align: center;
    background: #EAE5D6;
}

.bnr_area_fix{
    margin: 2em 0 0;
}

@media only screen and (min-width: 640px) {
    .bnr_area h4 {
        margin: 0 0 0.5em;
        font-size: 110%;
        font-weight: normal;
        text-align: center;
        position: relative;
    }
    .bnr_area h4:before,
    .bnr_area h4:after {
        content: "";
        width: 22%;
        height: 0;
        border-top: solid 1px #89703C;
        position: absolute;
        top: 50%;
    }
    .bnr_area h4:before {
        left: 0;
    }
    .bnr_area h4:after {
        right: 0;
    }
    .bnr_area h4 + p {
        margin: 0 0 5em;
        text-align: center;
    }
}

@media only screen and (max-width: 640px) {
    .bnr_area h4 {
        margin: 0 0 0.5em;
        font-size: 90%;
        font-weight: normal;
        text-align: center;
        position: relative;
    }
}

/* ********** フッタ ********** */
.footer {
	margin: 3em 0;
	font-size: 60%;
	text-align: center;
}

@media only screen and (min-width: 960px) {
	.header,
    .special,
	.top,
    .nav_area,
    nav,
	.lead,
	.section,
	.fair,
    .days_point {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
}