@charset "utf-8";


img{
	max-width: 100%;
}

/*
　header
****************************************/
#header {
  min-width: 100%;
  margin: 0 auto;
  position: relative;
  background: #fffcf6;
}

h1{
	font-size: 12px;
}

.header_cont{
	margin-bottom:10px;
}

.header_left{
	float:left;
	width:auto;
    padding: 16px 2% 0 0;
}
.header_left .logo{
	font-size: 28px;
	font-family: 'Lato', sans-serif;
}
.header_left .logo a{
	text-decoration: none;
}
.header_left .logo span.logo1{
	font-size: 28px;
	display: block;
	line-height: 28px;
}
.header_left .logo span.logo2{
	font-size: 14px;
	display: block;
}

.header_right{
	float:right;
    padding: 0px 0 0;
    width: 37%;
}

.header_right .sns ul li{
	float:left;
	padding-right:12px;
}
.header_right .sns ul li.member_btn{
	padding-right:25px;
	padding-left:6px;
}
.header_right .sns ul li.member_btn a{
	padding:14px;
	font-size: 14px;
	text-decoration: none;
	display: block;
}

.tel_wrap{
	float:left;
}
.header_btn{
	float:right;
}

.tel_cont{
	background: url(/images/tel_icon.jpg) no-repeat left center;
	padding-left:50px;
}
.tel_cont p{
	font-size: 14px;
}
.tel_cont p.tel{
	font-size: 35px;
    line-height: 32px;
	color:#535353;
	font-family: "Iskoola Pota",serif;
	letter-spacing: -2px;
}
.tel_cont p.tel a{
	color:#535353;
	letter-spacing: -2px;
	text-decoration: none;
	font-family: "Iskoola Pota",serif;
}

.tel_cont2 .business_hours{
	color:#707070;
	font-size: 14px;
}

.pc{
    display:block;
}
.sp{
    display:none;
}
@media (max-width: 736px) {
    #header {
      min-width: 100%;
      margin: 0 auto;
      position: relative;
      background: #fffcf6;
      padding-top:0;
    }
    .header_cont{
        margin-bottom:0;
    }
    .header_left{
    	float:left;
    	width:60%;
        padding: 10px 2%;
    }
    h1{
    	display:none;
    }
    
   .pc{
        display:none;
    }
    .sp{
        display:block;
    } 
}


@media (max-width: 736px) {
  .header_left{
    width:40%;
  }
  .header_left img {
    width: 100%;
  }
  .header_right.sp {
    display: block;
    padding: 0;
    width: 60%;
    padding-top: 8px;
  }
  .header_right{
    padding: 10px 1% 0 0;
    display: block;
    width: 50%;
    box-sizing: border-box;
    order: 2;
    min-width: auto;
    position: absolute;
    top: 0;
    right: 0;
  }
  .header_right.pc{
    display: none;
  }
}

/*
　gnav
****************************************/
.gnav_wrap{
	background: #d4bdb0;
}

#gnavi {
	margin: 0px auto;
	padding:17px 0 13px;
	left:0;
	font-family: 'Dosis', sans-serif;
	background: url(/images/gnavi_icon.png) no-repeat right center;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#gnavi.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background: #faf2ec;
    margin: 0;
    float:none;
    padding: 8px 0;
}
#gnavi.fixed ul{
    position: relative;
    top: 0;
    z-index: 10000;
    margin: 0 auto;
}
#gnavi.fixed ul li {
	display: inline-block;
	float:none;
	width: 160px;
	line-height: 1.3;
}
#gnavi.fixed ul li span {
    font-size: 17px;
}

#gnavi ul {
	text-align:center;
	margin:0 auto;
    letter-spacing: -.40em;
}
#gnavi ul li {
	float: left;
	width:170px;
	font-size:14px;
	text-align:center;
	letter-spacing: normal;
	background: url(/images/gnavi_icon.png) no-repeat left center;
	font-size: 14px;
}
#gnavi ul li a{
	display: block;
	color:#382628;
	text-decoration: none;
}

#gnavi ul li span{
	font-size: 19px;
	font-weight: bold;
}

@media (max-width: 736px) {

    .sp.rwd_wrap{
        width: 20%;
        display: inline-block;
    }
    
    #rwd_menu{
        position: absolute;
        right: 13px;
        top: 20px;
        width: 30px;
        height: 25px;
        cursor: pointer;
    }
    #rwd_menu div.trigger {
        position:relative;
        min-height: 30px;
    } /*spanの絶対位置指定の親にします*/
    #rwd_menu span {
        display:block;
        position:absolute; /*#rwd_menu div に対して*/
        width:100%;
        border-bottom:solid 3px #382628;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out
    }
    #rwd_menu span:nth-child(1) {top:0}
    #rwd_menu span:nth-child(2) {top:11px}
    #rwd_menu span:nth-child(3) {top:22px}


		#header .menu_list {
            overflow-y: scroll;
            font-size:12px;
        }
/*
        #header .menu_list::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 7px;
        }
        #header .menu_list::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: rgba(0,0,0,.5);
            box-shadow: 0 0 1px rgba(255,255,255,.5);
        }
*/
        #header .menu_list li{
            margin-bottom: 10px;
            padding:5px 20px;
            border-bottom: none;
            color: #977866;
        }
        #header .menu_list li a{
            color: #977866;
            text-decoration: none;
        }
        #header .menu_list li a:hover{
            text-decoration: underline;
        }
        #header .menu_list>ul>li>a{
            margin-bottom: 10px;
            display: block;
            border-bottom: 1px dashed #977866;
            padding:5px 20px;
        }
        #header .menu_list>ul>li>ul>li{
            border-bottom: 1px dashed #977866;
        }
        #header .menu_list a{
            color:#fff;
            display: block;
        }
        #header .menu_list a:hover{
            color:#9f7913;
        }
        
        #header .menu_list a:after{
            content: '';
            display: inline-block;
            position: absolute;
            left: 20px;
            width: 0;
            height: 0;
            margin-top: 6px;
            border-top: 5px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 6px solid #977866;
        }
        
        .sp_sitemap{
            background: url(/images/bg2.jpg) repeat 0 0;
        }
        .sp_sitemap>ul>li>a{
            display:block;
            float: left;
            width: 44%;
            padding: 10px 3%;
        }
        .sp_sitemap>ul>li>a:after{
            content: '';
            display: inline-block;
            position: absolute;
            left: 5px;
            width: 0;
            height: 0;
            margin-top: 6px;
            border-top: 5px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 6px solid #fff;
        }
        .sp_sitemap>ul>li>ul>li{
            float: left;
            width: 44%;
            padding: 10px 3%;
            position: relative;
        }
        .sp_sitemap>ul>li>ul>li>a{
            display:block;
        }
        .sp_sitemap>ul>li>ul>li>a:after{
            content: '';
            display: inline-block;
            position: absolute;
            left: 5px;
            width: 0;
            height: 0;
            margin-top: 6px;
            border-top: 5px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 6px solid #fff;
        }
        .sp_sitemap ul:before,
        .sp_sitemap ul:after {
        	content:"";
        	display:block;
        	overflow:hidden;
        }
         
        .sp_sitemap ul:after {
        	clear:both;
        }
}

/*
　footer
****************************************/
#footer {
	background: #fffcf6;
}

.footer_top_wrapper {
}

.footer_text{
	margin:0 auto;
	width:1140px;
	padding:30px;
	text-align: center;
}

.footer_left{
	float:left;
	width:40%;
	margin-right:0%;
}
.footer_right{
	float:right;
	width:58%;
	padding: 30px 0 0;
}

#footer .footer_left .footer_table tr th{
	padding: 5px 45px;
}
#footer .footer_left .footer_table tr td{
	padding: 5px 15px;
}
#footer .footer_left .footer_table tr td a{
	text-decoration:none;
	color:#382628;
}
#footer .footer_left .footer_table tr td a:hover{
	text-decoration:underline;
}

#footer #gnavi {
	padding:30px 0;
}
#footer #gnavi.footer_navi ul li {
	width: 16.5%;
}


/**---s:フッターバナー---**/
#footer .banner {
    background: #382628;
    margin-bottom:30px;
}

#footer .banner .banner_list{
    padding: 0;
    margin: 0 auto;
    display: table;
    width: 100%;
}

#footer .banner .banner_list li{
    display: table-cell;
    padding: 18px 0;
    background: #382628;
    min-height:98px;
    vertical-align: middle;
}
#footer .banner .banner_list li:first-child{
    padding-left: 20px;
    padding-right: 20px;
    border-right:#746869 1px dotted;
}
#footer .banner .banner_list li:last-child{
    padding-left: 30px;
    margin-left:0;
}
#footer .banner .tel_cont{
    background:url(../images/banner_tel.jpg) no-repeat 0 center #382628;
    padding-left: 70px;
    margin-bottom: 0px;
    /* min-height: 80px; */
    color:#fff;
}
#footer .banner .tel_cont .tel{
    font-size: 45px;
    line-height: 45px;
}
#footer .banner .tel_cont .hours{
    font-size:13px;
    line-height: 1.6;
}
#footer .banner .tel_cont .tel a{
    color:#fff;
}
#footer .banner .link_cont{
    padding:30px 0;
}
#footer .banner .link_cont a{
    background: url(../images/banner_form.png) no-repeat 0 0 #382628;
    /* padding-top: 20px; */
    padding-left: 68px;
    margin-bottom: 0px;
    min-height: 41px;
    color:#fff;
    text-decoration:none;
    font-size:22px;
    display: inline-block;
}

.copyright {
	margin: 0 auto;
	padding:9px 0;
	font-size:11px;
	text-align:center;
	line-height:1.1;
	background: #d4bdb0;
}

@media (max-width: 736px) {
	#footer {
		min-width: 100%;
	}
	#footer .banner {
	    margin-bottom:0px;
	}

	.footer_text{
		margin:0 auto;
		width:94%;
		padding:3%;
		text-align: center;
	}
	.copyright {
		min-width: 100%;
		padding:15px 0 12px;
	}

	#footer .banner .tel_cont .tel{
	    font-size: 40px;
	    line-height: 40px;
	}
	#footer .banner .banner_list li{
	    display: block;
	    padding: 18px 0 0;
	    min-height:auto;
	}
	#footer .banner .banner_list li:first-child{
	    padding-left: 0px;
	    padding-right: 0px;
	    border-right:none;
	}
	#footer .banner .banner_list li:last-child{
	    padding: 0px;
	    margin-left:0;
	}

	#footer .footer_left .footer_table tr th{
		padding: 2%;
	}
	#footer .footer_left .footer_table tr td{
		padding: 2%;
	}

	#footer #gnavi {
		display: none;
	}
	#footer .footer_cont .footer_right{
	    padding: 10px 0;
	    width: 100%;
	}
	#footer .footer_bottom.banner {
		padding: 0;
	}
	#footer .banner .tel_cont{
	    max-width: none;
	    margin: 0 auto;
	    float: none;
	}
  #footer .footer_bottom li {
        text-align: center;
  }
	#footer .footer_logo{
	    padding: 10px 0;
	    text-align: center;
	}

	.footer_left{
		float:none;
		width:100%;
		margin-right:0%;
		text-align: center;
	}
	.footer_left img{
		width:auto;
	}
	.footer_right{
		float:none;
		width:100%;
		padding: 30px 0 0;
	}
}


/*
　contents_01
****************************************/
.bg_mode{
	background: #d4bdb0;
}
.bg_white{
	background: #fff;
}

#contents_01 .concept h2{
    color:#fff;
	font-weight: normal;
	font-size: 20px;
}

#contents_01 .concept h2 span{
    color:#fff;
}

#contents_01 h2 span {
    font-size: 60px;
    display: block;
	font-family: 'Dosis', sans-serif;
	font-weight: normal;
}

.sbs-wrap.box3 .set-box{
	background: #fff;
}
.sbs-wrap.box3 .set-box .img{
	margin-bottom:30px;
}
.sbs-wrap.box3 .set-box .img img{
	width: 100%;
}
.sbs-wrap.box3 .set-box .ttl{
	margin-bottom:10px;
	padding:0 10px;
}
.sbs-wrap.box3 .set-box .txt{
	margin-bottom:30px;
	padding:0 10px;
}

#contents_01 .style h2{
	color:#535353;
	font-weight: normal;
    font-size: 20px;
}
#contents_01 .style h2 span {
	color:#977866;
}

.style_list li.set-box{
	width:190px;
	margin-right:12px;
	float:left;
}
.style_list li.set-box:last-child{
	margin-right:0px;
}

@media (max-width: 736px) {
	.sbs-wrap.box3 .set-box{
		background: none;
	}
	.sbs-wrap.box3 .set-box .txt{
		margin-bottom:30px;
		padding:0 2%;
	}
	.style_list li.set-box{
		width:49%;
		margin-right:2%;
		float:left;
	}
	.style_list li.set-box:nth-child(2n){
		margin-right:0%;
	}

	.sbs-wrap.box3 .set-box .ttl{
		margin-bottom:10px;
		padding:0 2%;
		width: 96%;
	}
	.sbs-wrap.box3 .set-box .date{
		padding:0 2%;
		width: 96%;
	}
}

/*
　contents_02
****************************************/
.top_section{
	border-bottom: 1px solid #dcdcdc;
	padding-bottom:40px;
}

.h2_wrap{
	position: relative;
}

.content_left .h2_wrap h2{
	text-align: left;
	color:#c2a391;
	padding:0;
}

.content_left .h2_wrap h2 span{
    font-size: 60px;
    display: block;
	font-family: 'Dosis', sans-serif;
	font-weight: normal;
}

.content_left .top_section h2:before{
	position: relative;
}

a.more_link{
	font-family: 'Dosis', sans-serif;
	position: absolute;
    bottom: 7px;
    left: 170px;
    color: #000;
    text-decoration: none;
    font-size: 20px;
}
a.more_link:hover{
    color: #000;
    text-decoration: underline;
}

.top_section.menu ul li{
	width:420px;
	margin-right:10px;
    float: left;
}
.top_section.menu ul li:last-child{
	margin-right:0px;
}

.staff_list li{
	float:left;
	margin-right:16px;
}
.staff_list li:last-child{
	margin-right:0px;
}

.position{
	float:left;
	padding:5px 10px;
}
.name{
	float:left;
	padding:10px;
}
.position{
	width: 80px;
	font-family: 'Dosis', sans-serif;
    color: #a38370;
    font-size: 20px;
    font-weight: bold;

}
.name{
	width: 80px;
	background: #d4bdb0;
}

.content_left .pickup h2,
.content_left .access h2{
	text-align: left;
	color:#535353;
	padding:0;
    font-size: 24px;
	font-weight: normal;
}

.content_left .pickup h2 span,
.content_left .access h2 span{
    font-size: 60px;
    display: inline;
    font-family: 'Dosis', sans-serif;
    font-weight: normal;
    color: #c2a391;
    padding-right: 20px;
}


.sbs-wrap.box2{

}

.sbs-wrap.box2 .set-box{
	position: relative;
}
.sbs-wrap.box2 .set-box .catch{
	position: absolute;
	top:88px;
	left:83px;
	color:#382628;
	font-weight: bold;
	font-size: 18px;
}

.googlemap iframe{
	width:100%;
}

.areaL{
	float: left;
}
.areaR{
	float: right;
}

section.message {
	padding:60px 0 80px;
	margin-bottom:0;
}

.message .inner > div{
	padding:48px 50px;
}

#container .message h2{
    color:#fff;
	font-weight: normal;
	font-size: 20px;
}

#container .message h2 span{
    font-size: 60px;
    display: block;
    font-family: 'Dosis', sans-serif;
    font-weight: normal;
}

.message h3{
	text-align: left;
}


@media (max-width: 736px) {
	.areaL{
		float: none;
		text-align: center;
	}
	.areaR{
		float: none;
		text-align: center;
	}
	.areaL .richtext,
	.areaR .richtext{
		text-align: left;
	}


	.content_left .pickup h2,
	.content_left .access h2 {
	    padding: 0;
	    font-size: 18px;
	}
	.content_left .pickup h2 span,
	.content_left .access h2 span{
	    font-size: 60px;
	    display: block;
	    padding-right: 0px;
	}

	.sbs-wrap.box2 .set-box .catch {
	    position: absolute;
	    width: 100%;
	    top: 40%;
	    left: 0;
	    text-align: center;
	    font-size: 18px;
	}

	.top_section.menu ul li{
		width:100%;
		margin-right:0px;
		margin-bottom:2%;
	    float: none;
	    text-align: center;
	}
	.staff_list li{
		width:49%;
		float:left;
		margin-right:2%;
	}
	.staff_list li:nth-child(2n){
		margin-right:0px;
	}

	.position{
		width: 46%;
		padding: 1% 2%;
	}
	.name{
		width: 46%;
		padding: 2%;
	}

	section.message {
		padding:3%;
		margin-bottom:0;
	}
	.message .inner > div{
		padding:5%;
	}
}