@charset "utf-8";


/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,select,header,nav,section,footer {
	margin: 0;
	padding: 0;
	color: #333;
	line-height: 1.6;
	word-wrap: break-word;
	box-sizing: border-box;
}

address,em,i {
	font-style: normal;
}
strong,th,b {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img {
	border: 0;
}
li {
	list-style-type: none;
}
small{
	font-size: 100%;
}
iframe {
	border: 0;
}
a:hover{
	opacity:0.7;
}

/*----------------- font -------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
	font-size: 100%; /* IE */
	font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
html>/**/body {
font-size: 16px; /* Except IE */
}

body {
	-webkit-text-size-adjust: 100%;
}

img{
	max-width:100%;
	height: auto;
}

/* link
------------------------------------------------------------*/

a{
	color: #000;
	text-decoration: none;
}
a:hover{
	color: #999;
  cursor: pointer;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}

a:link{}
a:visited{}
a:active{
	color: #777;
}
.c-btn,
.c-bnr,
.c-txt {
  cursor: pointer;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
 
/*------------------------------------------------*/
html {
  scroll-behavior: smooth;
}

.pc{
    display: block;
}

@media only screen and (max-width: 1280px){
	.pc {
        display: none;
    }
}
.sp{
     display: none;
}

@media only screen and (max-width: 1280px){
		.sp {
        display: block;
	}
}
/* body
------------------------------------------------------------*/

body{

}

@media only screen and (max-width: 1920px){
	body {

	}
}

@media only screen and (max-width: 1600px){
	body {

	}
}

@media only screen and (max-width: 1280px){
	body {

	}
}

@media only screen and (max-width: 980px){
	body {

	}
}

@media only screen and (max-width: 640px){
	body {

	}
}
@media only screen and (max-width: 480px){
	body {

	}
}

/* header
------------------------------------------------------------*/
#header{
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 9999;
    margin: 0;
}
#header header{
    display: flex;
    flex-wrap: wrap;
    padding: 1%;
}
#header header h1{
    width: 10%;
	padding:0.5% 0 0;
}
@media only screen and (max-width: 1600px){
#header header h1{
    width: 14%;
	padding:1%;
}
}
@media only screen and (max-width: 1280px){
#header header h1{
    width: 200px;
}
}
@media only screen and (max-width:640px){
#header header h1{
    width: 120px;
    margin: 0 auto 5%;
}
}
#header header h1 a{}
#header header h1 a:hover{}
#header header h1 a img{
    width: 100%;
}

#header header p.txt001{
    padding: 15px 1%;
    width: 350px;
}
@media only screen and (max-width: 1600px){
#header header p.txt001{
	padding: 1% 0 0 20px;
	width: 260px;
}
}
@media only screen and (max-width: 1280px){
#header header p.txt001{
    width: 240px;
	font-size:90%;
	padding:10px 10px 0;
}
}
@media only screen and (max-width: 640px){
#header header p.txt001{
    width: 100%;
    font-size:60%;
    padding:10px 10px 0;
    display: none;
}
}
#header header nav{
    width: 740px;
    display: flex;
    margin: 0 0 0 auto;
}
@media only screen and (max-width: 1600px){
#header header nav{
    width: 780px;
    margin: 0 0 0 auto;
}
}
@media only screen and (max-width: 1280px){
#header header nav{
    width: 100%;
    margin: 0;
}
}
@media only screen and (max-width: 640px){
#header header nav{
    width: 100%;
    margin: 0;
    display: none;
}
}
#header header nav p.btn001{
    padding: 3% 5% 0;
}
@media only screen and (max-width: 1280px){
#header header nav p.btn001{
    padding: 3% 1% 0;
}
}
@media only screen and (max-width: 640px){
#header header nav p.btn001{
    padding: 2%;
    width:100%;
    text-align:center;
}
}
#header header nav p.btn001 a{
    background: #382800;
    color: #fff;
    display: block;
    padding: 5px 20px;
    border-radius: 5px;
    border: solid 1px #382800;
}
#header header nav p.btn001 a:hover{}
#header header nav p.btn001 a:hover {
  background: #fff;
  color: #382800;
}

#header header nav ul{
    /* background: url("images/icon_tel01.png") no-repeat left top; */
    /* background-size:53px; */
    /* padding: 0 0 0 53px; */
    margin: 2% 0 0;
}
@media only screen and (max-width: 1280px){
#header header nav ul{
    /* background: url("images/icon_tel01.png") no-repeat left top; */
    background-size:33px;
    /* padding: 0 0 0 33px; */
    margin: 2% 0 0;
}
}
@media only screen and (max-width: 640px){
#header header nav ul{
    background: url("") ;
    padding: 0%;
	width:100%;
	text-align:center;
}
}
#header header nav ul li{
    line-height: 1.2;
}
#header header nav ul li a{
    font-size: 170%;
    font-weight: bold;
    color: #626262;
}
#header header nav ul li a:hover{
    color: #626262;
    opacity: 1;
}
#header header nav ul li em{
    font-size: 90%;
}

		#slideshow {
			position: relative;
			width: 100%;
			height: auto;
		}

		#slideshow img {
			position: absolute;
			top:  0;
			left: 0;
			z-index: 8;
			opacity: 0.0;
			width: 100%;
		}

		#slideshow img.active {
			z-index: 10;
			opacity: 1.0;
		}

		#slideshow img.last-active {
			z-index: 9;
		}

/* home
------------------------------------------------------------*/

#home{
    padding: 100px 0;
}
@media only screen and (max-width: 1280px){
#home{
    padding: 100px 0;
}
}
@media only screen and (max-width: 640px){
#home{
    padding: 0;
}
}
#home section.homebox001{
    margin: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 1400px;
}
@media only screen and (max-width: 1600px){
#home section.homebox001{
    height: 1200px;
 }
}

@media only screen and (max-width: 1280px){
#home section.homebox001{
    height: auto;
	}
}
#home section.homebox001 div.hbox001{
    background: #362904;
    background-size:90% 1px;
    width: 45%;
    height: 700px;
    position:absolute;
    top:0;
    left:0;
    padding: 0;
}
@media only screen and (max-width: 1600px){
#home section.homebox001 div.hbox001{
    height: 600px;
    padding: 0 2% 0 0;
 }
}

@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox001{
    width: 100%;
    position:static;
    height: auto;
	}
}
@media only screen and (max-width: 960px){
#home section.homebox001 div.hbox001{
    padding:10% 0 0;
	}
}
	
#home section.homebox001 div.hbox001 h2{
    padding: 0;
    color: #fff;
    margin: 160px 5% 5%;
    line-height: 1.2;
    font-size: 500%;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
@media only screen and (max-width: 1900px){
#home section.homebox001 div.hbox001 h2{
    padding: 0;
    font-size: 400%;
}
}
@media only screen and (max-width: 1600px){
#home section.homebox001 div.hbox001 h2{
    padding: 0;
    font-size: 300%;
}
}
@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox001 h2{
    padding: 0;
    font-size: 260%;
	text-align:center;
}
}
@media only screen and (max-width: 640px){
#home section.homebox001 div.hbox001 h2{
    padding: 0;
    margin: 60px 5% 5%;
    font-size: 260%;
	text-align:center;
}
}

@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox001 h2 br{
    display:none
}
}
#home section.homebox001 div.hbox001 h2 img{
    width:100%;
}
#home section.homebox001 div.hbox001 hr{
    display: block;
    width: 90%;
    margin: 0 auto 0 0;
    border: 1px solid #362904;
}
@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox001 hr{
    margin: 0 auto 0;
}
}
#home section.homebox001 div.hbox001 p{
    color: #fff;
    font-size: 180%;
    padding: 50px 5% 0;
}
@media only screen and (max-width: 1900px){
#home section.homebox001 div.hbox001 p{
    font-size: 160%;
    line-height: 1.8;
 }
}
@media only screen and (max-width: 1600px){
#home section.homebox001 div.hbox001 p{
    font-size: 130%;
	}
}
@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox001 p{
    font-size: 130%;
	margin:0 0 5%;
	text-align:center;
	}
}
@media only screen and (max-width: 640px){
#home section.homebox001 div.hbox001 p{
    font-size: 100%;
	}
}
@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox001 p br{
    display:none
}
}
#home section.homebox001 div.hbox002{
    width: 55%;
    height: 700px;
    overflow: hidden;
    position:absolute;
    top:0;
    right:0;
}
@media only screen and (max-width: 1600px){
#home section.homebox001 div.hbox002{
    height: 600px;
 }
}
@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox002{
    width: 100%;
    position:relative;
	}
}
@media only screen and (max-width: 640px){
#home section.homebox001 div.hbox002{
    height: 300px;
 }
}
#home section.homebox001 div.hbox002_01{
    width: 55%;
    height: 700px;
    overflow: hidden;
    position:absolute;
    top:0;
    right:0;
}
@media only screen and (max-width: 1600px){
#home section.homebox001 div.hbox002_01{
    height: 600px;
 }
}
@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox002_01{
    width: 100%;
    position: static;
    margin-top: -509px;
    height: auto;
 }
}
@media only screen and (max-width: 640px){
#home section.homebox001 div.hbox002_01{
	margin-top:0;
	height: auto;
	}
}
#home section.homebox001 div.hbox002_01 .news{
    background: url("images/bg001.png") no-repeat 100px bottom;
    background-size:100%;
    width: 100%;
    position: relative;
    height: 700px;
    z-index: 999;
}
@media only screen and (max-width: 1600px){
#home section.homebox001 div.hbox002_01 .news{
    height: 602px;
    background: url("images/bg001.png") no-repeat -5% bottom;
    background-size:180%;
 }
}
@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox002_01 .news{
    height: 61vh;
    background: url("images/bg001.png") no-repeat -5% bottom;
    background-size:140%;
	}
}
@media only screen and (max-width: 640px){
#home section.homebox001 div.hbox002_01 .news{
    height: auto;
    background:#382800 url("") ;
    background-size:130%;
    position: static;
	padding:5% 0;
	}
}
#home section.homebox001 #newsbox{
    position: absolute;
    z-index: 99999;
    bottom: 0;
    right: 0;
    width: 40%;
	padding:0 0 1%;
}
@media only screen and (max-width: 1600px){
#home section.homebox001 #newsbox{
    width: 40%;
	}
}
@media only screen and (max-width: 640px){
#home section.homebox001 #newsbox{
    position: static;
    width: 90%;
	margin:0 auto;
	}
}
#home section.homebox001 #newsbox h3{
	color:#fff;
}
@media only screen and (max-width: 1600px){
#home section.homebox001 #newsbox h3{
	font-size:90%;
}
}
@media only screen and (max-width: 640px){
#home section.homebox001 #newsbox h3{
	font-size:110%;
}
}
#home section.homebox001 #newsbox ul{
	margin:0 5% 0 0;
}
@media only screen and (max-width: 1600px){
#home section.homebox001 #newsbox ul{
	margin:0 5% 0 0;
	font-size:80%;
}
}
@media only screen and (max-width: 640px){
#home section.homebox001 #newsbox ul{
	margin:0;
	font-size:100%;
}
}
#home section.homebox001 #newsbox ul li{
	color:#fff;
	border-bottom:solid 1px #fff;
}
#home section.homebox001 #newsbox ul li span.ymd{
	padding:0 10px 0 0;
}
#home section.homebox001 #newsbox ul li a{
	color:#fff;
}
#home section.homebox001 #newsbox ul li a:hover{}
#home section.homebox001 #newsbox p{
	margin:2% 5%;
	text-align:right;
}
@media only screen and (max-width: 1600px){
#home section.homebox001 #newsbox p{
	font-size:90%;
}
}
@media only screen and (max-width: 640px){
#home section.homebox001 #newsbox p{
	font-size:100%;
	margin:2% 0;
}
}
#home section.homebox001 #newsbox p a{
	color:#fff;
}
#home section.homebox001 #newsbox p a:hover{}
#home section.homebox001 div.hbox003{
    width: 45%;
    position:absolute;
    bottom:0;
    reft:0;
    overflow:hidden;
    height: 700px;
}
@media only screen and (max-width: 1600px){
#home section.homebox001 div.hbox003{
    height: 600px;
}
}

@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox003{
    width: 100%;
    position:relative;
    height: auto;
	}
}
@media only screen and (max-width: 640px){
#home section.homebox001 div.hbox003{
    height: 360px;
 }
}
#home section.homebox001 div.hbox003 p{
	line-height:0;
}
#home section.homebox001 div.hbox003 p img{
	width:100%;
}
#home section.homebox001 div.hbox004{
	position:absolute;
	bottom:0;
	right:0;
	background: url("images/bg003.png") no-repeat 0 -3%;
	background-size:100%;
	height: 700px;
	width: 55%;
}
@media only screen and (max-width: 1600px){
#home section.homebox001 div.hbox004{
    height: 600px;
}
}
@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox004{
    height: 50vh;
}
}
@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox004{
    width: 100%;
    position:relative;
    height: auto;
	padding:10% 0;
	}
}
#home section.homebox001 div.hbox004 h3{
    padding: 25% 15% 0;
    font-size: 300%;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
@media only screen and (max-width: 1600px){
#home section.homebox001 div.hbox004 h3{
    padding: 10% 10% 0;
    font-size: 240%;
}
}
@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox004 h3{
    padding: 0 10%;
    font-size: 200%;
}
}
#home section.homebox001 div.hbox004 h3 br{
	display:none
}
#home section.homebox001 div.hbox004 h3 em{}
#home section.homebox001 div.hbox004 p{
    font-size: 160%;
    padding: 5% 5% 0 15%;
}
@media only screen and (max-width: 1920px){
#home section.homebox001 div.hbox004 p{
    font-size: 140%;
}
}
@media only screen and (max-width: 1600px){
#home section.homebox001 div.hbox004 p{
    font-size: 110%;
}
}
@media only screen and (max-width: 1280px){
#home section.homebox001 div.hbox004 p{
    font-size: 110%;
}
}
#home section.homebox002{
    background: url("images/bg004.png") no-repeat 0 0;
	background-size:100%;
}
#home section.homebox002 div.hbox005{
    display: flex;
    flex-wrap: wrap;
    padding: 5%;
}
#home section.homebox002 div.hbox005 h3{
    padding: 25%;
    width: 60%;
    font-size: 200%;
    text-align: center;
    background: url("images/home_img003_01.png") no-repeat center center;
    background-size: 80%;
}
@media only screen and (max-width: 1280px){
#home section.homebox002 div.hbox005 h3{
    padding: 40%;
    width: 100%;
}
}
@media only screen and (max-width:640px){
#home section.homebox002 div.hbox005 h3{
    padding: 40%;
    width: 100%;
    font-size: 120%;
}
}
#home section.homebox002 div.hbox005 .bbjcbox001{
	width: 40%;
	padding: 5% 2%;
}
@media only screen and (max-width: 1280px){
#home section.homebox002 div.hbox005 .bbjcbox001{
	width: 100%;
	padding: 2% 2%;
}
}
#home section.homebox002 div.hbox005 h4{
    font-size: 260%;
    padding: 35% 0 10%;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
@media only screen and (max-width: 1280px){
#home section.homebox002 div.hbox005 h4{
    font-size: 200%;
    padding: 5% 0 2%;
}
}
@media only screen and (max-width: 640px){
#home section.homebox002 div.hbox005 h4{
    font-size: 140%;
    padding: 2% 0 5%;
}
}
#home section.homebox002 div.hbox005 h4 br{
	display:none;
}
#home section.homebox002 div.hbox005 p{
    font-size: 120%;
    margin: 2% 0;
}
#home section.homebox002 div.hbox006{}
#home section.homebox002 div.hbox006 p.img001{}
#home section.homebox002 div.hbox007{}
#home section.homebox002 div.hbox007 ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 1600px;
    justify-content: center;
}
@media only screen and (max-width: 1600px){
#home section.homebox002 div.hbox007 ul{
    width: 1240px;
	}
}
@media only screen and (max-width: 1280px){
#home section.homebox002 div.hbox007 ul{
    width: 920px;
	}
}
@media only screen and (max-width: 960px){
#home section.homebox002 div.hbox007 ul{
    width: 100%;
	}
}
#home section.homebox002 div.hbox007 ul li{
    width: 560px;
    text-align: center;
    border: solid 1px rgb(56 40 0 / 28%);
    margin: 0 -2%;
    height: 560px;
    padding: 6% 3%;
    font-size: 140%;
    border-radius: 50%;
}
@media only screen and (max-width: 1600px){
#home section.homebox002 div.hbox007 ul li{
    width: 440px;
    height: 440px;
    font-size: 160%;
	}
}
@media only screen and (max-width: 1280px){
#home section.homebox002 div.hbox007 ul li{
    width: 320px;
    height: 320px;
    font-size: 140%;

	}
}
@media only screen and (max-width: 960px){
#home section.homebox002 div.hbox007 ul li{
    width: 80%;
    text-align: center;
    border: solid 1px #382800;
    margin: 0 auto 5%;
    height: auto;
    padding: 4% 0;
    font-size: 180%;
    border-radius: 50%;
}
}
@media only screen and (max-width:640px){
#home section.homebox002 div.hbox007 ul li{
    width: 80%;
    text-align: center;
    border: solid 1px #382800;
    margin: 0 auto 5%;
    height: auto;
    padding: 4% 0;
    font-size: 120%;
    border-radius: 50%;
}
}
#home section.homebox002 div.hbox007 ul li img{
    width: 80%;
}

#home section.homebox003{}
#home section.homebox003 div.hbox008{}
#home section.homebox003 div.hbox008 h3{
    font-size: 300%;
    padding: 25% 5% 1%;
    background: url("images/bg005.png") no-repeat bottom center;
    background-size: 100%;
    color:#fff;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
@media only screen and (max-width: 1600px){
#home section.homebox003 div.hbox008 h3{
    font-size: 260%;
}
}
@media only screen and (max-width: 1280px){
#home section.homebox003 div.hbox008 h3{
    font-size: 200%;
}
}
@media only screen and (max-width: 960px){
#home section.homebox003 div.hbox008 h3{
    font-size: 120%;
}
}
@media only screen and (max-width: 640px){
#home section.homebox003 div.hbox008 h3{
    background: #382800;
}
}
#home section.homebox003 div.hbox008 p{
    background: #382800;
    color: #fff;
    padding: 3% 5% 2%;
}
#home section.homebox003 div.hbox008 ul{
    display: flex;
    flex-wrap: wrap;
    background: #362904;
    padding: 0 0 5%;
}
#home section.homebox003 div.hbox008 ul li{
    width: 20%;
    padding: 1%;
}
#home section.homebox003 div.hbox008 ul li img{}
#home section.homebox003 div.hbox009 p.btn002{
    padding: 5% 10% 0;
    text-align: right;
}
#home section.homebox003 div.hbox009 p.btn002 a{
    padding: 1% 1% 0;
    display: inline-block;
    box-shadow: 1px 5px 1px #b9b9b9;
    margin: 1%;
}
#home section.homebox003 div.hbox009 p.btn002 a:hover{}
#home section.homebox003 div.hbox009{
    background: url("images/bg006.png") no-repeat top center;
    background-size: 100%;
    padding: 5% 0;
}
#home section.homebox003 div.hbox009 div.get08{
    width: 80%;
    margin: 0 auto;
}
.sb_instagram_header{
	display:none;
}
#home section.homebox003 div.hbox009 ul{
    display: flex;
    width: 80%;
    margin: 0 auto;
}
#home section.homebox003 div.hbox009 ul li{}
#home section.homebox003 div.hbox009 ul li img{}

#home section.homebox004{
    background: #E7DDC3;
    padding: 10%;
}
#home section.homebox004 h3{
    font-size: 250%;
}
@media only screen and (max-width: 960px){
#home section.homebox004 h3{
    font-size: 140%;
}
}
@media only screen and (max-width: 640px){
#home section.homebox004 h3{
    font-size: 120%;
}
}
#home section.homebox004 ul{}
#home section.homebox004 ul li{
    font-size: 120%;
    padding: 1%;
    margin: 1%;
}
@media only screen and (max-width: 640px){
#home section.homebox004 ul li{
    font-size: 100%;
}
}
#home section.homebox004 p.btn04{

}
#home section.homebox004 p.btn04 input{
    background: #382800;
    border-radius: 20px;
    padding: 1%;
    font-size: 120%;
    color: #fff;
    text-align: center;
	display:block;
	width:100%;
}
#home section.homebox004 p.btn04 input:hover{
  background: #fff;
  color: #382800;
}
@media only screen and (max-width: 640px){
#home section.homebox004 p.btn04{
    font-size: 100%;
}
}
#home section.homebox005{
    padding: 5% 10%;
}
#home section.homebox005 h3{
    font-size: 120%;
    padding: 1% 0;
}
@media only screen and (max-width: 640px){
#home section.homebox005 h3{
    font-size: 100%;
}
}
#home section.homebox005 p{
    font-size: 100%;
    line-height: 1.7;
}
@media only screen and (max-width: 640px){
#home section.homebox005 p{
    font-size: 100%;
}
}
#home section.homebox006{
    background: url("images/bg007.png") no-repeat top center;
    background-size: 100%;
    padding: 5% 0;
    position: relative;
}
@media only screen and (max-width: 960px){
#home section.homebox006{
    background: url("images/bg008.png") no-repeat center -210px;
    background-size: 100%;
    padding: 5%;
}
}
@media only screen and (max-width: 640px){
#home section.homebox006{
    background: url("images/bg008.png") no-repeat left -190px;
    background-size: 150%;
    padding: 5%;
}
}
#home section.homebox006 h3{
	margin:1% 0;
	font-size:200%;
	border-bottom: solid 1px #382800;
	width: 70%;
	padding: 0 5%;
}
@media only screen and (max-width: 1280px){
#home section.homebox006 h3{
	margin:0 0 5%;
	font-size:200%;
}
}
@media only screen and (max-width: 960px){
#home section.homebox006 h3{
	margin:0 0 5%;
	font-size:140%;
}
}
#home section.homebox006 p{
	position:absolute;
	right:5%;
	top: 10%;
	width: 600px;
}
@media only screen and (max-width: 1280px){
#home section.homebox006 p{
	position:static;
	margin:0 5%;
	width: auto;
}
}
#home section.homebox006 p img{
	width: 100%;
	max-width:100%;
}
@media only screen and (max-width: 1280px){
#home section.homebox006 p img{
	width:300px;
	max-width:100%;
}
}
#home section.homebox006 table{
    width: 70%;
    margin: 2% 5%;
}
@media only screen and (max-width: 1280px){
#home section.homebox006 table{
    font-size:80%;
}
}
@media only screen and (max-width: 960px){
#home section.homebox006 table{
    font-size:70%;
    width: 100%;
}
}
@media only screen and (max-width: 640px){
#home section.homebox006 table{
    font-size:70%;
    width: 100%;
}
}
#home section.homebox006 ul{
    width: 70%;
    margin: 2% 5%;
}
@media only screen and (max-width: 1280px){
#home section.homebox006 ul{
    font-size:80%;
}
}
@media only screen and (max-width: 960px){
#home section.homebox006 ul{
    font-size:70%;
    width: 100%;
}
}
@media only screen and (max-width: 640px){
#home section.homebox006 ul{
    font-size: 90%;
    width: 100%;
}
}
#home section.homebox006 ul li{}
#home section.homebox006 ul li a{
	color:#185abc;
	text-decoration: underline;
}
#home section.homebox006 ul li a:hover{
	text-decoration:underline;
}
#home section.homebox006 table tr{}
#home section.homebox006 table tr th{
    text-align: left;
    padding: 1% 1%;
    font-size: 140%;
    vertical-align: top;
}
#home section.homebox006 table tr td{
    font-size: 140%;
    padding: 1% 1%;
}


/* footer
------------------------------------------------------------*/

#footer{
    background: #3B2700;
}
#footer footer{
    padding: 2% 2% 0;
    display: flex;
    flex-wrap: wrap;
}
#footer footer #footer_box01{}
#footer footer #footer_box01 {
    width: 31.3333%;
    margin: 1%;
}
@media only screen and (max-width: 1280px){
#footer footer #footer_box01 {
    width: 48%;
    margin: 1%;
}
}
@media only screen and (max-width: 960px){
#footer footer #footer_box01 {
    width: 98%;
    margin: 1%;
}
}
#footer footer #footer_box01 li{
    color: #fff;
}
#footer footer #footer_box01 li h1{
    color: #fff;
}
#footer footer #footer_box01 li h1 em{
    border-bottom:solid 1px #fff;
	padding:2% 0;
}
#footer footer #footer_box01 li h1 a{
    display: block;
}
#footer footer #footer_box01 li h1 a:hover{}
#footer footer #footer_box01 li h1 a img{
	width: 152px;
}
@media only screen and (max-width: 960px){
#footer footer #footer_box01 li h1 a img{
	width: 100px;
}
}
#footer footer #footer_box02{
    width: 31.3333%;
    margin: 1%;
}
@media only screen and (max-width: 1280px){
#footer footer #footer_box02 {
    width: 48%;
    margin: 1%;
}
}
@media only screen and (max-width:960px){
#footer footer #footer_box02 {
    width: 98%;
    margin: 5% 0;
}
}
#footer footer #footer_box02 li{
	padding:1% 0;
}
#footer footer #footer_box02 li a{
	color:#fff;
}
#footer footer #footer_box02 li a:hover{}

#footer footer #footer_box03{}
#footer footer #footer_box03{
    width: 31.33333%;
    margin: 1%;
}
@media only screen and (max-width: 1280px){
#footer footer #footer_box03 {
    width: 98%;
    margin: 1%;
}
}
#footer footer #footer_box03 li{
    color: #fff;
    font-size: 90%;
}
#footer footer ul.box20231002{
	display:flex;
	margin:-3% 0 0 auto;
	padding: 0 5% 0 0;
}
@media only screen and (max-width: 1280px){
#footer footer ul.box20231002{
	display:flex;
	margin:-30px 0 0 0;
	padding:0 0 0 50px;
}
}
#footer footer ul.box20231002 li{
	margin:5px;
}
#footer footer ul.box20231002 li a{
	color:#fff;
	text-decoration:underline;
	font-size:80%;
}
#footer footer #footer_box03 ul.box20231002 li a:hover{}
#footer footer #footer_box03 li.contact02{}
#footer footer #footer_box03 li.contact02{
	color: #fff;
	width: 100%;
}
#footer footer #footer_box03 li.contact02 ul{
	padding: 0 1%;
}
#footer footer #footer_box03 li.contact02 ul li{
	padding:0 5%;
	font-size: 80%;
}
#footer footer #footer_box03 li.contact02 ul li a{
	color: #fff;
	font-size: 240%;
	font-weight: bold;
}
#footer footer #footer_box03 li img{
	width: 40px;
	/* padding:1%; */
	display:block;
	/* margin:2%; */
}
#footer footer #footer_box03 li.btn003 a{
	color: #000;
	background: #fff;
	padding:1% 20px;
	border-radius:10px;
	margin:0 0 5%;
	display:inline-block;
	font-size:150%;
	border:solid 1px #3B2700;
}
#footer footer #footer_box03 li.btn003 a:hover{
	color: #fff;
	background: #3B2700;
	border:solid 1px #fff;
}

#footer footer #footer_box04{
    display: flex;
}
#footer footer #footer_box04 ul{
    padding: 2% 0;
}
#footer footer #footer_box04 ul li.contact01{}
#footer footer #footer_box04 ul li.contact01 a{}
#footer footer #footer_box04 ul li.contact01 a:hover{}
#footer footer #footer_box04 ul li.contact01 a img{}
#footer footer #footer_box04 ul li.contact02{}
#footer footer #footer_box04 ul li.contact02 ul{}
#footer footer #footer_box04 ul li.contact02 ul li{}
#footer footer #footer_box04 ul li.contact02 ul li a{}
#footer footer #footer_box04 ul li.contact02 ul li a:hover{}
#footer footer #footer_box04 ul li.contact03{}
#footer footer #footer_box04 ul li.contact03 a{}
#footer footer #footer_box04 ul li.contact03 a:hover{}
#footer footer #footer_box04 ul li.contact03 a img{}


#footer .copy{
    font-size: 80%;
    text-align: center;
    width: 100%;
    padding: 2% 0 0;
}
#footer .copy small{
    color: #fff;
}
#footer .copy small a{
    color: #fff;
}

#footer footer p#page-top{
	position: fixed;
	bottom: 10px;
	right: 0;
	background: #000;
}
#footer footer p#page-top a{
	color:#fff;
	font-size: 90%;
	padding:2% 5%;
	display:block;
	width: 80px;
	line-height:1.2;
	text-align: center;
}
#footer footer p#page-top a:hover{}
#footer footer p#page-top a:before {
	font-family: FontAwesome;
	font-size:100%;
	display:block;
	float:none;
	content:"\f077";
	font-weight: normal;
}


/*-----------------  contact  -------------------*/

#contact ul li input{
	width:100%;
	padding: 1%;
	background: #e4d7b4;
	border: 0;
}
#contact ul li select{
	width:100%;
	padding: 1%;
	background: #e4d7b4;
	border: 0;
}
#contact ul li textarea{
	width:100%;
	padding: 1%;
	background: #e4d7b4;
	border: 0;
}
@media only screen and (max-width: 640px){
	#contact ul li textarea{
		width:98%;
	}
}
#contact p.submit{
	text-align:center;
}
#contact p.submit .wpcf7-form-control{
	width:260px;
	padding:5px;
}

/*-----------------  topics  -------------------*/
#topics{padding: 100px 0 0;display: flex;flex-wrap: wrap;}
@media only screen and (max-width: 1280px){
	#topics{
	width:100%;
	}
}
#topics .blognavi{
	overflow:hidden;
	width: 96%;
	margin: 1% 2% 5%;
}
#topics .blognavi a{
	float:left;
	display:block;
}
#topics .blognavi a.next-foo{
	float:right;
	display:block;
}
.blognavi a{
	color:#555;
}
.blognavi a:hover{
	opacity:0.5;
}
.collection-btn{
	overflow:hidden;
}
.collection-prev{
	float:left;
}
.collection-next{
	float:right;
}
/*-----------------  single  -------------------*/
#topics_side{
	float:right;
}
#single{
	width: auto;
	margin: 0;
	padding: 0 2% 10%;
}
@media only screen and (max-width: 980px){
	#single{
	margin: 100px 1% 10%;
	padding:1%;
	width:96%;
	}
}
@media only screen and (max-width: 640px){
	#single{
	margin: 100px 1% 10%;
	padding:1%;
	}
}
#single h2{
	overflow:hidden;
	padding:2px;
	line-height:1.4;
	font-size:100%;
	border-bottom:4px double #ccc;
	margin-bottom:0;
	font-size:120%;
}
#search h2{
color: #e60012;
    font-size: 140%;
    font-weight: bold;
    margin: 0 0 5%;
    width: 100%;
    border-bottom: 2px solid #ccc;
}
#single h2 span{
	font-size:70%;
	float:right;
}

#single h3 {
  /* position: relative; */
  /* padding: 5px 10px; */
  /* border-radius: 6px; */
  /* font-size:130%; */
  /* margin: 0 0 20px; */
  /* color:#dce5ff; */
}

#single h3 a{
	color:#72aee6;
}
#single h3 span{
	display:block;
	font-size:60%;
	padding:0 6px;
	color:#fff;
	border-bottom:dotted 1px #fff;
}
#single p{
	margin:1% 1% 2%;	
	display:block;
}
#single ul li{
	padding:1%;
	margin:1% 1% 1%;
		border-bottom:dotted 2px #ccc;
}
#single ul li a{
	display:block;
}
#single ul li a:hover{
	color:#ccc;
}
#single ul li span.ymd{
	font-size:70%;
	display:block;
}
#single img{
	max-width:100%;
	width:60%;
}

#single .slider{
    display: flex;
    flex-wrap: wrap;
}
#single .slider .article{
    width: 40%;
    border-radius: 20px;
    background-color: #ffffff;
    /* box-shadow: 0px 0px 3px #c6c6c6; */
    margin: 0 5% 5%;
}
@media only screen and (max-width: 640px){
#single .slider .article{
    width: 90%;
}
}
#single .slider .article img{
    width: 100%;
    width: -webkit-fill-available;
    border-radius: 20px 20px 0 0;
}
#single .slider .article{
  /* border: 1px solid #ddd; */
  overflow: hidden;
  /* cursor: pointer; */
}
#single .slider .article img{
  width: 100%;
  transition-duration: 0.5s;
}
#single .slider .article:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}
#single .slider .article .news_category_date{
    padding: 5% 0 0;
}
#single .slider .article .news_category_date p{
	font-size:80%;
	display:inline-block;
	/* padding:1% 5%; */
	border-radius: 15px;
	margin: 0 2%;
	width: 30%;
}
#single .slider .article .news_category_date p.tagu-01{
    background-color: #FDD2D2;
}
#single .slider .article .news_category_date p.tagu-02{
    background-color: #BBE7FF;
}
#single .slider .article .news_category_date p.tagu-03{
    background-color: #c7ffeb;
    width: 30%;
    text-align: center;
}
#single .slider .article .news_category_date p.tagu-04{
    background-color: #ffebbb;
}
#single .slider .article .news_category_date p.tagu-05{
    background-color: #ffc572;
}

#single .slider .article .news_category_date p.date{
    background-color: #ffffff;
    padding-right: 0;
}
#single .slider .article .news_category_date p.date small{}
#single .slider ul.tag-list{
    margin: 5% 5%;
    display: flex;
}
#single .slider ul.tag-list li{
    margin: 0 2%;
    border: 0;
}
#single .slider ul.tag-list li a{
    color: #72aee6;
    font-size: 70%;
}
#single .slider ul.tag-list li a:hover{}

/*------------ singlebox ----------------*/

#single #singlebox{
	margin:0;
	padding:0;
	text-align:left;	
}
#single #singlebox h1{
	margin:1%;
	padding:1%;
	font-weight:normal;
	font-size:160%;
}
#single #singlebox h2{
	margin:1%;
	padding:1%;
	font-weight:normal;



	font-size:140%;
}


#single #singlebox h2{
	line-height:1.6;
	font-size:150%;
	border-bottom:0;
	margin-bottom:1%;
}
#single #singlebox:hover{}
#single #singlebox:before {}
#single #singlebox h2:before{
	content:"";
	margin:0;
	padding:0;
}
#single #singlebox h3{
	margin:1%;
	padding:1%;
	font-weight:normal;
	font-size:140%;
	border:0;
}
#single #singlebox h4{
	margin: 4% 1% 0;
	padding: 0 1%;
	font-weight:
	normal;
	font-size:130%;
}
#single #singlebox h4 em{
	color: #72aaee;
}
#single #singlebox h5{
	margin: 1% 1% 0;
	padding: 1% 1% 0;
	font-weight:
	normal;
	font-size: 110%;
}
#single #singlebox h6{
	margin:1%;
	padding:1%;
	font-weight:normal;
	font-size:110%;
}
#single #singlebox p{
	margin: 0;
	padding: 0;
	font-weight:normal;
	font-size:100%;
}
#single #singlebox p.link01{
	margin: 1%;
	padding: 1%;
	font-weight:normal;
	font-size:100%;
}
#single #singlebox p.tagu-01{
	margin: 0 2% 0 0;
	padding: 0 2% 0;
	border-radius:20px;
	background:#e7ddc3;
	font-size:90%;
	line-height:2;
	text-align:center;
}
#single #singlebox p.date01{
	margin: 0 2% 0 0;
	padding: 0 2% 0;
	border-radius:20px;
	background:#e7ddc3;
	font-size:90%;
	line-height:2;
}
#single #singlebox p.date01 a{
	color:#555;
}
#single #singlebox ol{
	margin:1%;
	padding:1%;
	font-size:100%;
}
#single #singlebox ul{
	margin:1%;
	padding:1%;
	font-size:100%;
	line-height:1.4;
}
#single #singlebox li{
	margin:0%;
	padding:0%;
	line-height:1.4;
	border: 0;
}
#single #singlebox em{
	font-style: normal;
	color: #ffba56;
}
#single #singlebox i{
	font-style:italic;
}
#single #singlebox strong{
	font-weight:bold;
}
#single #singlebox b{
	font-weight:bold;
}
#single #singlebox a{
	color: #70aae2;
}
#single #singlebox a:hover{
	opacity:0.5;
}
#single #singlebox img{
	width: auto;
	height:auto;
	max-width:100%;
}
@media only screen and (max-width: 640px){
	#single #singlebox img{
	width:100%;
	height:auto;
	max-width:100%;
	}
}
#single #singlebox div{
	margin:0%;
	padding: 5% 1% 0;
}
#single #singlebox div.news_category_date{
	margin:0;
	padding: 5% 1% 0;
	display: flex;
}

#sidebar {
	margin: 0;
	padding:1%;
}
@media only screen and (max-width: 980px){
	#sidebar {
	float:none;
	width:96%;
	border-top:2px solid #ccc;
	}
}
.screen-reader-text{
	display:none;
}
.collection-name h3{
    color: #362600;
    font-size: 140%;
    font-weight: bold;
    margin: 0 0 5%;
    width: 100%;
    padding: 2% 0;
    border-bottom: 1px solid #362600;
}
.collection-name{
	margin: 0% 0 10%;
	clear:both;
}
.collection-name form{
	margin-bottom: 40px;
	overflow: hidden;
}
.collection-name ul{
	clear:both;
	/* margin:0% 1% 1%; */
	/* padding:0% 1%; */
}
.collection-name ul li{
	border-bottom:dotted 1px #ccc;
	padding:2% 0;
}
.collection-name ul li a{}
.collection-name ul li a:hover{}

#contents-info-name {
	font-weight: bold;
	text-align: center;
	font-size: 100%;
	color: #278fc8;
	margin: 10px 0 15px;
}
#sidebar input{
	width:76%;
	float:left;
	height:21px;
	margin:1%;
}
#sidebar input#searchsubmit{
	width:18%;
	float:right;
	margin:1%;
	height:24px;
}
#calendar_wrap{
	background: #fff;
	padding:2%;
}
#sidebar table{
	width:92%;
	text-align:center;
	margin:4%;
	font-size:90%;

}
#sidebar table tr{}
#sidebar table tr th{}
#sidebar table tr td{
    padding: 2%;
}
#sidebar table tr td a{
	color: #fff;
	border-bottom:solid 1px #555;
	background: #382800;
	padding: 10%;
	border-radius: 50%;
}
#sidebar table tr td a:hover{
	opacity:0.5;
}
#sidebar .collection-name ul{}
#sidebar .collection-name li{}
#sidebar .collection-name li a{
	color: #555;
	display:block;
}
#sidebar .collection-name li a:hover{
	opacity:0.5;
}
#sidebar p.pict_topics{
	text-align:center;
	margin:5% 1%;
}
#sidebar p.pict_topics a{
	display:block;
	background:#ccc;
	border-radius:10px;
	padding:1%;
}
#sidebar p.pict_topics a:hover{
	background:#fff;
}


.post-password-form{
	margin:20% 5%;
	text-align:center;
}
#main p.demo{
    text-align: center;
    font-size:240%;
    font-weight:bold;
    margin:10% 0% 40%;
}

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

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




/* ==================================
    common-swiper
    ================================== */

.food-slider-wrap {
  overflow-x: hidden;

}
.carousel-container {
  position: relative;
}
.transition-linear {
  transition-timing-function: linear;
}
.transition-ease {
  transition-timing-function: ease-in;
}
.carousel-container .swiper-slide {
  min-width: 22rem;
  max-width: 22rem;
  margin: 0 0.8rem;
}
@media only screen and (max-width: 640px){
.carousel-container .swiper-slide {
  min-width: 10rem;
  max-width: 10rem;
  margin: 0 0.8rem;
}
}
.food-slider-wrap,.room-slider-wrap,.activity-slider-wrap {
  position: relative;
  background: #362904;
  padding: 2% 0;
}
.swiper-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.6rem;
  height: 9.3rem;
  cursor: pointer;
  transform: translateY(-50%);
}
.swiper-arrow-prev {
  left: 4.1%;
  background: url(images/arrow-l.svg) center center/cover no-repeat;
}
@media only screen and (max-width: 640px){
.swiper-arrow-prev {
  left: 4.1%;
  background: url(images/arrow-l.svg) center center/cover no-repeat;
	background-size:50%;
}
}
.swiper-arrow-next {
  right: 4.1%;
  background: url(images/arrow-r.svg) center center/cover no-repeat;
}
@media only screen and (max-width: 640px){
.swiper-arrow-next {
  right: 4.1%;
  background: url(images/arrow-r.svg) center center/cover no-repeat;
	background-size:50%;
}
}
.pointer-events-none {
  pointer-events: none;
}

@media only screen and (max-width: 450px) {

  .swiper-arrow {
    display: none;
  }
  .carousel-container .swiper-slide {
    min-width: 30rem;
    max-width: 30rem;
    margin: 0 0.4rem;
  }
}

/* ==================================
    hero
    ================================== */

.gt_switcher_wrapper{
	top: 5% !important;
	right:4% !important;
}
@media only screen and (max-width: 640px){
.gt_switcher_wrapper{
	top: 48px !important;
	right:34% !important;
}
}
.gt_selector{
	padding:2% !important;
}

#main{
	width:70%;
}
@media only screen and (max-width: 1280px){
	#main{
	width:100%;
	padding: 10% 0 2%;
}
}
.topics_side{
	width:30%;
	background:#E7DDC3;
	padding:2%;
}
@media only screen and (max-width: 1280px){
	.topics_side{
	width:100%;
}
}
#mainbox001{
	width:100%;
	background: #382800;
	display: flex;
	flex-wrap: wrap;
	padding:0;
}
@media only screen and (max-width: 640px){
	#mainbox001{
	padding:15% 0 0;
}
}
#mainbox001 .box_l{
	width:100%;
}
@media only screen and (max-width: 1280px){
	#mainbox001 .box_l{
	width:100%;
}
}
#mainbox001 .box_l h2{
	color:#fff;
	font-size:200%;
	padding: 5% 2% 1%;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
@media only screen and (max-width: 1280px){
	#mainbox001 .box_l h2{
	color:#fff;
	font-size:200%;
	padding:10% 10% 1%;
}
}
#mainbox001 .box_l hr{
	display:block;
	border:solid #fff 1px;
	width:90%;
	margin:0;
}
#mainbox001 .box_l p{
	color:#fff;
	font-size:140%;
	padding: 1% 2% 5%;
}
@media only screen and (max-width: 1280px){
	#mainbox001 .box_l p{
	color:#fff;
	font-size:140%;
	padding:1% 10% 2%;
}
}
#mainbox001 .box_r{
	width:60%;
}
@media only screen and (max-width: 1280px){
	#mainbox001 .box_r{
	width:100%;
}
}
#mainbox001 .box_r p{}
#mainbox001 .box_r p img{}
#mainbox001 .box_lx{
	width:40%;
}
@media only screen and (max-width: 1280px){
	#mainbox001 .box_lx{
	width: 100%;
}
}
#mainbox001 .box_lx h2{
	color:#fff;
	font-size:200%;
	padding: 20% 5% 5%;	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;

}
@media only screen and (max-width: 1280px){
	#mainbox001 .box_lx h2{
	color:#fff;
	font-size:200%;
	padding:10% 10% 1%;
}
}
#mainbox001 .box_lx hr{
	/* display:block; */
	/* border:solid #fff 1px; */
	width:90%;
	margin:0;
}
#mainbox001 .box_lx p{
	color:#fff;
	font-size:140%;
	padding: 5% 5% 20%;
}
@media only screen and (max-width: 1280px){
	#mainbox001 .box_lx p{
	color:#fff;
	font-size:140%;
	padding:1% 10% 2%;
}
}
#mainbox001 .box_rx{
	width:60%;
	background: url(images/home_img001_01.jpg) center center/cover no-repeat;
	background-size:cover;
}
@media only screen and (max-width: 1280px){
#mainbox001 .box_rx{
	width:0;
	background: url(images/home_img001_01.jpg) center center/cover no-repeat;
	background-size:cover;
}
}
#mainbox001 .box_rx_news{
	width:60%;
	background: url(images/news_img001_01.jpg) center center/cover no-repeat;
	background-size:cover;
}
@media only screen and (max-width: 1280px){
#mainbox001 .box_rx_news{
	width:0;
	background: url(images/news_img001_01.jpg) center center/cover no-repeat;
	background-size:cover;
}
}
@media only screen and (max-width: 1280px){
	#mainbox001 .box_r{
	width:100%;
}
}
#mainbox001 .box_r p{}
#mainbox001 .box_r p img{}

#breadcrumb{
	padding:2% 5%;
}
#breadcrumb ul{
	display:flex;
}
#breadcrumb ul li{
	padding:0 2% 0 0;
	font-size:80%;
}
#breadcrumb ul li a{}
#breadcrumb ul li a:hover{}