@charset "utf-8";
html, 
body{
    margin: 0;
    padding: 0;
    width: 100%; 
    height: 100%;   
}

body{
	min-height: 100%;
	color: #3d241d;
   background: #3d241d;	
}
/* font */
html, 
body{
    font:  normal 1em/1.8em "ヒラギノ明朝 Pro W3","HG明朝","ＭＳ Ｐ明朝","ＭＳ 明朝", Meiryo, Arial, sans-serif;
}
h1{  
}
h2{  
font-size:1.3em;
}
h3{  
font-size:1.1em;
}
.clear{
 clear:both;
}

div#wrap {
    max-width: 980px;
	position:relative;
	margin:0 auto!important;
}
div#sidebar {
	width:33.33%;
	height:100%;
	float:left;
}
div#container {
	width:66.66%;
	float:right;
	position:relative;
}
div#container {
font-size:.8em;
line-height:1.6;
}
div#wrap-main {
width:100%;
display:block;
background: #eae4d5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTRkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eae4d5 0%, #ffffff 30%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae4d5), color-stop(30%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eae4d5 0%,#ffffff 30%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eae4d5 0%,#ffffff 30%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eae4d5 0%,#ffffff 30%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eae4d5 0%,#ffffff 30%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae4d5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

/* example page stuff */

*::-moz-selection {  background: #faf692; }
*::selection      {  background: #faf692; } 

p{ margin: 0 0 1em; padding: 0; }

figure{
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    position: relative;
}

figure img{
    width: 100%;
    height: auto;
}

.fg-no-gutter figure{
    border: 1px solid #fafafa;
}

.image-grid{
    margin-top: 4em;
}

strong{
	font-weight: bold;
	color: #330000;
}

a{
    color: inherit;
}
/* page top style */
#page-top {
    position: fixed;
    bottom: 0;
    right: 10px;
    font-size: 77%;
    z-index:9999; 
}
#page-top a {
background:url('../images/page-top.png') no-repeat top center;
    text-decoration: none;
    color: #fff;
    width: 44px;
    height: 44px;
    padding: 0;
    text-align: center;
    display: block;
    outline: none;
}
#page-top a:hover {
background:url('../images/page-top_on.png') no-repeat top center;
    text-decoration: none;
}
#page-top a:visited {
background:url('../images/page-top.png') no-repeat top center;
    text-decoration: none;
}
header{ 
background: #efece1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWNlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2YxZWNkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2MyOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #efece1 0%, #f1ecdb 60%, #d3c29a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efece1), color-stop(60%,#f1ecdb), color-stop(100%,#d3c29a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efece1 0%,#f1ecdb 60%,#d3c29a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efece1 0%,#f1ecdb 60%,#d3c29a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efece1 0%,#f1ecdb 60%,#d3c29a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #efece1 0%,#f1ecdb 60%,#d3c29a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efece1', endColorstr='#d3c29a',GradientType=0 ); /* IE6-8 */

padding: 0 0 1px;
}
.header-wrap-wrap{
  -webkit-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  -moz-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
    padding: 0;
    margin: 0 0 1px;
}
.header-top{
    padding: 2px 0;
    margin: 0;
    background-color: #3d241d;
    text-align: right;
    font-size: 12px;
    line-height: 1.4;
    color: #ffffff;
}
.header-wrap{
    padding: 0;
    margin: 0;
}
header .header-wrap .header-right-content{
    padding-top: 1.7em;
    text-align: right;
    font-size: .8em;
    color: #3d241d;
}
header .header-wrap .header-right-content p{
    line-height: 1;
    margin-bottom: .2em;
}
.main-content {
padding: 20px 0;
}
footer{
 clear:both;
 position:relative;
}
.bottom{
    background: #3d241d;
    text-align: center;
    padding: 5px 0;
    width: 100%;
    font-size: .8em;
    display: inline-block;
    color: #f9f9db;
}

.bottom a{
    color: inherit;
    margin-right: 1em;
}
    .headerimg{
        margin-bottom: 1em ;
    }
    .headerimg.no{
        margin-bottom: 0 ;
    }
    .headerimg .row{
        width: 100%;
        padding: 0 ;
        margin: 0;
    }
    .headerimg .fg3{
        width: 25%;
        padding: 0 ;
        margin: 0;
    }

/* ======================================= 
   castam
   ======================================= */
.box{
    margin: 0;
    padding: 0;
}
.imgwrap{
margin-bottom: 20px ;
background: #d3c29a; 
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) ;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) ;
      -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #c4ad76;
    }
.boxwrap{
    margin: 0 0 20px;
}
.boxwrap.info img{
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
        -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border:1px solid #c4ad76;
    }
.box.info{
    padding: 10px ;
    color:#3d241d;
background: #d3c29a; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzYzI5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDNjMjlhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjZjFlY2RiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZWNkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #d3c29a 0%, #d3c29a 0%, #f1ecdb 18%, #f1ecdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3c29a), color-stop(0%,#d3c29a), color-stop(18%,#f1ecdb), color-stop(100%,#f1ecdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d3c29a 0%,#d3c29a 0%,#f1ecdb 18%,#f1ecdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d3c29a 0%,#d3c29a 0%,#f1ecdb 18%,#f1ecdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d3c29a 0%,#d3c29a 0%,#f1ecdb 18%,#f1ecdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d3c29a 0%,#d3c29a 0%,#f1ecdb 18%,#f1ecdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3c29a', endColorstr='#f1ecdb',GradientType=0 ); /* IE6-8 */
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
      -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
  border:1px solid #c4ad76;
}
.box.border{
    margin: 0 0 10px;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  border:1px solid #3d241d;
}
.title-bg {   
background: #efece1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWNlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2YxZWNkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2MyOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #efece1 0%, #f1ecdb 47%, #d3c29a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efece1), color-stop(47%,#f1ecdb), color-stop(100%,#d3c29a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efece1 0%,#f1ecdb 47%,#d3c29a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efece1 0%,#f1ecdb 47%,#d3c29a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efece1 0%,#f1ecdb 47%,#d3c29a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #efece1 0%,#f1ecdb 47%,#d3c29a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efece1', endColorstr='#d3c29a',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  border:1px solid #c4ad76;
padding: 2px 0;
margin: 0 0 10px;
}
.title-bg h2{  
margin: 5px 8px;
padding: 0 5px;
border-left:6px solid #3d241d;
}
.subtitle{
border-bottom: 1px solid #3d241d;
}
.banner a{
text-decoration: none;
border:none;
}
.subtitle a{
color:#8d5343;
text-decoration: none;
}
.subtitle a:hover { color: #3d241d; }
/* Responsive embedded videos */
.videoWrap {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
}
.videoWrap iframe,
.videoWrap object,
.videoWrap embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.responWrap,
.calendar-container {
    position: relative!important;
    padding-bottom: 90%;
    padding-top: 30px;
    height: 0;
} 
.responWrap  iframe,
.calendar-container iframe,
.calendar-container object,
.calendar-container embed {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}
.google-cal,
.twtr-doc { 
border: 2px solid #3d241d; margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  }
.google-cal iframe,
.twtr-doc iframe { width: 100% !important;}

/* Responsive image */
img{
    max-width: 100%;
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
}
img {
    display: inline-block;
    vertical-align: middle;
}

.no-mp{
    padding: 0;
    margin: 0;
} 
.no-display{
    display: none;
}
.no-row .row{
    padding: 0;
    margin: 0;
}
.padL1{
    padding: 0 0 0 1em;
}

/* Utility classes */
.align-center { text-align: center; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.pull-left    { float: left; }
.pull-right   { float: right; }




/* ======================================= 
   media queries
   ======================================= */
@media screen and (max-width: 600px) {
    .mainwrap{
        background: #FFFFFF; 
    }
    .row.fg-no-gutter.header-wrap{
        width: 100%;
        padding: 0 ;
        margin: 0;
    }
    div#sidebar,
    div#container{
    float:none;
        width: 100%;
        padding: 0 ;
        margin: 0;
    }
    .fg-no-gutter > [class*="fg"] {
        width: 100%;
    }
    .header-wrap .header-left-content{  
    margin-bottom: 0;
        padding: 0 1em 0;
        text-align: center;
    }
    .header-wrap .header-left-content h1{  
    margin-bottom: 0;
    }
     .header-wrap .header-right-content{  
        padding: 0 1em 1em;
        font-size:.7em;
        text-align: center;
    }
    .responWrap {
    padding-bottom: 56.25%;
    } 
	.fg-no-mobile{
		display: none;
	}
	
	.fg-no-desktop{
		display: block;
	}
    .padL1{
        padding: 1em 0;
    }
}


  
/* smartphone size */
@media screen and (max-width: 30em ) {
	
	.row{
		padding: 0 1em;
		margin: 0;
	}
	
	.fg1,.fg2{
		width: 46%;
		margin-bottom: 1em;
	}	
	
	
	.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12 {
		margin:0 2% 1em;
		padding:0;
		width:96%;
	}
	
	


}


/* phone landscape */
@media screen and (max-width: 30em) and (orientation:landscape){

	
}

/* ipad portrait */
@media only screen and (max-device-width: 64em) and (orientation:portrait) {
	
}


/* ipad landscape */
@media only screen and (max-device-width: 64em) and (orientation:landscape) {
	
}

.btn-tel{
  position: relative;
  display: block;
  border-radius: 50px;
  color: white;
  font-weight: bold;
  text-align: center;
  background: #3D2B17;
  padding: 5px 0;
  margin: auto;
  max-width: 250px;
}

.btn-tel::after{
  content: "";
  background: url('../images/telephone.svg') no-repeat center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 15px;
}

.btn-line{
  position: relative;
  display: block;
  border-radius: 50px;
  color: white;
  font-weight: bold;
  text-align: center;
  background: #42c505;
  padding: 5px 0;
  margin: auto;
  max-width: 250px;
}

.btn-line::after{
  content: "";
  background: url('../images/line1.svg') no-repeat center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 15px;
}