@charset "UTF-8";
/* CSS Document */

/* reset
---------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tr, th, td, article, embed, footer, header, hgroup, nav, section, time{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;font-weight:normal;}

/* HTML5 display-role reset for older browsers */
article, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}

img{vertical-align:bottom; max-width: 100%;}
*{box-sizing: border-box;}


/*LINK*/
a:link{color:#452218;}
a:visited{color:#452218;}
a:active{color:#452218;}

a {
text-decoration: none;
}

/* font
---------------------------------------------------------- */
body{background:#fff;font-family: 'Noto Serif', serif; }


/* common.js
---------------------------------------------------------- */
.imgover{}
.over{}
.anchor{}


/* useful
---------------------------------------------------------- */

/*clear*/
.cl{display: block; min-height: 1%;}
.cl:after{clear: both;content:".";display: block;	height: 0;visibility: hidden;}
* html .cl{height: 1%; /*\*//*/height: auto;overflow: hidden;/**/}

.clears {display:block; clear:both; height:0px; overflow:hidden; padding:0;	margin:0; border:0px;}



/*font*/
.fwB{font-weight:bold !important;}
.fsS{font-size:90% !important;}
.fsM{font-size:120% !important;}
.fsL{font-size:150% !important;}
.fRed{color:#B10513;}
.fWhite{color:#fff;}
.fLightRed{color:#E5312B;}
.fGreen{color:#007F45;}
.fUnderLine{text-decoration:underline;}

/*serif*/
.mintyo{font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝B", "HGS明朝E","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal;}


/*line-height*/
.lhL{line-height:1.5;}

/*margin,padding*/
.mC{margin-left: auto; margin-right: auto;}
.mbS{margin-bottom:0.5em !important;}
.mbM{margin-bottom:1em !important;}
.mbL{margin-bottom:2em !important;}
.mbXL{margin-bottom:3em !important;}
.mb4L{margin-bottom:4em !important;}

.mtS{margin-top:0.5em !important;}
.mtM{margin-top:1em !important;}
.mtL{margin-top:2em !important;}
.mtXL{margin-top:3em !important;}

.indent{text-indent:-1em; padding:0 0 0 1em;}
.indentNum{ text-indent:-2em; padding:0 0 0 2em;}
.inS{padding-left:2%; padding-right:2%;}

/*font*/
.fs11{font-size:0.79em!important;}
.fs12{font-size:0.85em!important;}
.fs13{font-size:0.9em!important;}
.fs15{font-size:1.07em!important;}
.fs16{font-size:1.14em!important;}
.fs17{font-size:1.21em!important;}
/*align*/
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.taL{text-align:left !important;}
.vaM{vertical-align:middle !important;}

/*float*/
.fL{float:left;}
.fR{float:right;}
.imgL{float:left;margin-right:1.5em !important;}
.imgR{float:right;margin-left:1.5em !important;}
.noF{overflow:auto; zoom:1;}

/*display*/
.inB{display:inline-block;}
.disB{display:block;}

.nBm{border-bottom:none!important;}
.disTbl{display:table; width:100%;}
.disTblCell{display:table-cell; vertical-align:middle;}

.w100{ width: 100%;}
.w50{ width: 50%;}
.w60{ width: 60%;}
.w70{ width: 70%;}
.w80{ width: 80%;}

.pdL{ padding-left: 0px;}
.bxS{-webkit-filter: drop-shadow: 0px 0px 24px 0px rgba(13, 4, 7, 0.41);display: inline-block;}


/*contents*/
.bg{ background: url(../img/bg.jpg);}
.Cont{ width: 700px; padding: 20px 10px 0 10px; margin: 0 auto;}

ul{color: #310505;text-align: center;margin-left:-20px;}
li{ display:inline-block;vertical-align: top; margin-bottom: 40px; margin-left: 17px; width: 22%}



a {  
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
transition: 0.3s ease-in-out; 
}

a:hover {  
opacity: 0.7;  
filter: alpha(opacity=40);  
}