@charset "utf-8";
 @import url('library.css');
body {
	width: 100%;
	margin: 0;
	float: left;
	font-size: 62.5%;
	color: #555;
	border-top: 7px solid #6a4900;
	font-family: 'Meiryo', sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}


.idx a:link { color: #000;  text-decoration: none; }
.idx a:visited { color: #000; text-decoration: none;  }
.idx a:hover { color: #6a4900; }
.idx a:active { color: #6a4900; }

.box18{
    margin-left:2.5em;
    position: relative;
    padding: 1em;
    border: solid 2px #a7d8b3;
    border-radius: 3px 0 3px 0;
    font-weight:700;
    width: 90%;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #a7d8b3;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
    font-size:1.8em;
}



.box26 {
    position: relative;
    margin: 2em 0;
    padding: 2em 1em;
    border: solid 3px #ab3b2d;
    border-radius: 8px;
    background: #FFF;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #333;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
    font-size: 16px;
     
}


.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #6a4900;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #6a4900;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}



.box28 {
    position: relative;
    margin: 0.5em 0;
    padding: 25px 10px 7px;
    border: solid 2px #ab3b2d;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ab3b2d;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

.box2 dl{
  width:100%;
}

.box2 dt{
  float: left;
  padding:10px;
}

dd{
  margin-left: 30px;
  padding:10px;
}






.fo{
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.fb {
	text-align:left;
}
#bg-header, #bg-content, #bg-footer {
	width: 100%;
	float: left;
}
#header, #content, #footer {
	width: 100%;
	float: left;
}
.rows {
	width: 100%;
	float: left;
	
}
.rows-mini {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	
}
.txt-head {
	padding: 12px 0px 23px 0px;
	box-sizing: border-box;
	font-size: 15px;
	line-height:180%;
	
}
.logo-tel {
	width: 100%;
	float: left;
}
.logo, .tel {
	width: 50%;
	float: left;
	margin-top:10px;
}

.logo img {
	width: 100%;
}
.tel {
	font-size: 2.5em;
	text-align: right;
	margin-top:60px;
}
.show-sp {
	display: none;
}
.show-tb {
	display: none;
}
.menu-slide {
	width: 100%;
	float: left;
	margin-top: 30px;
	height: 350px;
}
.menu {
	width: 34%;
	float: left;

}
.menu-sp {
	width: 100%;
	float: left;
}
a.menu-item {
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	background: #ece4db;
	line-height: 33px;
	float: left;
	text-decoration: none;
	font-size: 1.4em;
	color: #666;
	padding: 20px 20px 0px 30px;
	font-family: 'Meiryo', sans-serif;
}
a.acitve, a.menu-item:hover {
	background: #6a4900;
	color:#fbfbfb;
}
.ico-menu {
	cursor: pointer;
}
.slide {
	width: 66%;
	float: left;
	position: relative;
	text-align: center;
	overflow:hidden;
}
.slide img {
	width: 100%;
	float:left;text-align:right !important;
	
}
.txt-slide {
	width: 100%;
	position: absolute;
	float: left;
	z-index: 999;
	-webkit-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-moz-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-o-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-ms-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.txt-slide1 {
	font-size: 3em;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 160%;
	margin-top: 15%;
}
.txt-slide2 {
	font-size: 2em;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 140%;
	margin-top: 4%;
	font-style:italic;
}
.content {
	margin-top: 30px;
}





.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  vertical-align: middle;/*垂直中央に*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション�@*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション�A*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}


.insta_btn .insta{
  box-shadow: 0px 1px 2px rgba(25, 25, 25, 0.50);
  transition: .4s;
}
.insta_btn .insta:hover{
  box-shadow: 0px 2px 3px rgba(25, 25, 25, 0.50);
}






h3 {
     position: relative;
     padding-left: 0.7em;
     font-size: 2.1em;
     margin-top:8px;
}
 
h3::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:1em;
     background-color: #6a4900;
}




.link1 a:link { color:#6a4900;text-decoration: none; }
.link1 a:visited { color: #6a4900;text-decoration: none; }
.link1 a:hover { color: #ff0000; }
.link1 a:active { color: #ff8000; }




.title-h2 {
	width: 100%;
	float: left;
	font-size: 2.1em;
	border-bottom: 3px solid #6a4900;
	padding: 4px 0px 7px 0px;
	box-sizing: border-box;
	margin-top:8px;
	font-weight:bold;
}

.title-h3 {
	width: 100%;
	float: left;
	font-size: 1.3em;
	border-bottom: 3px solid #6a4900;
	padding: 3px 0px 0px 0px;
	text-align:center;
	margin-bottom:15px;
	box-sizing: border-box;
}


.title11-h3 {
	width: 100%;
	float: left;
	font-size: 1em;
	border-bottom: 3px solid #6a4900;
	padding: 0px 0px 0px 0px;
	text-align:center;
	margin-bottom:15px;
	box-sizing: border-box;
}




.title1-h4{
position: relative;
padding: 0.5em 15px;
font-size: 1.8em;
font-weight:bold;
line-height:150%;
}


.title1-h4:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, #6a4900,transparent);
background: -webkit-linear-gradient(to right, #6a4900, transparent);
background: linear-gradient(to right, #6a4900, transparent);
}











.col-left {
	width: 76%;
	float: left;
	padding-right: 30px;
	box-sizing: border-box;
}
.col-right {
	width: 24%;
	float: left;
}
.col-right img {
	width: 100%;
}
.right1 {width:100%;float:left;}
.right2 {width:100%;float:left;margin-top:10px;}

iframe {
	width: 100% !important;
	height: 320px;
}

.img-link {width:100%;float:left;margin-bottom:30px;}
.img-item {width:25%;float:left;padding:1%;box-sizing:border-box;position:relative;}
.img-item img {width:100%;}
a.bxbx {width:100%;float:left;position:relative;}
.txt-img {position:absolute;bottom:0;padding:2% 2% 7% 2%;box-sizing:border-box;font-size:1.2em;width:100%;float:left;text-align:center;color:#fbfbfb;text-shadow:1px 1px 3px #666666;font-family: 'Meiryo', sans-serif;}

.hvi {width:94%;height:93%;border:1px solid #6a4900;position:absolute;opacity:0;margin:3%;z-index:99;box-sizing:border-box;}
.hvi:hover {opacity:1;}


#bg-footer {width:100%;height:auto;min-height:50px;padding:20px;box-sizing:border-box;margin-top:10px;background:#6a4900;position:relative;}
.footer {width:100%;float:left;font-size:1.2em;color:#fff;}

.pagetop  {position:absolute;right:0;bottom:0;}



 @media screen and (max-width: 1366px) {
}
 @media screen and (max-width: 980px) {
.slide img {
	width: 100%;
}

.box18{
    margin:1em;
    position: relative;
    padding: 1em;
    border: solid 2px #a7d8b3;
    border-radius: 3px 0 3px 0;
    font-weight:700;
    width: 90%;
    background:#fff;
}


}
 @media screen and (max-width: 890px) {
}
 @media screen and (max-width: 1100px) {
	 #bg-header, #bg-content {
	padding: 0% 2% 0% 2%;
	box-sizing: border-box;
}

.fb {
	text-align:center;
	width:100%;
}

.tel {
	font-size: 2.5em;
	text-align: right;
}

a.menu-item {
	padding: 20px 20px 0px 20px;
}
.txt-slide1 {
	display:none;
}
.txt-slide2 {
	display:none;
}
.col-left {width:100%;padding-right:0;}
.col-right {width:100%;}
.right1 {width:100%;margin-top:0;padding:4% 4% 4% 12%;box-sizing:border-box;}
.right2 {width:50%;margin-top:0;padding:4% 12% 4% 4%;box-sizing:border-box;}
.hide-tb {
	display: none;
}
.show-tb {
	display: inline-block;
}

}
 @media screen and (max-width: 1100px) {
#bg-header, #bg-content {
	padding: 0% 2% 0% 2%;
	box-sizing: border-box;
}
.txt-head {
	font-size: 1.1em;
	text-align: center;
	padding: 10px 20px 30px 10px;
}
.logo, .tel {
	text-align: center !important;
	width: 100%;
}
.show-sp {
	display: inline-block;
}
.show-sp2 {
	display: inline-block;
}
.hide-sp {
	display: none;
}

.menu-slide {
	height: auto;
}
.menu {
	width: 100%;
}
.slide {
	width: 100%;
	overflow:hidden;
}

.title-h2 {
	
	font-size:2em;
	text-align:center;
	border-bottom: 3px solid #6a4900;
}
.right1 {padding:4%;}
.right2 {padding:4%;}
.footer {font-size:1.2em;line-height:160%;}
.pagetop {width:92%;float:left;text-align:center;padding:0% 0% 2% 0%; box-sizing:border-box;background:#6a4900;margin:0% 4% 4% 4%;position:relative;}
}


/**
  * 13.2 - Table Style3
 */ 
.table-style3{
	width:100%;
	height:auto;
	border:0;
	border-collapse:collapse;
	box-sizing:border-box;
		border-top:solid 1px #DDDDDD;
			border-left:solid 1px #DDDDDD;
				border-bottom:solid 1px #DDDDDD;
				padding:30px;
}

.table-style3 tr td{
	
	padding:8px;
	box-sizing:border-box;
	border-right:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD;
	vertical-align:middle;
	
	
	
}

.table-style3 tr.tb-row1 td{
padding-top:20px;
}

.table-style3 tr:last-child td{
padding-bottom:10px;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


table.shift{
	background-color:#fff;/*表のボーダー色*/
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
}
table.shift th,  table.shift td{
	background-color:#efe9e9;
	padding:10px;
	
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
}
table.shift th.pink,  table.shift td.pink0{
	background-color:#f1b576;
	color:#fff;
	text-align:center;
}

table.shift th.pink,  table.shift td.pink01{
	background-color:#f7ddc2;
	color:#333;
	text-align:center;
}


table.shift th.pink,  table.shift td.pink{
	background-color:#6a4900;
	color:#fff;
	text-align:center;
}


table.shift th.pink1,  table.shift td.pink1{
	background-color:#67150a;
	color:#fff;
	text-align:center;
}

table.shift th.pink1,  table.shift td.pink2{
	background-color:#edcfcb;
	color:#333;
	text-align:center;
}

table.shift th.pink1,  table.shift td.pink3{
	background-color:#e9b0a9;
	color:#333;
	text-align:center;
}


.huki {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	color:#29939c;
}
.huki::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}


 @media screen and (max-width: 800px) {
 .img-item {width:100%;float:left;padding:1%;box-sizing:border-box;position:relative;}
.img-item img {width:100%;}

.tel {
	font-size: 2.5em;
	text-align: right;
	margin-top:0px;
}


 
}


 @media screen and (max-width: 700px) {
table.shift{
	font-size:8px;
}


 
}