/**********
 all
**********/

/** fontface **/

font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/** **/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body{
	line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ 
	display:block;
}

#mainNavi ul{
    list-style:none;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}


blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}


a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark{
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del{
    text-decoration: line-through;
}

abbr[title], dfn[title]{
    border-bottom:1px dotted;
    cursor:help;
}

/** table **/
table{
    border-collapse:collapse;
    border-spacing:0;
}

/** img **/
img{ vertical-align:bottom;}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}


/** hr **/
hr{
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/** input select **/
input, select{
    vertical-align:middle;
}

/* ol ul */

ol, ul{ list-style: none;}

/* clearfix */
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: " "; 
    clear: both; 
    height: 0; 
    display: block; 
    visibility: hidden; 
}

.cf { zoom: 1;}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after { clear: both;}

/* clear */
.clear{ clear:both;}
.clearBlk{ overflow:hidden;}
/* after */
.afterBlk{}
.afterBlk:after{ 
    content: " "; 
    clear: both; 
    height: 0; 
    display: block; 
    visibility: hidden; 
}


/**********
 common
**********/
/* margin */
.mBtmNone{ margin-bottom:none;}
.mBtm10{ margin-bottom:10px;}
.mBtm20{ margin-bottom:20px;}
.mBtm30{ margin-bottom:30px;}

.mTop5{ margin-top:5px;}
.mTop10{ margin-top:10px;}
.mTop20{ margin-top:20px;}
.mTop30{ margin-top:30px;}

/* padding */
.pBtmNone{ padding-bottom:none;}
.pBtm05{ padding-bottom:5px;}
.pBtm10{ padding-bottom:10px;}
.pBtm20{ padding-bottom:20px;}
.pBtm30{ padding-bottom:30px;}

.pTop10{ padding-top:10px;}
.pTop20{ padding-top:20px;}
.pTop30{ padding-top:30px;}

/* color */
.cRed { color:#ff3300;}
.cOrg { color:#c60;}
.cGry { color:#666;}
.cBrwn{ color:#553b27;}
.cDred{ color:#990000;}

/* fontsize */
.fs120{ font-size:120%;}
.fs80{ font-size:80%;}

/** border **/
.underB{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #56503d;
}

/** align **/
.aCenter{ text-align:center;}
.aLeft{ text-align:left}
.aRight{ text-align:right;}


/** padding margin none **/
.pmNone{
	padding:0;
	margin:0;
}

/** color **/
.cRed { color:#900;}
.cOrg { color:#c60;}
.cGry { color:#666;}
.cBrwn{ color:#630;}

/** fontsize **/
.fs120{ font-size:120%;}
.fs80{ font-size:80%;}

/** border **/
.underB{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #56503d;
}

/** align **/
.aCenter{ text-align:center;}
.aLeft{ text-align:left}
.aRight{ text-align:right;}



/**********
 body
***********/
body{
    width:100%;
	height: 100%;
    font-family: 'Lato','Noto Sans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#282828;
    line-height:1.5;
    font-size:15px;
	min-width:320px;
	background:url(../img/mainBg.jpg) repeat;
}


/**********
 a link
***********/
a{
    color:#009a91;
    text-decoration:none;
}
a:visited{
    color:#009a91;
    text-decoration:none;
}
a:hover{
    color:006479;
    text-decoration:underline;
}

a:active{
    color:#006479;
    text-decoration:underline;
}


/*==========================================
 アイコンフォント
===========================================*/

/*==========================================
 ページスクロール
===========================================*/
#page-top {
	position:fixed;
	bottom:0;
	margin-bottom: 20px;
	right:20px;
	font-size:1.5em;
	z-index:10;
}
#page-top a {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#001374 !important;
	color: #fff;
	display: block;
	font-family: FontAwesome;
	opacity: 0.75;
	text-align: center;
	text-decoration: none;
	padding:10px;
}
#page-top a:hover {
	text-decoration:none;
	opacity: 0.5;
}



/*==========================================
 角丸ボタン
===========================================*/
.commonBtn{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	width:100%;
	display:block;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	text-align:center;
	text-decoration:none;
	padding:7px 0;
	font-size:0.8em;
}

.commonBtn span{
	padding-left:5px;
}


/*==========================================
 透過
===========================================*/
.trans{
	opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -khtml-opacity: .75;
    -moz-opacity: .75
}

a.link_trans:hover,
a.link_trans:active{
	opacity: .80;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: .80;
    -moz-opacity: .80
}



/*==========================================
 表示切り替え
===========================================*/

/** visible 選択項目のみ表示 **/
.visible_mb{ display:block;}
.visible_tb{ display:none;}
.visible_pc{ display:none;}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
.visible_mb{ display:none;}
.visible_tb{ display:block;}
.visible_pc{ display:none;}
}

@media only screen and (min-width: 1201px) {
.visible_mb{ display:none;}
.visible_tb{ display:none;}
.visible_pc{ display:block;}
}

/** visible 選択項目のみ表示しない **/
.hidden_mb{ display:none;}
.hidden_tb{ display:block;}
.hidden_pc{ display:block;}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
.hidden_mb{ display:block;}
.hidden_tb{ display:none;}
.hidden_pc{ display:block;}
}

@media only screen and (min-width: 1201px) {
.hidden_mb{ display:block;}
.hidden_tb{ display:block;}
.hidden_pc{ display:none;}
}

@media print{
.visible_mb{ display:none;}
.visible_tb{ display:none;}
.visible_pc{ display:block;}
.hidden_mb{ display:block;}
.hidden_tb{ display:block;}
.hidden_pc{ display:none;}
}


/*==========================================
 オンマウスでフェード
===========================================*/
.fade_on{
	/*変化にかかる時間とタイミング、進行具合を指定*/
}

/*オンマウス時に実行*/
.fade_on:hover {
	/*透明度具合を指定*/
	opacity: 0.6;  
	filter: alpha(opacity=40);  
}


/*==========================================
 パンくずリスト
===========================================*/
#breadcrumbs{
	width:100%;	margin:0 auto;
	padding:0;
	clear:both;
	overflow:hidden;
	font-size:0.78em;
	text-align:left;
	padding-bottom:30px;
}

#breadcrumbs ol{
}

#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
}

#breadcrumbs ol li:before {
  content: "　\f105　";
	font-family: 'Font Awesome 5 Free';
	font-weight:900;
}
#breadcrumbs ol li:first-child:before {
  content: "\f015";
	font-family: 'Font Awesome 5 Free';
	font-weight:900;
	color:#ff9900;
	padding-right:5px;
}

#breadcrumbs ol li a{ color:#ff9900;}
#breadcrumbs ol li a:hover,
#breadcrumbs ol li a:active{ color:#f89800;}




/*==========================================
 コンテンツ枠
===========================================*/
#container{}

/***********
 sideContents
**********/
#sideContents{
	display:none;
	background:url(../img/sideContents_bg.jpg) no-repeat top left fixed;
}


/** h1logo **/
#h1logo{
	display:block;
	max-width:220px;
	margin:0 auto 25px auto;
}

#h1logo img{
	text-align:center;
	vertical-align:bottom;
}



/** sideNavi **/
#sideNavi{
	width:200px;
	margin:0 auto;
	font-family: 'Caveat Brush', cursive;
	/*font-family: 'Caveat', cursive;*/
}

#sideNavi ul{
	width:200px;
}

#sideNavi ul li{
	border-top:1px dotted #333333;
	display:block;
}

#sideNavi ul li:last-child{
	border-bottom:1px dotted #333333;
}

#sideNavi ul li#navi_menu{ background:url(../img/snIcon_menu.png) no-repeat 0 8px;}
#sideNavi ul li#navi_reserve{ background:url(../img/snIcon_reserve.png) no-repeat 0 8px;}
#sideNavi ul li#navi_shop{ background:url(../img/snIcon_shop.png) no-repeat 0 8px;}
#sideNavi ul li#navi_products{ background:url(../img/snIcon_products.png) no-repeat 0 8px;}
#sideNavi ul li#navi_info{ background:url(../img/snIcon_info.png) no-repeat 0 8px;}
#sideNavi ul li#navi_blog{ background:url(../img/snIcon_blog.png) no-repeat 0 8px;}



#sideNavi ul li a{
	color:#603813;
	padding:6px 0 5px 45px;
	display:block;
	font-size:1.4em;
	text-decoration:none;
	line-height:1.2;
}

#sideNavi ul li a span{
	font-family: 'Lato','Noto Sans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	font-size:0.58em;
	display:block;
}


/**********
 main
**********/
.main_flex{}
.sticky {
    postion: -webkit-sticky;
    position: sticky;
	margin-bottom: 0;
	top:200px;
}

#main{
	background:url(../img/mainBg.jpg) repeat;
}

#mainInner{
	background:url(../img/main_btm.png) no-repeat bottom right;
	padding-bottom:120px;
}



/**********
 h
**********/

h2.title{
	display:block;
	width:100%;
	margin:0;
	min-height:140px;
	position:relative;
	background:url(../img_top/topimg_sample.jpg) no-repeat center center;
	background-size:cover;
}

h2.title p{
	position:absolute;
	top:20%;
	left:20px;
	color:#fff;
	font-family: 'Caveat', cursive;
	font-weight:normal;
	font-size:2.5em;
	background:url(../img/line_rough_w.png) repeat-x bottom;
	line-height:1.4;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));	
}

h2.title span{
	font-size:18px;
	padding-left:0;
	padding-bottom:7px;
	font-family: 'Lato','Noto Sans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
}




h3.title{
	position:relative;
	display:block;
  	/*border:1px solid black;*/
	border-radius: .4em 2em .5em 3em/3em .5em 2em .5em;
  	/*background:none;*/
  	text-transform:uppercase;
  	letter-spacing:1px;
	width:99%;
	margin:0 auto 30px 0;
	background:url(../img/h3_bg.jpg) repeat;
	position: relative;
}


h3.title p{
	padding:0.18em 1.1em 0.18em 2.2em;
	font-family: 'Caveat', cursive;
	font-size:1.5em;
	line-height:1.4;
	color:#5E2A00;
}

h3.title p span{
	font-size:15px;
	font-family: 'Lato','Noto Sans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	display:block;
}

h3.title:after {
  position: absolute;
  top:10%;
  left:-15px;
  content:"";
  background:url(../img/h3_icon.png) no-repeat;
  height:100%;
  width:100%;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(0deg);
  padding-bottom:15px;
}

/*
.paper{
	z-index:-1;
	background:url(../img/h2_bg.jpg) repeat;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}

*/

/*==========================================
 ヘッダーのスタイル
===========================================*/
/**********
 header
**********/
#headerImg{
	display:none;
}



/** headContents_mb **/
#headContents_mb{
	background:url(../img/head_mb_bg.jpg);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-size:cover;
	border-bottom:2px solid #9a9a9a;
	/* padding:15px 12px; */
	padding-bottom:15px;
	text-align:left;
	position:relative;
}

#headContents_mb #headConBg{
	width:100%;
}

#headContents_mb #logo_mb{
	margin-left:15px;
	margin-top:10px;
	display:block;
}

#headContents_mb #logo_mb img{
	width:100%;
	max-width:182.5px;
}


/**********
 toggle sp向けメニュー
**********/

#toggle {
  display: block;
  text-align: center;
  width: 55px;
  height: 56px;
  position: absolute;
  bottom:0;
  right: 0px;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.trigger,
.trigger span {
	display: inline-block;
	-webkit-transition: all .4s;
	          transition: all .4s;
}
.trigger {
	position: relative;
	width: 28px;
	height: 19px;
}
.trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #00acb6;
	border-radius: 4px;
}
.trigger span:nth-of-type(1) {
	top: 0;
}
.trigger span:nth-of-type(2) {
	top: 8px;
}
.trigger span:nth-of-type(2)::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	background-color: #00acb6;
	border-radius: 4px;
	-webkit-transition: all .4s;
	          transition: all .4s;
}
.trigger span:nth-of-type(3) {
  bottom: 0;
}
.trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(8px) scale(0);
          transform: translateY(8px) scale(0);
}
.trigger.active span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
	background-color: #fff;
}
.trigger.active span:nth-of-type(2)::after {
	-webkit-transform: rotate(90deg);
         	 transform: rotate(90deg);
	background-color: #fff;
}
.trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) scale(0);
          	transform: translateY(-8px) scale(0);
			
}

.toggleWrap {
	background: rgba(0, 0, 0, 0.9);
	padding: 50px 0 10px 0; /* padding: 50px 15px 10px 15px; */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:300;
}

.toggleNav li {
  list-style-type: none;
}

.toggleNav li a{
	display: block;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	text-align: center;
	font-size: 1rem;
}
 
 .toggleNav li a:hover,
  .toggleNav li a:active{
	  color:#ffd69f;
}
 
 .toggleNav li a span{
	 padding-right:15px;
	 font-size:1em;
}

.hide {
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}
.animation {
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .3s;
    transition-duration: .3s;
	-webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.no-scroll {
	overflow: hidden;
}

/* */
.toggleNav{
}

#taggleNav_inq{
	color:#fff;
	padding:25px 15px 10px 15px;
}

#taggleNav_inq a{
	display:block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding:10px 0;
	margin-bottom:10px;
	background:#f7931e;
	border-bottom:1px solid #f15a24;
	font-size:1.1em;
}

#taggleNav_inq p{
	display:block;
	text-align:center;
}


@media screen and (min-width: 769px) {
  #toggle {
    display: none;
  }
  .toggleWrap {
    background: none;
    height: auto;
    position: static;
    padding: 0;
    margin-bottom: 20px;
  }
  .mainNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 670px;
    margin: 0 auto;
  }
  .navItem {
    padding: 5px 15px;
  }
  .navItem:hover {
    border-color: #3696da;
  }
  .animation {
  -webkit-transition: none;
          transition: none;
  }
  .hide {
    opacity: 1;
    visibility: visible;
  }
}






/*==========================================
 メインコンテンツ
===========================================*/

/**********
 mainContents
**********/
#mainContents{
	width:86%;
	margin:0 auto;
}

#mainConWrap{
	padding-top:30px;
}


/*==========================================
 　フッターコンテンツ
===========================================*/
/**********
 footer
**********/
#footer{
	background:#603813;
	padding:20px 0;
	min-height:100px;
}

#footerContents{
	width:90%;
	margin:0 auto;
	font-size:0.95em;
}

.footflex{}

#footInfo{
	text-align:center;
}

#footInfo a{
	display:block;
	margin-bottom:12px;
}

#footNavi{
	color:#fff;
}

#footNavi ul{
	border:none;
	padding:0;
	padding:15px 0;
	margin:20px 0 10px 0;
	border-top:#DDC6B1 solid 1px;
	border-bottom:#DDC6B1 solid 1px;
}

#footNavi ul li{
	display:inline-block;
	width:49%;
	text-align:center;
	margin-bottom:5px;
	
}


#footNavi ul li:last-child{
	padding-right:0;
}

#footNavi ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:5px 0;
}

#footNavi ul li a:visited{ color:#fff;}
#footNavi ul li a:hover{ color:#DDC6B1;}
#footNavi ul li a:active{ color:#DDC6B1;}



#footNavi #footCaption{
	padding-top:15px;
	text-align:center;
}


#footInfo p{
	color:#fff;
}


/* PC・大型タブレット：769px～1050px */
@media only screen and (min-width: 769px) and (max-width: 1050px) {

/*==========================================
 メインコンテンツ
===========================================*/

/**********
 mainContents
**********/

#mainConWrap{
	padding-top:20px;
}


/*==========================================
 コンテンツ枠
===========================================*/
#container{
	display: -webkit-flex;
	display: flex;
}

/**********
 sideContents
**********/
#sideContents{
    width: 260px;
	display:block;
	box-shadow:0px 0px 5px 1px #797979;
	z-index:1;
}


/** sideNavi **/
#sideNavi{
}

/**********
 main
**********/

.main_flex{
    flex:1;
}

#main{
	height:100%;
	/*min-height:900px;*/
}



/**********
 h
**********/

h2.title{
	min-height:260px;
	margin-bottom:10px;
}

h2.title p{
	top:46%;
	left:40px;
	font-size:3em;
	position:absolute;
	text-align:left;
}

h2.title p span{
	display:inline-block;
	padding-left:20px;
}


h3.title{}
h3.title p{
	padding:0.16em 1.1em 0.14em 1.9em;
}

h3.title p span{
	font-size:15px;
	padding-left:15px;
	display:inline-block;
}

h3.title:after {}



/*==========================================
 ヘッダーのスタイル
===========================================*/
/**********
 header
**********/
#headerImg{
	display:block;
	z-index: 9999;
	position: fixed;
	top: 0px;
	left: 0px;
}

/** headContents_mb **/
#headContents_mb{
	display:none;
}

/*==========================================
 　フッターコンテンツ
===========================================*/
/**********
 footer
**********/
#footer{
	min-height:100px;
}

.footflex{
	-webkit-display: flex;
	display: -webkit-flex;
	display: flex;
}

#footInfo{
	width:230px;
	text-align:left;
}

#footNavi{
	padding-top:10px;
	-webkit-flex: 1;
	flex: 1;
	margin:0 0 0 15px;
	text-align:right;
	font-size:0.85em;
	color:#fff;
	text-alignt:right;
}

#footNavi ul{
	border:none;
	padding:0;
	padding:0;
	margin:0;
	border-top:none;
	border-bottom:none;
}

#footNavi ul li{
	display:inline-block;
	width:auto;
	text-align:left;
	margin-bottom:0;
	padding-right:10px;
}

#footNavi ul li:last-child{
	padding-right:0;
}


#footNavi #footCaption{
	padding-top:20px;
	text-align:right;
}


}

/* PC向け：1051px以上 */
@media only screen and (min-width:1051px) and (max-width: 3000px) {
	
/*==========================================
 メインコンテンツ
===========================================*/

/**********
 mainContents
**********/

#mainConWrap{
	padding-top:20px;
}

/*==========================================
 コンテンツ枠
===========================================*/
#container{
	display: -webkit-flex;
	display: flex;
}

#sideContents{
    width: 260px;
	display:block;
	box-shadow:0px 0px 5px 1px #797979;
	z-index:1;

}
#main{
    flex: 1;
	height:100%;
	/*min-height:900px;*/
}


/**********
 h
**********/

h2.title{
	min-height:260px;
	margin-bottom:10px;
}

h2.title p{
	top:46%;
	left:40px;
	font-size:3em;
	position:absolute;
	text-align:left;
}

h2.title p span{
	display:inline-block;
	padding-left:20px;
}



h3.title{}

h3.title p{
	padding:0.16em 1.1em 0.14em 1.9em;
}

h3.title p span{
	font-size:15px;
	padding-left:15px;
	display:inline-block;
}

h3.title:after {}


/*==========================================
 ヘッダーのスタイル
===========================================*/
/**********
 header
**********/
#headerImg{
	display:block;
	z-index: 9999;
	position: fixed;
	top: 0px;
	left: 0px;
}



/** headContents_mb **/
#headContents_mb{
	display:none;
}



/*==========================================
 　フッターコンテンツ
===========================================*/
/**********
 footer
**********/
#footer{
	min-height:100px;
}

.footflex{
	-webkit-display: flex;
	display: -webkit-flex;
	display: flex;
}

#footInfo{
	width:300px;
	text-align:left;
}

#footNavi{
	padding-top:10px;
	-webkit-flex: 1;
	flex: 1;
	margin:0 0 0 15px;
	text-align:right;
	font-size:0.85em;
	color:#fff;
	text-alignt:right;
}

#footNavi ul{
	border:none;
	padding:0;
	padding:0;
	margin:0;
	border-top:none;
	border-bottom:none;
}

#footNavi ul li{
	display:inline-block;
	width:auto;
	text-align:left;
	margin-bottom:0;
	padding-right:10px;
}

#footNavi ul li:last-child{
	padding-right:0;
}


#footNavi #footCaption{
	padding-top:15px;
	text-align:right;
}

}



@media print{

/*==========================================
 メインコンテンツ
===========================================*/

/**********
 mainContents
**********/

#mainConWrap{
	padding-top:20px;
}

/*==========================================
 コンテンツ枠
===========================================*/
#container{
	display: -webkit-flex;
	display: flex;
	min-width:800px;
}

#sideContents{
    width: 260px;
	display:block;
	box-shadow:0px 0px 5px 1px #797979;
	z-index:1;

}
#main{
    flex: 1;
	height:100%;
	/*min-height:900px;*/
}


/**********
 h
**********/

h2.title{
	min-height:260px;
	margin-bottom:10px;
}

h2.title p{
	top:46%;
	left:40px;
	font-size:3em;
	position:absolute;
	text-align:left;
}

h2.title p span{
	display:inline-block;
	padding-left:20px;
}



h3.title{}

h3.title p{
	padding:0.16em 1.1em 0.14em 1.9em;
}

h3.title p span{
	font-size:15px;
	padding-left:15px;
	display:inline-block;
}

h3.title:after {}


/*==========================================
 ヘッダーのスタイル
===========================================*/
/**********
 header
**********/
#headerImg{
	display:block;
	z-index: 9999;
	position: fixed;
	top: 0px;
	left: 0px;
}



/** headContents_mb **/
#headContents_mb{
	display:none;
}



/*==========================================
 　フッターコンテンツ
===========================================*/
/**********
 footer
**********/
#footer{
	min-height:100px;
}

.footflex{
	-webkit-display: flex;
	display: -webkit-flex;
	display: flex;
}

#footInfo{
	width:300px;
	text-align:left;
}

#footNavi{
	padding-top:10px;
	-webkit-flex: 1;
	flex: 1;
	margin:0 0 0 15px;
	text-align:right;
	font-size:0.85em;
	color:#fff;
	text-alignt:right;
}

#footNavi ul{
	border:none;
	padding:0;
	padding:0;
	margin:0;
	border-top:none;
	border-bottom:none;
}

#footNavi ul li{
	display:inline-block;
	width:auto;
	text-align:left;
	margin-bottom:0;
	padding-right:10px;
}

#footNavi ul li:last-child{
	padding-right:0;
}


#footNavi #footCaption{
	padding-top:15px;
	text-align:right;
}


}