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


/* -------------------------------------------------- */
/* FONTS -------------------------------------------- */
/* -------------------------------------------------- */

.fb { font-weight: bold !important; }
.fcBlue-bold { font-weight: bold; color: #039; }
.fcGreen-bold { font-weight: bold; color: #693; }
.fcRed-bold { font-weight: bold; color: #C00; }
.fcBrown-bold{ font-weight: bold; color: #5A4F25; }

/* font-size */
/* bodyの指定：62.5%（10px）、#mainの指定：1.4em（14px）からの相対サイズです。 
　各クラスの最後の（）内のpx数は、大体の数値です。　*/
.fs-xsmall { font-size : .64em ; /*9px*/ }
.fs-small { font-size : .85em ; /*12px*/ }
.fs-medium { font-size : 1em ; /*14px*/ }
.fs-large { font-size : 1.14em ; /*16px*/ }
.fs-xlarge { font-size : 1.57em ; /*22px*/ }
.fs-xxlarge { font-size : 1.86em ; /*26px*/ }

.u-line{ text-decoration: underline;}
.u-line-red{ border-bottom: 1px solid #c00;}
.u-marker{background: linear-gradient(transparent 40%, #FFCDCC 30%); /*font-weight:bold;*/ color:#333;}


.fwNormal{ font-weight: normal !important; }

.fcRed01 { color: #C00; }
.fcBlue { color: #039; }
.fcOrange { color: #F90; }
.fcPink { color: #F6C; }
.fcPurple { color: #639; }
.fcGreen { color: #390; }
.fcBrown { color: #5A4F25; }


.ff-min {font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}


/* -------------------------------------------------- */
/* POSITION ----------------------------------------- */
/* -------------------------------------------------- */

.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.va { vertical-align: middle; }
.float-l{ float: left; }
.float-r{ float: right; }

.right-img { float: right;margin-left: 10px; }
.left-img { float: left;margin-right: 10px; }
@media screen and (max-width: 480px) { 
.left-img, .right-img { float: none; margin: 0 auto 10px auto; display: block; }
}

.layout-right, .layout-left { width: 330px; margin-bottom: .5em; }
.layout-left { float: left; }
.layout-left p { padding-right: 30px; width: 300px; }
.layout-right { float: right; }
.layout-right h4 { padding-left: 30px; width: 300px; }
.layout-right p { padding-left: 30px; width: 300px; }
.layout-right img { padding-left: 30px; width: 300px; }

@media screen and (max-width: 768px) {
.layout-right, .layout-left { width: 48%; }
.layout-left p { padding-right: 1%; width: 98%; }
.layout-right h4 { padding-left: 1%; width: 98%; }
.layout-right p { padding-left: 1%; width: 98%; }
.layout-right img { padding-left: 1%; width: 98%; }
}
@media screen and (max-width: 480px) {
.layout-right, .layout-left { width: 100%; float: none; }
.layout-left p { padding-right: 0; }
.layout-right h4 { padding-left: 0; }
.layout-right p { padding-left: 0; }
.layout-right img { padding-left: 0; }
}


/* -------------------------------------------------- */
/* SPACE -------------------------------------------- */
/* -------------------------------------------------- */
.overf-hidden { overflow: hidden; }
.margin-auto{ margin-right: auto; margin-left: auto; }

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt25 {margin-top: 25px !important;}
.mt55 {margin-top: 55px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb1em {margin-bottom: 1.2em !important;}
.mb2em {margin-bottom: 2em !important;}
.ml45 {margin-left: 45px !important;}
.ml1em {margin-left: 1em !important;}
.ml2em {margin-left: 2em !important;}
.mr10 {margin-right: 10px !important;}
.pr3 {padding-right: 3px !important;}
.pt15 {padding-top: 15px !important;}
.sp_R1em {padding: 0 1em 0 0;}
.sp_L1em {padding: 0 0 0 1em;}
.sp_L2em {padding: 0 0 0 2em;}

.clear { clear: both; }
.noline { text-decoration:none; }

.all-border{ border: 1px solid #333; padding: .1em .2em; display: inline-block;}

/* -------------------------------------------------- */
/* COMMON ------------------------------------------- */
/* -------------------------------------------------- */

/* COMMON - ul ---------------- */
.ul-cmn{ } 
.ul-cmn li{ padding: 0 0 .6em 16px; background: url(../images/cmn/ul_cmn_bg.gif) no-repeat left 4px; }
.ul-cmn ol { list-style: decimal; }
.ul-cmn ol li{ background: none; }

.ul-cmn-inline{ list-style: none outside; margin: 1em 0 1em 0; padding: 0; overflow: hidden; } 
.ul-cmn-inline li{ margin: 0 .5em .6em; line-height: 1.2; border: 2px solid #999; background:#ECEAE3; float: left; border-radius: 4px; }
.ul-cmn-inline li a{ display: block; padding: .4em .6em .2em; color: #333;text-decoration: none; }
.ul-cmn-inline li a:hover{ background: #FAF5F0; }

.ul-nml{ margin-left: 1.2em; list-style: disc; }
.ul-nml li{ background: none; margin-bottom: .4em; }

.ul-check { }
.ul-check li { margin: 0 0 .8em 0; padding: 0 0 0 20px; background: url(../images/cmn/ul_check_bg.gif) no-repeat left 2px; }


/* COMMON - ol ---------------- */
.ol-number { margin: 0 0 0 1.4em; list-style: decimal outside; }
@media screen and (max-width: 768px) {
.ol-number div { float: none; margin: 0 auto 1em auto; width: 230px; }
}

.ol-bold{ color:#900; font: italic normal bold 1em/1 Georgia, sans-serif; list-style: decimal outside; }
.ol-bold li{ margin: 0 0 1em 1.4em; }
.ol-bold li .li-ttl{ color: #333; font: normal normal bold 1em/160% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; border-bottom: 1px solid #C00; }
.ol-bold li p{ color: #333; font: normal normal normal 1em/160% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; margin: 0; padding: 0; }
.ol-bold li span{ color: #333; font: normal normal bold 1em/1 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }


/* COMMON - dl ---------------- */
.dl-cmn { border-bottom: 1px dotted #999; display: inline-block; width: 100%; background: #F0EFEB; }
.dl-cmn dt, .dl-cmn dd { padding: .6em 1%; border-top: 1px dotted #999; display: block; float: left; }
.dl-cmn dt { width: 28%; clear: both; }
.dl-cmn dd { width: 68%; background: #FFF; }
@media screen and (max-width: 480px) {
.dl-cmn dt,.dl-cmn dd { width: 98%; }
}

.dl-cmn-half { border-bottom: 1px dotted #999; display: inline-block; width: 330px; background: #FEF2E9; }
.dl-cmn-half dt, .dl-cmn-half dd { padding: .6em 10px; border-top: 1px dotted #999; display: block; float: left; }
.dl-cmn-half dt { width: 80px; clear: both; }
.dl-cmn-half dd { width: 210px; background: #FFF; }
@media screen and (max-width: 768px) {
.dl-cmn-half { width: 49%; }
.dl-cmn-half dt, .dl-cmn-half dd { padding: .6em 2%; }
.dl-cmn-half dt { width: 24%; }
.dl-cmn-half dd { width: 68%; }
}
@media screen and (max-width: 480px) {
.dl-cmn-half { width: 300px; }
.dl-cmn-half dt, .dl-cmn-half dd { padding: .6em 10px; }
.dl-cmn-half dt { width: 60px; }
.dl-cmn-half dd { width: 200px; }
}

.dl-cmn-border { width: 100%; }
.dl-cmn-border dt { margin: 2em 0 0 0; padding: 0; border-bottom: 1px solid #999; font-weight: bold; }
.dl-cmn-border dd { margin: 0.5em 0; }

/* table */
.cmn-table{	width:100%; border-collapse: collapse; border-left: 1px solid #ccc; border-top: 1px solid #ccc;	margin: 0 auto;	background: #FFF; }
.cmn-table th {	padding:4px 0 0; border: 1px solid #ccc; box-shadow: 1px 1px 0 #FFF inset; font-weight: bold;text-align: center;background:#FDEEEA; }
.cmn-table th img { vertical-align: middle;}
.cmn-table td {	border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: auto; padding:4px 4px 0; }
.cmn-table tr .cmn-table-row {	background-color:#FDF7D2;}
.cmn-table th[scope="row"] {background-color:#F7F7F7; text-align:left; padding: 1em;}
.cmn-table tr:nth-child(2n){background-color:#f9f9f9;}


/* COMMON - box ---------------- */
.cmn-box{ background: #FFFFEE; border: 1px solid #CCC; padding: 1em; }
.box-radius{ border-radius: 6px; }

.box-200{ width: 200px; }
.box-300{ width: 300px; }
.box-half{ width: 330px; }
.box-660{ width: 660px; }
.box-980{ width: 980px; }
@media screen and (max-width: 768px) { .box-980{ width: 660px; } }
@media screen and (max-width: 680px) { .box-660{ width: 100%; } }
@media screen and (max-width: 480px) {
.box-half{ width: 100%; }
.cmn-box{ width: 90%; padding: 4%; }
.box-980{ width: 300px; }
}

.youtubePcTab{ display: block; }
@media screen and (max-width: 480px) { .youtubePcTab{ display: none; } }

/* FORM ---------------- */
fieldset{margin: 0 0 10px 0;padding: 0 20px 10px 20px;border: 1px solid #CCC;}
legend{margin: 0;padding: 0.5em 1em;border: 1px solid #CCC;color: #FFF;font-size: 16px;background-color: #5A4F25;}
.label-ttl{ margin: 1em 0 0.5em 0; border-bottom: 1px dashed #999; display: block;}
input{margin: 0 0 0.7em 0;font-size: 14px;background-color: #F8F7F5;border: 1px solid #C3C3C3;}
textarea{ width: 95%; margin: 0 0 1em 0; border: 1px solid #999; background: #F8F7F5; font-size: 14px; }
.btn-submit{ padding: .4em 1em; }
fieldset #email,#email2 { width: 260px;}
@media screen and (max-width: 480px) {
fieldset { padding: 0 6px; width: 94%; }
input, textarea { width: 90%; }
}


/* -------------------------------------------------- */
/* PAGES -------------------------------------------- */
/* -------------------------------------------------- */

/* PAGES - INDEX ---------------- */

.idx-page-ttl{ background: url(../images/ttl/ttl_bg.gif) no-repeat left 5px; padding: 2px 0 2px 10px; margin-bottom: 1em; }

.idx-bnr-ul{ width: 100%; overflow: hidden; }
.idx-bnr-ul li{ float: left; width: 165px; }
@media screen and (max-width: 650px) { .idx-bnr-ul li{ width: 24%; margin: 0 .5%; } }
@media screen and (max-width: 480px) { .idx-bnr-ul li{ width: 49%; margin: 0 .5%; } }

/* idx-box-lucky */
.idx-box-lucky{ width: 656px; padding: 1px; overflow: hidden; border: 1px solid #DDD; }
.idx-box-lucky-inner{ width: 614px; height: 174px; padding: 30px 20px 0 20px; overflow: hidden; border: 1px solid #DDD; background: url(../images/index/idx_box_lucky_bg.jpg) no-repeat top right; }
.idx-box-lucky-inner p{ width: 380px; }
@media screen and (max-width: 650px) {
.idx-box-lucky{ width: 99%; padding: 1px; }
.idx-box-lucky-inner{ width: 95.5%; height: auto; padding: 20px 2% 0 2%; background-size: 32%; background-position: right bottom; }
.idx-box-lucky-inner p{ width: 60%; }
}
@media screen and (max-width: 480px) {
.idx-box-lucky{ width: 98.8%; }
.idx-box-lucky-inner{ width: 94.8%; padding: 20px 2% 44px 2%; }
.idx-box-lucky-inner p{ width: 94%; margin: 0 auto; }
}


/* idx-box-item */
.idx-box-item-l{ float: left; width: 320px; height: 260px; overflow: hidden; }
.idx-box-item-r{ float: right; width: 320px; height: 260px; overflow: hidden; }
@media screen and (max-width: 650px) { .idx-box-item-l, .idx-box-item-r{ width: 49%; } }
@media screen and (max-width: 480px) { .idx-box-item-l, .idx-box-item-r{ width: 300px; float: none; } }


/* interview */
.idx-box-intv{ width: 614px; padding: 20px; overflow: hidden; border: 3px solid #E9E7DE; }
.idx-box-intv-ttl{ background: url(../images/index/idx_box_intv_ttl_bg.gif) no-repeat; padding: 14px 0 0 80px; font-weight: bold; min-height: 50px; }
#idx-intv-movie{ width: 280px; float: left; }
#idx-intv-txt{ width: 300px; float: right; }
@media screen and (max-width: 660px) {
.idx-box-intv{ width: 90%; margin: 0 auto; } 
#idx-intv-movie{ float: none; margin: 0 auto; }
#idx-intv-txt{ float: none; clear: both; margin: 0 auto; width: 94%; }
}
@media screen and (max-width: 480px) { .idx-box-intv{ padding: 4%; } #idx-intv-movie{ width: 96%; } }


/* point */
#idx-box-point{ width: 100%; height: 300px; overflow: hidden; margin-bottom: 40px; background: #F1EDE0 url(../images/index/idx_point_box_bg.jpg) no-repeat 6px bottom; }
#idx-point-ol{ width: 420px; float: right; padding: 110px 20px 10px 10px; overflow: hidden; background: url(../images/index/idx_point_ol_bg.gif) no-repeat left 16px;}
#idx-point-ol li{ margin: 0 0 12px 10px; }
@media screen and (max-width: 660px) {
#idx-box-point{ background-size: 28%; }
#idx-point-ol{ width: 70%; background-size: 80%; padding: 90px 0 4px 0; }
}
@media screen and (max-width: 520px) {
#idx-point-ol{ padding: 70px 10px 1px 0; }
}
@media screen and (max-width: 480px) {
#idx-box-point{ background-position: 6px 10px; background-size: 24%; }
#idx-point-ol{ float: none; width: 90%; background-size: 82%; background-position: right 10px;  padding: 112px 0 4px 0; margin: 0 auto; }
#idx-point-ol li{ margin: 0 0 8px 0; }
}


/* recommend */
#idx-box-rcmnd{ width: 100%; margin-bottom: 20px; padding: 0 0 50px 0; background: url(../images/index/idx_rcmnd_box_bg_2.gif) no-repeat center bottom; clear: both; }
#idx-box-rcmnd-inner{ width: 654px; border: 3px solid #E9E7DE; background: url(../images/index/idx_rcmnd_box_bg_1.jpg) no-repeat right top; }
#idx-rcmnd-ul{ margin: 28px 0 24px 30px; }
#idx-rcmnd-ul li{ background: url(../images/index/idx_rcmnd_li_bg.gif) no-repeat; padding: 4px 0 0 32px; margin: 0 0 14px 0; }
@media screen and (max-width: 660px) {
#idx-box-rcmnd-inner{ width: 98%; background-size: 40%; }
#idx-rcmnd-ul{ width: 70%; margin: 20px 0 20px 20px; }
}
@media screen and (max-width: 480px) {
#idx-box-rcmnd-inner{ background-position: right bottom; }
#idx-rcmnd-ul{ width: 90%; margin: 5% 0 20px 5%; }
#idx-rcmnd-ul li{ background-size: 8%; padding: 4px 0 0 28px; margin: 0 0 8px 0; }
}


.idx-rcmnd-img{ margin-bottom: 1em; overflow: hidden; }
@media screen and (max-width: 660px) { .idx-rcmnd-img img{ width: 50%; } }
@media screen and (max-width: 480px) { .idx-rcmnd-img img{ width: 100%; } }

.idx-ttl{ border-bottom: 1px solid #5A4F25; padding: 0 0 6px 0; margin-bottom: 10px; text-align: center; clear: both; }

/* character */
#idx-char-dl{ width: 100%; overflow: hidden; }
#idx-char-dl dt, #idx-char-dl dd{ display: inline-block; }
#idx-char-dl dt{ float: left; width: 64%; clear: both; margin-bottom: 22px; }
#idx-char-dl dd{ float: right; width: 33%; text-align: right; margin-bottom: 22px; }
#idx-char-dl dt p{ margin-top: 10px; }
@media screen and (max-width: 480px) {
#idx-char-dl dt{ float: none; width: 100%; margin-bottom: 4px; }
#idx-char-dl dd{ float: none; width: 100%; text-align: center; }
}

/* consul */
.idx-box-consul-l{ float: left; width: 320px; height: 332px; overflow: hidden; }
.idx-box-consul-r{ float: right; width: 320px; height: 332px; overflow: hidden; }
.idx-consul-ttl{ border-bottom: 1px dotted #999; padding: 16px 0 2px 0; margin-bottom: 10px; }
@media screen and (max-width: 650px) { .idx-box-consul-l, .idx-box-consul-r{ width: 49%; } }
@media screen and (max-width: 480px) { .idx-box-consul-l, .idx-box-consul-r{ width: 300px; float: none; } }

/* flow */
#idx-ol-flow{ width: 100%; overflow: hidden; margin-bottom: 40px; }
#idx-ol-flow li{ margin-top: 4px; padding:  0 0 20px 0; background: url(../images/index/idx_flow_bg.gif) no-repeat center bottom; }
#idx-ol-flow li div{ border: 1px solid #5A4F25; padding: 10px 10px 10px 20px; overflow: hidden; }
#idx-ol-flow li div p{ clear: left; padding-top: 10px; width: 430px; }
#idx-ol-flow li:last-child{ background: none; }
@media screen and (max-width: 650px) { 
#idx-ol-flow img{ max-width: 50%; }
#idx-ol-flow li div p{ width: 68%; }
}
@media screen and (max-width: 480px) { 
#idx-ol-flow .float-l, #idx-ol-flow .float-r{ clear: both; }
#idx-ol-flow .float-r{ padding: 0 46px 10px; }
#idx-ol-flow li div p{ clear: both; padding-top: 10px; width: 100%; }
#idx-ol-flow img{ max-width: none; }
}

.idx-voice-ttl{ font-size: 1.1em; background: url(../images/index/idx_voice_ttl_bg.gif) no-repeat; padding: 1px 0 0 24px; }

#idx-img-greeting{ float: right; max-width: 220px; }
@media screen and (max-width: 650px) { #idx-img-greeting{ width: 38%;} }
@media screen and (max-width: 480px) { #idx-img-greeting{ width: auto; float: none; margin: 0 40px 10px; } }

#idx-box-greeting{ width: 370px;}
@media screen and (max-width: 650px) { #idx-box-greeting{ width: 60%;} }
@media screen and (max-width: 480px) { #idx-box-greeting{ width: 100%; } }


/* PAGES - INTERVIEW  ---------------- */

.interview-q{ font-weight:bold; border-radius: 6px; padding: .4em .1em .2em .7em; margin-top: 1em; background: #A3BC5E; color: #FFF; font-size: 1.2em; }
.interview-2block{ padding-left: 46px; }
.interview-isi{ padding-left: 46px; background: url(../images/interview/icon_isi.gif) no-repeat top left; min-height: 48px; }
.interview-kmr{ padding-left: 46px; background: url(../images/interview/icon_kmr.gif) no-repeat top left; min-height: 48px; }

.interview-cpt{ font-weight: bold; font-size: .84em; text-align: left; line-height: 1.3; margin-top: 5px; }
.cpt-l, .cpt-r{ width: 300px; }
.cpt-l{ margin-right: 30px; float: left; }
.cpt-r{ margin-left: 30px; float: right; }
@media screen and (max-width: 768px) { .cpt-l, .cpt-r{ width: 50%; } }
@media screen and (max-width: 480px) { .cpt-l, .cpt-r{ width: 100%; float: none; margin: 0 auto; } .interview-cpt{ width: 300px; } }



/* PAGES - VOICE ---------------- */
.voice-box{ background: #EEE; padding: 2%; width: 96%; }
.voice-ttl{ font-weight: bold; font-size: 1.6em; color: #039; }
.voice-name{ margin: 0 0 2em 0; padding: 4px 4px 2px 0; text-align: right; }


/* PAGES - FAQ ---------------- */
.faq-q{ background: url(../images/faq/faq_q.gif) no-repeat; padding: 4px 0 2px 32px; min-height: 26px;font-weight: bold; font-size: 1.2em; border-bottom: 1px dotted #999; }
.faq-a{ background: url(../images/faq/faq_a.gif) no-repeat left 10px; padding: 8px 0 0 32px; min-height: 26px; }


/* PAGES - ACCESS ---------------- */
.map-box{ width: 100%; height: 450px; overflow: hidden; }
@media screen and (max-width: 768px) { .map-box{ width: 84%; margin: 0 8%; } }
@media screen and (max-width: 480px) { .map-box{ width: 300px; height: 300px; margin: 0; } }

.ol-access{ }
.ol-access li { clear: both; overflow: hidden; background: #EEE; margin-bottom: 2em; padding: 10px; }
.ol-access li img{ float: left; margin-right: 1em; }
@media screen and (max-width: 480px) { .ol-access li img{ float: none; margin-bottom: 10px; } }



/* PAGES - ITEMS ---------------- */
.item-box{ overflow: hidden; padding: 0 0 10px 0; }
.item-img{ float: left; width: 300px; margin-bottom: 10px; }
.item-txt{ float: right; width: 300px; }
.item-txt .h4-txt{ border-bottom: 1px solid #CCC; }
.item-price{ text-align: right; text-decoration: underline; padding: 0 1px 0 1px;  }
.item-price:before {content:"￥";}
@media screen and (max-width: 620px) { .item-img, .item-txt{ width: 48%; } }
@media screen and (max-width: 480px) { .item-img, .item-txt{ width: 300px; } }

.h3-msg{ background: #EBE5D1 url(../images/cmn/h3_bg_msg.jpg) no-repeat left top; padding: 10px .5em 1px 38px; margin-bottom: .5em; min-height: 30px; }
.h3-voice{ background: url(../images/cmn/h3_bg_voice.gif) no-repeat; padding: 0 0 0 30px; margin-bottom: .5em; min-height: 24px; }


.ul-fusui-items{ /*list-style: none outside; overflow: hidden;*/ width: 100%; } 
.ul-fusui-items li{ width: 32%; margin: 0 .4% .5em; line-height: 1.2; border: 1px solid #CCC; float: left; }
.ul-fusui-items li p{ text-align: center; padding: .4em .2em .2em; margin-bottom: 0 !important; }
@media screen and (max-width: 480px) { .ul-fusui-items li{ width: 48%; } }

.fusui-item-300{ width: 298px; line-height: 1.2; border: 1px solid #CCC; text-align: center; }
.fusui-item-300 span{ display: block; padding: .4em .2em .2em; margin-bottom: 0 !important; }
.layout-right .fusui-item-300 img { padding-left: 0; }

@media screen and (max-width: 768px) { .fusui-item-300{ width: 98%; } }
@media screen and (max-width: 480px) {
.fusui-item-300{ width: 298px; }
.layout-right .fusui-item-300 img { width: auto; }
}

/* PAGES - P-STOPNE ---------------- */
#item-stone img { margin-bottom:20px;}