@charset "utf-8";

html { 
height:100%;
width: 100%;
font-size: 62.5%;
scroll-behavior: smooth;

}

body {
	height:100%;
	width: 100%;
	margin:0;
	padding:0;
	line-height:1.6;
	color: #364249;
	letter-spacing: 1px;
		background: #fff;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, sans-serif;
/*font-family: 'M PLUS 1p', sans-serif;*/
overflow-y: scroll;
overflow-x: hidden;
}
@media screen and (max-width:1024px) {
body { }
}


.blue {color: #003c88;}
div { box-sizing: border-box; /*position: relative;*/}
section {margin: 0; padding: 0;}

.mincho { font-family:'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN, '游明朝', YuMincho, 'HG明朝E',  serif}
.gothic { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"}

img {
max-width: 100%; height: auto;	margin: 0px ;
padding: 0px ;
border: 0px;}



a:link, a:visited { text-decoration:none; color:#432500;}
a:hover {text-decoration:none; transition:all 0.5s ease; opacity: 0.6;} /*スクロールで表示する↑ボタンを押すと透過してしまうのでopacityは無し*/

a:link img,
a:visited img {text-decoration:none; background:none; border: none; border-bottom: none; border-style:none; }

a:hover img {text-decoration:none; background:none; border:none; text-decoration:none!important; filter: brightness(105%) drop-shadow(0 0 7px rgba(0,0,0,0.2)); transition:all 0.5s ease;}

@media screen and (max-width:640px) {
a:hover img{opacity:1;}
}

.storycontent a { border-bottom: dashed 1px #432500; padding-bottom:4px;}
.storycontent a img {border-bottom: none;border-style:none; margin-bottom: -8px!important;}/*画像だけボーダーを消す*/
.storycontent a:hover img { margin:0 0 -12px 0; }/*画像だけボーダーを消す*/

.footer_wrap a:hover {border-bottom: dashed 1px #432500; padding-bottom:2px; margin-bottom: 8px;}


div, h1, h2, h3, h4, h5 {
	margin: 0px ;
	padding: 0px ;
	border: 0px;
}

h1, h2, h3, h4, h5 {/*font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"*/}

pre {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, sans-serif;}

ol {
	margin:0;
	padding:0;}
ul {
	margin:0 ;
	padding:0;}
li {margin:0.5em 0 0.5em 1em;
	padding:0;}


strong {}


hr {
 border:0;
	border-bottom: 4px solid #ccc;
	margin:1.5em 0;
	padding:0;
}
hr.hrdot {
  border:0;
	border-bottom: 1px dotted;
	margin:1.2em 0;
	padding:0;
}




/*--------------------------レイアウトパーツ-------------------------------------*/


.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

.clear { clear:both /*!important*/; margin:0; padding:0;}


/*--------------------------共通スモールパーツ-------------------------------------*/


._temp {position: absolute; right: 10px; top:5px; color: #ccc; font-size: 12px; letter-spacing: normal;z-index: 99; display: none;}/*あとで消す*/




.kyodanColor {color: #003c88:}
.kyodanColorLight {color: #eaeff9}

.blue {color:#003c88;}
.green {color:#3BB37B;}
.pink {color:#ea6ea4}
.red {color:#DC0003}
.purple {color:#A58CC8;}
.beige {color:#f3eee7;}