@charset "utf-8";

html,body { text-align: left; margin: 0; padding: 0; font-size: 28px; color:#000; line-height:100%;}
html,body { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500;}

header { position: fixed; top: 0; width: 640px; background: url("../../../assets/img/common/menu_bg.jpg"); z-index: 998; height: 100px; border-bottom: 2px solid #FFF;}
header h1 {z-index: 999; position: absolute; top: 8px;}
header #menu{ float: right;}

.articleWrapper {
   padding-top: 102px;
   margin-top:-102px;
}

#wrapper { width: 640px; overflow: hidden; padding-top: 102px;}

.inner {border: 10px solid #e6dfd6;}
.inner2 {border: 2px solid #330000; position: relative}
#sankaku1 {position: absolute; top:5px; left:5px}
#sankaku2 {position: absolute; top:5px; right:5px }
#sankaku3 {position: absolute; bottom:5px; left:5px}
#sankaku4 {position: absolute; bottom:5px; right:5px}

.fixed { position: fixed;  width: 100%; height: 100%;}
#drawer { width: 640px; background:url("../../../assets/img/common/menu_bg.jpg"); display: none; height: 100%; position: fixed; z-index: 999; overflow-y: scroll; -webkit-overflow-scrolling:touch; left: 0; top:0;}
#drawer ul { height:710px; margin: 40px; background:url("../img/common/sp_menu_frame.png") no-repeat; width: 560px; padding-top: 150px}
#drawer li { width: 480px; line-height: 80px; height: 80px; border-bottom: 2px solid #330000; margin: 0 auto; }
#drawer li a { display: block; }
#drawer li:last-child {border:none; position: absolute; right: 0; top:0; height: 100px; width: 100px;}

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

footer{font-size:20px; text-align: center; background: #FFF; width: 100%; margin: 0 auto; padding: 40px 0; color: #999}

/*-------------------
@preloader
-------------------*/
#preloader { width:100%; height:100%; position:fixed; z-index:1001; top:0px; left:0px; right:0px; bottom:0px; background:#9a0509;}
#preloader-anime { position:absolute; z-index:3; top:50%; left:50%; margin:-16px 0 0 -16px;}