@charset "iso-2022-jp";

body { text-align:center; font-size:62.5%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", 'Verdana', sans-serif;}
body, h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { font-size:100%;}
img { border:none;}
.alt, .kt { position:absolute; top:-5000px; left:-9999px;}
.cover { background: url(/img/cover.gif) repeat; width: 100%; height: 100%; border: 0; display: block;}
/*float*/
.floatL, .fl { float:left;}
.floatR, .fr { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0;}
.clearfix { min-height: 1px; _overflow: visible; _height: 1px; /*\*//*/ overflow: hidden; /**/ }
* html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }
/*font*/
.tCenter, .ct { text-align:center !important}
.tRight, .rt { text-align:right !important}
.tLeft, .lt { text-align:left !important}
/*font-color*/
.cRed, .err, .red { color:#a50005;}
.cYel { color:#fd0;}
.cGrn { color:#305c00;}
.cBlu { color:#0060aa;}
.cOrg { color:#e96e00;}
/*font-size*/
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f160 { font-size: 160%;}
.f140 { font-size: 140%;}
.f130 { font-size: 130%;}
.f120 { font-size: 120%;}
.f110 { font-size: 110%;}
.f90 { font-size: 90%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f1 { font-size: 1% !important;}
/*link*/
a { text-decoration: none; color: #fff;}
a:hover { text-decoration: none; color: #ccc;}
/*base*/
html { background: #000;}
body { color: #f6ede3; text-align: center; -webkit-text-size-adjust: none; vertical-align: baseline; background: transparent; padding-top: 10px;}
.nt { display: none;}
.dblk { display: block;}
.pd10 { padding: 10px;}
.pdb20 { padding-bottom: 20px;}
dt, dd { margin: 0; padding: 0;}
.fade_col { border-width: 0 0 1px; border-image: linear-gradient( 90deg, hsla(3, 10%, 15%, 0), hsla(11, 22%, 35%, 0.7) 20%, hsla(11, 22%, 35%, 0.7) 80%, hsla(3, 10%, 15%, 0) 100%) 0 0 100%; border-style: solid; margin: 0;}
#main { width: 840px; margin: 0 auto; font-size: 140%;}
.msgsp { width: 780px; margin: 0 auto; background: #151413; text-align: left; margin-bottom: 25px;}
.msgsp .kkm1 { width: 15px; height: 15px; border-top: 5px solid #463e34; border-left: 5px solid #463e34; display: block; float: left; margin-top: -3px; margin-left: -3px;}
.msgsp .kkm2 { width: 15px; height: 15px; border-top: 5px solid #463e34; border-right: 5px solid #463e34; display: block; float: right; margin-top: -3px; margin-right: -3px;}
.msgsp .kkm3 { width: 15px; height: 15px; border-bottom: 5px solid #463e34; border-left: 5px solid #463e34; display: block; float: left; margin-bottom: -3px; margin-left: -3px;}
.msgsp .kkm4 { width: 15px; height: 15px; border-bottom: 5px solid #463e34; border-right: 5px solid #463e34; display: block; float: right; margin-bottom: -3px; margin-right: -3px;}
.msgsp .dtnkm { font-size: 120%; color: #b7a795; padding: 0 15px 15px 15px; margin: 0 20px; display: block; border-bottom: 1px solid #665d53; letter-spacing: 0.1em;}
.msgsp .ddnkm { padding: 0 20px;}
.msgsp dd .nkm { padding: 20px; line-height: 200%; border-bottom: 1px dotted #745b40; margin: 0 0 0 0; letter-spacing: 0.1em;}
.msgsp dd .nme { padding: 10px 20px 0 20px; font-size: 80%; text-align: right; color: #937c63; letter-spacing: 0.5em;}
.msgsp dd .nme .namet { font-size: 120%; color: #b5a089;}
#zengo { padding: 15px 15px 25px; text-align: left; width: 700px; margin: 0 auto; letter-spacing: 0.5em; margin-bottom: -65px; color: #999;}
.backnext0 { width: 0; height: 0;}
.backnext { width: 50px; height: 50px; margin-top: 10px;}
.backnext a { width: 50px; height: 50px; display: block;}
#back { background: url(../../img/zengo.png) left no-repeat; float: left;}
#next { background: url(../../img/zengo.png) right no-repeat; float: right;}
.backnext a:hover { background: rgba(255, 255, 255, 0.3); border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; cursor: pointer;}

/*fm_popup*/
#pup .set { width: 99%; margin: 0 auto; padding-top: 2px; font-size: 130%; text-align: center;}
#pup .main { width: 98%; margin: 0 auto; padding: 2px; line-height: 160%;}
#pup .main .inf { border: 1px solid #f0decb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 10px 10px 10px 0;}
#pup .main ul { margin: 0 1px 5px 0;}
#pup .main li { list-style: disc; padding-top: 3px; font-size: 102%; line-height: 200%;}
#pup .main li .udl { border-bottom: 1px dotted #f0decb; padding-bottom: 2px;}
#pup .closet { margin: 0 auto 5px auto; text-align: center;}
#pup #btn { width: 200px; height: 50px; background: url(../../img/toko.jpg) top no-repeat; margin: 0 auto; position: relative;}
#pup #btn a { width: 180px; height: 42px; position: absolute; top: 3px; right: 10px; display: block; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px;}
#pup #btn a:hover { background: #ff7e00; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; filter: "alpha(opacity=30)"; -moz-opacity: 0.3; opacity: 0.3; cursor: pointer;}
#pup .toko { border: 1px solid #c4a460; background: #fff; font-size: 140%; padding: 8px 40px; margin: 15px auto 5px auto; color: #da3901;}
#pup .toko:hover { background: #ffded3; color: #c53300; cursor: pointer;}
#pup .udl0 { border-bottom: 2px dotted #c4a460; margin-bottom: 15px; padding-bottom: 10px;}
#pup input { border: 1px solid #c4a460; font-size: 110%; padding: 5px;}
#pup .inptxt { width: 60%;}
#pup textarea { width: 90%; border: 1px solid #c4a460; font-size: 110%;}
#pup .komoku { width: 30%; float: left; text-align: right; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; font-size: 90%; font-weight: bold;}
#pup .formsp { width: 65%; float: left; text-align: left; margin-top: 10px; margin-bottom: 10px;}
#pup .namet { width: 220px; float: right; text-align: right; margin-top: 10px; margin-bottom: 10px; margin-right: 10px;}
#pup .titlet { width: 220px; float: left; text-align: left; margin-top: 10px; margin-left: 7px; margin-bottom: 10px; font-weight: bold;}
#pup .naiyot { width: 444px; margin-right: auto; margin-left: auto; border: 1px dotted #cccccc; text-align: left; padding: 5px; line-height: 180%;}
#pup .jikan { width: 450px; margin-right: auto; margin-left: auto; padding: 5px; text-align: right; color: #999999; font-size: 94%;}
#pup .linkt { width: 470px; margin-right: auto; margin-left: auto; text-align: left; padding: 5px;}
#pup .thankssp { padding-top: 120px; margin-bottom: 120px; text-align: center;}
#pup .subt { border-bottom: 1px solid #ccc; font-weight: bold; font-size: 110%;}
#pup dd { padding-top: 15px; line-height: 170%;}
#pup .subt ul { margin-left: 0px;}
#pup .nmg { margin: 0px;}
#pup #shogatsu { margin: 10px 5px 5px 15px; border: 1px solid #cccccc; color: #fff;}
#pup #shogatsu dd { padding: 0 20px;}
#toko { width: 300px; height: 74px; margin: 15px auto; background: url(../../img/toko.jpg) no-repeat;}
#toko a { width: 300px; height: 74px; display: block;}
#toko a:hover { background: rgba(255, 255, 255, 0.1); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; cursor: pointer;}

/*for_W400-*/
@media screen and (max-device-width: 400px) {
.msgsp .dtnkm { letter-spacing: 0;}
#main { font-size: 136%;}
#main .nkm { font-size: 150%;}
}


/*eof*/