@charset "utf-8";
/* Copyright 2017 FSFIELD All Rights Reserved. */
/* ------------------------------------------------------------

つくる 共通

------------------------------------------------------------ */
.section-title {color: #eb6e9a !important;}

.block-txt {background-color: #eb6e9a !important; }
.border-bottom {border-bottom: dotted 1px #eb6e9a !important;}

.block-info-split {background-color: #fdf0f5 !important; }

.additional {
  border: solid 1px #eb6e9a !important;
  color: #eb6e9a !important; 
}

.catetop .article .title-md {text-align: left;}
.catetop .article .text {text-align: left;}

.btn_reserve01 a{
	background:#EB6E9A;
	font-size:18px;
	padding:10px 5px;
	display:block;
	text-align:center;
	border-radius:5px;
	color:#fff;
	text-decoration:none;
}

.article_create h4{
    margin-bottom:10px;
    font-size: 18px;
    color: #54BD59;
	font-weight:bold;
	text-align:center;
}

.article_create p{line-height:1.8;}

.article_create a{
	display:block;
	margin:7px;
	text-decoration:none;
	padding:7px 7px 15px 7px;
	border:2px solid #E4E2DE;
}

#recommend{
	padding:80px 0;
}

#btn_createarea{
	padding:80px 0;
	background:#FEF1F7;
}

.btn_reserve02 a{
	padding:15px;
	border:2px solid #EB6E9A;
	color:#EB6E9A;
	background:#FEF1F7;
	border-radius:0;
	display:block;
	font-size:18px;
	text-align:center;
	text-decoration:none;
}

.createList01 .description01{
	margin-bottom:15px;
	line-height:1.8;
}

.gurmet_sche{
	padding:50px;
	background-color:#E0E0E0;
}
/* スライダー
---------------------------------------------- */
.slick-slider .slick-arrow {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 49%;
	z-index: 2;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.slick-slider .slick-arrow:hover {opacity: 0.5;}
  
.slick-slider .slick-prev {
	left: -15px;
	background: url("../img/common/btn_prev.png") no-repeat center center;
	background-size:cover;
}

.slick-slider .slick-next {
	right: -15px;
	background: url("../img/common/btn_next.png") no-repeat center center;
	background-size:cover;
}



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

つくる 641px以上

------------------------------------------------------------ */
@media (min-width: 641px) {

/* グローバルアクティブナビ
---------------------------------------------- */
.site-header .site-navi .m-create a:after{opacity: 1;} 	
	
/* 
---------------------------------------------- */	
.title-border .f70{font-size:19px;}

.catetop .block-schedule {width: 800px;}
	.catetop .block-schedule .btn_reserve01 {
		width:640px;
		margin:0 auto;
	}
	  
.catetop .table-schedule dl dt {width: 15%; }

#reserve01{
	width:80%;
	margin:0 auto;
}

.section-title .title{margin-bottom:30px;}

.slick_recomend{
	width:70%;
	margin:0 auto 50px;
}

.article_create .photo{
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 240px;
    margin-bottom: 20px;
}

#recommend .btn_reserve01{
	margin:0 auto;
	width:20%;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}

#recommend .btn_reserve01:hover{opacity:.7;}

.create_inner01{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

#btn_createarea .btn_reserve02{width:45%;}

#btn_createarea .btn_reserve02:first-child{float:left;}
#btn_createarea .btn_reserve02:last-child{float:right;}

.create_inner02{
	width:80%;
	margin:0 auto;
	padding:80px 0;
}

.createList01{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-flex-wrap:wrap;/*--safari用--*/
	flex-wrap:wrap;
	-webkit-flex-direction: row;/*--safari用--*/
	flex-direction: row;
	margin-right:-2%;
}

.createList01 li{
	width:32%;
	padding:7px 7px 12px 7px;
	border:2px solid #E4E2DE;
	margin:0 1% 1% 0;
}

.createList01 li .photo{
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 240px;
    margin-bottom: 20px;
}

.createList01 li h4{
    margin-bottom:10px;
    font-size: 18px;
    color: #54BD59;
	font-weight:bold;
	text-align:center;
}


.createList01 li h5{
	background:#54BD59;
	color:#fff;
	padding:2px 5px;
}

.table_create01{
	width:100%;
}

.table_create01 th,
.table_create01 td{padding:5px;}

.table_create01 th{
	background:#54BD59;
	text-align:center;
	width:30%;
	color:#fff;
}

.table_create01 tr th{border-bottom:3px solid #fff;}
/*.table_create01 tr td{border-top:3px solid #fff;}*/

.ttl_create01{
	display:inline-block;
	float:left;
}


.btn_reserve02 a:hover{border:2px dotted #EB6E9A;}

.wrap_ttl01{
	overflow:hidden;
	margin-bottom:50px;
	padding-bottom:15px;
	border-bottom:2px solid #000;	
}

.wrap_ttl01 .right{float:right;}

.btn_schedule{
	background:#63B4E5;
	color:#fff;
	border-radius:5px;
	padding:14px;
	display:block;
	text-decoration:none;
	transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	font-weight:bold;
}

.btn_schedule:hover{opacity:.7;}

.wrap_ttl01 p{
	display:inline-block;
	font-size:114%;
}

}


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

つくる 640px以下

------------------------------------------------------------ */
@media (max-width: 640px) {
.title-main{padding-top:12% !important;}	
	
.title-border .f70{font-size:12px;}

.indent-1{
	padding-left:1em;
	text-indent:-1em;
}
	
.catetop .article.block-schedule {text-align: left; }	

.catetop .article .text{margin-bottom:0;}

.article.block-schedule{margin-bottom:15px !important;}
	
#reserve01{
	width:90%;
	margin:0 auto;
}

.btn_reserve01{
	width:100%;
	margin:10px auto 10px;
	display:block;
}


.section-title .title{
	text-align:center;
	margin-bottom:30px;
	font-weight:bold !important;
}

.slick_recomend {
    width: 95%;
	margin:0 auto;
}

.article_create .photo{
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    margin-bottom: 20px;
}


#btn_createarea{
	padding:15px;
    background: #FEF1F7;
}


#btn_createarea .btn_reserve02:first-child{margin-bottom:10px;}

#recommend{
	padding:40px 15px 30px;
}

.btn_reserve02 a{
	border:1px solid #EB6E9A;
	text-align:center;
	text-decoration:none;
}

.create_inner02{
	padding:40px 15px;}

.createList01 li{
	padding:7px 7px 12px 7px;
	border:2px solid #E4E2DE;
	margin-bottom:15px;
}

.createList01 li:last-child{margin-bottom:0;}

.createList01 li .photo{
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    margin-bottom: 20px;
}

.createList01 li h4{
    margin-bottom:10px;
    font-size: 18px;
    color: #54BD59;
	font-weight:bold;
}


.createList01 li h5{
	background:#54BD59;
	color:#fff;
	padding:2px 5px;
}

.table_create01{
	width:100%;
}

.table_create01 th,
.table_create01 td{padding:5px;}

.table_create01 th{
	background:#54BD59;
	text-align:center;
	width:30%;
	color:#fff;
}

.table_create01 tr th{border-bottom:3px solid #fff;}
/*.table_create01 tr:first-child th{border-top:3px solid #fff;}*/


.wrap_ttl01{
	text-align:center;
	margin-bottom:15px;
}

.wrap_ttl01 p{margin-bottom:15px;}

.wrap_ttl01 p:last-child{margin-bottom:0;}

.ttl_create01{
	margin-bottom:15px;
    padding: 0 45px;
}

.btn_schedule{
	background:#63B4E5;
	color:#fff;
	border-radius:5px;
	padding:14px;
	display:block;
	text-decoration:none;
	transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	font-weight:bold;
	text-align:center;
}
	
	.gurmet_sche{
	width:100%;
}

}