@charset "utf-8";

/*=====================================================================
//	reset
=====================================================================*/

* {
  padding: 0;
  margin: 0 auto;
  font-size: 96%;
}

html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p,blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: none;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  font-family: UD Reimin Medium,Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  line-height: 1.4;
  /*vertical-align: baseline !important;*/
}

ol, ul {list-style: none;}

table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

li{padding-top: 5px;}

.img_width100,
.img_width100 img{
  max-width: 100% !important;
}

/*=====================================================================
//	clearfix
=====================================================================*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
	height: auto;
	overflow: hidden;
	/**/
}

.both {clear: both;}

/*=====================================================================
//	hover
=====================================================================*/

a.hoverOpa:hover{
  filter: alpha(opacity=70);
  -webkit-opacity: 0.70;
  -moz-opacity: 0.70;
  opacity: 0.70;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/*=====================================================================
//	foundation
=====================================================================*/

.row-max{
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}

.row-800{
  max-width: 800px !important;
  margin-left: auto;
  margin-right: auto;
}

.row-1200{
  max-width: 1200px !important;
  margin-left: auto;
  margin-right: auto;
}

.column-block{
  margin-bottom: 30px;
}

.button{
  width: 80% !important;
}

/*=====================================================================
// text
=====================================================================*/

.df-text-vertical-flex{
  display: flex;
  justify-content: center;
  justify-content: flex-end;
  align-items: center;
}

.mdlg-text-vertical-flex{
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

/* titletext */
.text-Leadtext35{font-size: 35px !important; line-height: 2.5 !important;}

.text-Leadtext-bold45{font-size: 45px !important; display: block; font-weight: 500;}

.text-color-gr{color: #3f5504 !important;}
.text-color-red{color: #a60707 !important;}
.text-color-be{color: #b3ae91 !important;}
.text-color-w{color: #FFF !important;}

.text-bold{font-weight: 500;}

/* Leadtext */
.text-Leadtext16{font-size: 16px !important; line-height: 1.7 !important;}
.text-Leadtext18{font-size: 18px !important; line-height: 1.7 !important;}
.text-Leadtext20{font-size: 20px !important; line-height: 1.8 !important;}
.text-Leadtext22{font-size: 22px !important; line-height: 1.8 !important;}

.text-Leadtext28{font-size: 28px !important; line-height: 1.8 !important;}

.text-Leadtext30{font-size: 30px !important; line-height: 1.8 !important;}
.text-Leadtext35{font-size: 35px !important; line-height: 1.8 !important;}

.text-Leadtext40{font-size: 40px !important; line-height: 1.8 !important;}

.text-Leadtext45{font-size: 45px !important; line-height: 1.8 !important;}
.text-Leadtext50{font-size: 50px !important; line-height: 1.8 !important;}

.text-Leadtext80{font-size: 80px !important; line-height: 1.8 !important;}

/*=====================================================================
//	contents bg
=====================================================================*/

.bg-color-brown{background: #211208 !important;}
.bg-color-be{background: #edddce !important;}
/*.bg-color-blue{background: #7fcff4 !important;}*/
.bg-color-pink{background: #f29c9f !important;}

/*=====================================================================
//	contents bg
=====================================================================*/

.sm-br{display: none;}

/*=====================================================================
//	border
=====================================================================*/

/*top*/
.border-t-brown_s1{border-top:#2b1400 solid 1px;}

/*bottom*/
.border-b-brown_s1{border-bottom: #2b1400 solid 1px;}
/*.border-b-blue_s1{border-bottom: #6ac4de solid 1px;}*/
.border-b-pink_s1{border-bottom: #de6a9e solid 1px;}

/*=====================================================================
// title
=====================================================================*/

.title-img{
  width: 25% !important;
  padding-bottom: 100px;
}



/*=====================================================================
//	table
=====================================================================*/

/*=====================================================================
//	position | display |
=====================================================================*/

.fixed{position: fixed !important;}
.relative{position: relative !important;}

.position-left{left:0 !important;}
.position-right{right: 0 !important;}

.display-inline{display: inline !important;}
.display-block{display: block !important;}
.display-none{display: none !important;}

/*=====================================================================
//	page top
=====================================================================*/

.pagetop {
    width: 50px;
    height: 50px;
    display: block !important;
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 40px;
    z-index: 11000;

}

.pagetop .fa{
  color: #98926c !important;
}


/*=====================================================================
//	header
=====================================================================*/

header{
/*  background: url("../img/main/main-bg.jpg") no-repeat center center / cover;*/
  background: url("../img22/main/main-bg.jpg") no-repeat center center;
/*  background-size: 100% auto;*/
  background-size: cover;
  background-color: #000;
}

.header-btn{
  height: 40px;
  background: rgba(141,0,0,1.0);
  padding: 20px 45px;
  color: #FFF;
  font-size: 20px;
  line-height: 40px;
}

.header-btn:hover{
  background: rgba(33,18,8,0.6);
  color: #FFF !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header-btn:first-child{
  margin-right: 20px;
}

.catch-box{
  margin: 350px auto 200px auto;
  margin: 275px auto 275px auto;
  margin: 75px auto 475px auto;
  margin: 75px auto 425px auto;
  margin: 175px auto 0 auto;
  /*margin: 200px  calc(100%*1/5 - 50px*1/5) 350px auto;
  text-align: right;*/
  padding-bottom: 165px;
  text-align: center;
}


/*=====================================================================
//	footer
=====================================================================*/

footer{
  display: block;
  color: #FFF;
  position: relative;
}

small{
  width: 100%;
  height: 68px;
  line-height: 68px;
  background: #8e0000;
  /*background: #00a0e9;*/
  font-size: 86%;
  display: block;
  position: relative;
  z-index: 7000;
  margin: 0;
  bottom: 0;
  color: #FFF;
}

.footer-link{
  display: block;
  margin: 0 auto !important;
}

.footer-link li{
  display: inline-block;
  margin-left: 10px;
}

.footer-link li:last-child{
  margin-left: 0px;
}

.pageTopbtn{
  /*width: 73px;*/
  width: 80px;
  /*height: 70px;*/
  height: 80px;
  /*line-height: 70px;*/
  line-height: 80px;
  display: block;
  padding: 0 10px;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background: #f2efe1;
  font-size: 12px;
  text-align: center;
}

/*=====================================================================
//	slide menu
=====================================================================*/

.drawer-toggle{
  position: fixed;
  z-index: 30000;
}

.drawer-overlay{
  z-index: 1000;
}

.drawer-hamburger{
  background: #f2efe1;
}

.drawer-hamburger:hover{
  background-color: #d9d4ba !important;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after
.drawer-hamburger-icon:before{
    background-color: #FFF !important;
}


.drawer-nav{
  background: #0f184e !important;
  z-index: 20000;
}

.drawer-menu li:first-child{
  border-top: 1px solid #0068b7 !important;
  border-top: 1px solid #fff !important;
}


.drawer-menu li{
  padding: 15px !important;
  display: block;
  border-bottom: 1px solid #0068b7 !important;
  border-bottom: 1px solid #fff !important;
}

.drawer-menu a{
  color: #FFF !important;
}

.drawer-hamburger {
  padding: 12px 1.25rem;

}
.drawer-hamburger-text {
  display: block;
  font-size: 12px;
  margin-top: 15px;
}