@charset "shift-jis";
/*! ============ Foundation ============ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

html, body { height: 100%; }

html { font-size: 62.5%; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height: 1.6; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; }

body { background: #290000; color: #ccb4a5; }

a { color: #f2ca81; }

/*! ============ layout ============ */
#wrapper { margin: 0 auto; max-width: 480px; min-width: 320px; min-height: 100%; font-size: 1.4rem; }

/*! header */
.cocoloni { background: #000000; }
.cocoloni > img { display: block; width: 220px; }

.siteTitle > img, .cornerTitle > img { display: block; width: 100%; }

/*! main */
.section { margin: 20px 0; }
.section .section_inner { margin: 0 5px; }

.section_title > img, .section_subhead > img { display: block; width: 100%; }

.section_subhead { margin-top: 5px; }

/*! footer*/
#footer { margin-top: 10px; padding: 0 10px; background: url("/image/new/bg/bg_06.sp.480.png") #200503; background-repeat: repeat-y; background-size: 100%; font-size: 1.2rem; color: #ffffff; }

/*! ============ component ============ */
/*! list*/
.list { overflow: hidden; *zoom: 1; margin: 5px 0; }

.list_item { padding: 15px 25px 15px 15px; -moz-box-shadow: inset 0 1px 5px #fffcda; -webkit-box-shadow: inset 0 1px 5px #fffcda; box-shadow: inset 0 1px 5px #fffcda; background: #00151b; border: 2px solid #fff3c5; color: #ffffff; text-shadow: 0px 0px 8px #ffc62b; }

.list_item + .list_item { margin-top: 5px; }

.list_target { overflow: hidden; *zoom: 1; display: block; position: relative; margin: -15px -25px -15px -15px; padding: 15px 25px 15px 15px; color: #ffffff; text-shadow: 0px 0px 8px #ffc62b; text-decoration: none; line-height: 1.2; }
.list_target::before { display: inline-block; content: ""; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 5px; height: 5px; border-top: 1px solid #ccb4a5; border-right: 1px solid #ccb4a5; }

.list_caption { display: inline-block; margin-bottom: 5px; border-bottom: 1px solid #c1943f; font-size: 1.2rem; color: #f2ca81; }

/*! button */
.btn { margin-bottom: 5px; width: 100%; overflow: hidden; *zoom: 1; }

.btn_item { display: inline-block; margin: 0; padding: 10px 5px; width: 100%; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMTNkNGQiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDYwOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(25%, #013d4d), color-stop(75%, #000608)); background: -moz-linear-gradient(#013d4d 25%, #000608 75%); background: -webkit-linear-gradient(#013d4d 25%, #000608 75%); background: linear-gradient(#013d4d 25%, #000608 75%); border: #fff3c5 2px solid; -moz-box-shadow: inset 0 1px 5px #fffcda; -webkit-box-shadow: inset 0 1px 5px #fffcda; box-shadow: inset 0 1px 5px #fffcda; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; text-shadow: 0px 0px 8px #ffc62b; text-align: center; text-decoration: none; font-size: 1.5rem; color: #ffffff; cursor: pointer; outline: none; }

/* button size‚πŽw’θ */
.btn_s1 { margin: 0 auto 15px; width: 230px; line-height: 1.2; }

.btn_s2 { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; }
.btn_s2 + .btn_s2 { padding-left: 5px; }
.btn_s2 + .btn_s2.btn_nosp { padding-left: 0; }

.btn_s3 { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; }
.btn_s3 + .btn_s3 { padding-left: 5px; }
.btn_s3 + .btn_s3.btn_nosp { padding-left: 0; }

.btn_s4 { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; }
.btn_s4 + .btn_s4 { padding-left: 5px; }
.btn_s4 + .btn_s4.btn_nosp { padding-left: 0; }

.btn_s5 { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20%; }
.btn_s5 + .btn_s5 { padding-left: 5px; }
.btn_s5 + .btn_s5.btn_nosp { padding-left: 0; }

.btn_s6 { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; }
.btn_s6 + .btn_s6 { padding-left: 5px; }
.btn_s6 + .btn_s6.btn_nosp { padding-left: 0; }

/* button color‚πŽw’θ */
.btn_item-oc1 { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiM0NTE5NDciLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMTQxYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(25%, #451947), color-stop(75%, #00141b)); background: -moz-linear-gradient(#451947 25%, #00141b 75%); background: -webkit-linear-gradient(#451947 25%, #00141b 75%); background: linear-gradient(#451947 25%, #00141b 75%); }

.btn_item-oc2 { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiM5ZTZmMGIiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzM1MGQwMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(25%, #9e6f0b), color-stop(75%, #350d03)); background: -moz-linear-gradient(#9e6f0b 25%, #350d03 75%); background: -webkit-linear-gradient(#9e6f0b 25%, #350d03 75%); background: linear-gradient(#9e6f0b 25%, #350d03 75%); }

.btn_img { display: block; color: #f2ca81; text-align: center; text-decoration: none; }
.btn_img > img { display: block; margin: auto; width: 80%; }

/* button position‚πŽw’θ */
.btn-right { margin: 20px 0 10px auto; width: 150px; }

/*! luster */
.luster { -moz-box-shadow: 0 1px 10px #ffc62b, inset 0 1px 5px #fffcda; -webkit-box-shadow: 0 1px 10px #ffc62b, inset 0 1px 5px #fffcda; box-shadow: 0 1px 10px #ffc62b, inset 0 1px 5px #fffcda; }

/*! form */
.form { margin: 20px 0; }

.form_inner { margin: 0 10px; }

.form_section { overflow: hidden; *zoom: 1; margin-bottom: 15px; }

.form_half { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; }
.form_half:nth-child(odd) { float: left; padding-right: 5px; }
.form_half:nth-child(even) { float: right; padding-left: 5px; }

.form_caution { color: #ff0000; font-size: 1.2rem; }

.form_notice { display: inline-block; margin: 5px 0; padding: 1px 10px; border-radius: 5px; background: #dc4141; color: #fff; font-size: 1.1rem; }

.form_name::after { display: inline-block; content: ""; height: 16px; padding: 0 6px; margin-left: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; font-size: 1.1rem; }

.form_name-must::after { content: "\5FC5\9808"; background: #e83f20; }

.form_name-option::after { content: "\4efb\610f"; background: #2065E8; }

.form_sup { font-size: 1.2rem; }

.form_item { -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -moz-box-shadow: inset 0 1px 1px #ccc, inset 0 -1px 1px #ccc; -webkit-box-shadow: inset 0 1px 1px #ccc, inset 0 -1px 1px #ccc; box-shadow: inset 0 1px 1px #ccc, inset 0 -1px 1px #ccc; background: #fff; width: 100%; outline: none; }

.form_item-select { padding-right: 25px; }
.form_item-select::after { display: inline-block; content: ""; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 5px; height: 5px; border-bottom: 1px solid #ccb4a5; border-right: 1px solid #ccb4a5; }

.radio { overflow: hidden; *zoom: 1; }

.radio_inner { float: left; position: relative; width: 50%; }
.radio_inner:first-child > .radio_target { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px; border-radius: 5px 0 0 5px; }
.radio_inner:last-child > .radio_target { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0; border-radius: 0 5px 5px 0; }

.radio_item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.radio_item:checked + .radio_target { background: #DC4141; color: #ffffff; }

.radio_target { display: block; padding: 10px 0; background: #ccc; color: #3B3B3B; text-align: center; }

.chekbox, .radio2 { display: table; margin-bottom: 10px; padding: 5px 0; border-bottom: 1px solid #fff3c5; width: 100%; }

.chekbox_inner, .radio2_inner { display: table-cell; vertical-align: middle; }
.chekbox_inner:first-child, .radio2_inner:first-child { width: 30px; }

.chekbox_item, .radio2_item { -moz-appearance: none; -webkit-appearance: none; position: relative; width: 30px; height: 30px; background: #e1c7bf; }
.chekbox_item:checked, .radio2_item:checked { background: #e1c7bf; }
.chekbox_item:checked::before, .radio2_item:checked::before { position: absolute; top: 16px; left: 4px; display: block; content: ""; width: 10px; height: 4px; background: #013d4d; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform-origin: right center 50%; -ms-transform-origin: right center 50%; -webkit-transform-origin: right center 50%; transform-origin: right center 50%; }
.chekbox_item:checked::after, .radio2_item:checked::after { position: absolute; top: 12px; left: 7px; content: ""; width: 19px; height: 4px; background: #013d4d; -moz-transform: rotate(-53deg); -ms-transform: rotate(-53deg); -webkit-transform: rotate(-53deg); transform: rotate(-53deg); -moz-transform-origin: left center 50%; -ms-transform-origin: left center 50%; -webkit-transform-origin: left center 50%; transform-origin: left center 50%; }

.chekbox_txt, .radio2_txt { display: block; padding-left: 10px; }

.form_btn_item { display: block; margin: 10px auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 230px; padding: 8px 0; }

.form_txt { margin: 3px 0; font-size: 1.2rem; }
.form_txt > strong { font-size: 1.4rem; color: #f2ca81; text-decoration: underline; }

/*! confirm */
.confirm { margin: 0 10px; }

.confirm_section { overflow: hidden; *zoom: 1; margin: 10px 0; border-bottom: 1px solid #DC4141; }

.confirm_item, .confirm_name { float: left; padding: 2px 5px; }

.confirm_name { margin-right: 10px; background: #DC4141; width: 100px; color: #ffffff; text-align: center; }

/*! .defList */
.defList_title { font-size: 1.5rem; font-weight: bold; color: #ffffff; }

.defList_item { margin: 5px 0; font-size: 1.2rem; line-height: 1.4; }

/*! pagelink  */
.navigation { margin: 20px 0; text-align: center; }

.wp-paginate { padding: 0; margin: 0; }

.wp-paginate li { display: inline; list-style: none; }

.wp-paginate a { background: #290000; border: 1px solid #013d4d; color: #fff; margin-right: 4px; padding: 5px 10px; text-align: center; text-decoration: none; border-radius: 3px; }

.wp-paginate a:hover, .wp-paginate a:active { background: #013d4d; color: #ffffff; }

.wp-paginate .gap { color: #999; margin-right: 4px; }

.wp-paginate .current { color: #fff; background: #013d4d; border: 1px solid #013d4d; margin-right: 4px; padding: 5px 10px; border-radius: 3px; }

/* subhead*/
.subhead { margin: 20px 0; text-shadow: 0px 0px 8px #ffc62b; font-size: 1.6rem; color: #ffffff; line-height: 1.2; }

.subhead_sup { font-size: 1.2rem; }

.titleIc-1, .titleIc-2, .titleIc-3, .titleIc-4, .titleIc-5, .titleIc-6 { position: relative; padding-left: 40px; }
.titleIc-1::before, .titleIc-2::before, .titleIc-3::before, .titleIc-4::before, .titleIc-5::before, .titleIc-6::before { position: absolute; top: 0; bottom: 0; left: 0; display: block; margin: auto; content: ""; width: 35px; height: 35px; background-image: url("/image/new/motif-s8654cd00eb.sp.480.png"); background-size: 100%; background-repeat: no-repeat; background-position: 0 0; }

.titleIc-2::before { background-position: 0 -35px; }

.titleIc-3::before { background-position: 0 -70px; }

.titleIc-4::before { background-position: 0 -105px; }

.titleIc-5::before { background-position: 0 -140px; }

.titleIc-6::before { background-position: 0 -175px; }

.list_ic-1, .list_ic-2, .list_ic-3, .list_ic-4, .list_ic-5, .list_ic-6, .list_ic-7, .list_ic-8, .list_ic-9, .list_ic-10, .list_ic-11 { position: relative; padding-left: 50px; }
.list_ic-1::before, .list_ic-2::before, .list_ic-3::before, .list_ic-4::before, .list_ic-5::before, .list_ic-6::before, .list_ic-7::before, .list_ic-8::before, .list_ic-9::before, .list_ic-10::before, .list_ic-11::before { position: absolute; top: 0; bottom: 0; left: 10px; display: block; margin: auto; content: ""; width: 35px; height: 35px; background-image: url("/image/new/ic/special_category.sp.480.png"); background-size: 100%; background-repeat: no-repeat; }

.list_ic-1::before { background-position: 0 -70px; }

.list_ic-2::before { background-position: 0 -35px; }

.list_ic-3::before { background-position: 0 -245px; }

.list_ic-4::before { background-position: 0 -280px; }

.list_ic-5::before { background-position: 0 -350px; }

.list_ic-6::before { background-position: 0 -175px; }

.list_ic-7::before { background-position: 0 -105px; }

.list_ic-8::before { background-position: 0 -140px; }

.list_ic-9::before { background-position: 0 -315px; }

.list_ic-10::before { background-position: 0 -210px; }

.list_ic-11::before { background-position: 0 0px; }

/*! ============ project ============ */
/*! ==== mtop ==== */
/*! daily */
.daliy { margin-top: 0; background-image: url("/image/new/bg/bg_01.sp.480.png"); background-repeat: no-repeat; -moz-background-size: 100% 70%; -o-background-size: 100% 70%; -webkit-background-size: 100% 70%; background-size: 100% 70%; background-position: 0 40px; }

.daily_title > img { margin: auto; width: 80%; }

.daliy_subhead { margin: 0 auto 10px; padding: 3px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 200px; background: rgba(0, 21, 27, 0.8); color: #ffffff; text-shadow: 0px 0px 8px #ffc62b; font-size: 1.2rem; text-align: center; }

/*! choice */
.choice { background-image: url("/image/new/bg/bg_02.sp.480.png"); background-repeat: no-repeat; -moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; background-position: 0 10px; }

/*! special */
.special { background-image: url("/image/new/bg/bg_04.sp.480.png"); -moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; background-position: 0 0; background-repeat: repeat-y; }

.special_inner { padding-bottom: 50px; background-image: url("/image/new/line/line_special.sp.480.png"); -moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; background-position: bottom left; background-repeat: no-repeat; }

.special-app { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmY2Y4NSIvPjxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZWZjZjg1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjkwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efcf85), color-stop(97%, #efcf85), color-stop(100%, #290000)); background: -moz-linear-gradient(#efcf85 0%, #efcf85 97%, #290000 100%); background: -webkit-linear-gradient(#efcf85 0%, #efcf85 97%, #290000 100%); background: linear-gradient(#efcf85 0%, #efcf85 97%, #290000 100%); }

.special_subhead { color: #000000; text-shadow: 1px 1px 2px #dcb256, -1px -1px 2px #dcb256; }

.list_item-special { background: #041059; background-image: url("/image/new/motif/motif_02.sp.480.png"); background-position: right bottom; background-repeat: no-repeat; -moz-background-size: 50px; -o-background-size: 50px; -webkit-background-size: 50px; background-size: 50px; -moz-box-shadow: inset 1px 1px 5px #fffcda; -webkit-box-shadow: inset 1px 1px 5px #fffcda; box-shadow: inset 1px 1px 5px #fffcda; border: 1px solid #c1943f; }

.btn-special { margin-top: 35px; }

/*! feature */
.feature { margin-top: -25px; background-image: url("/image/new/bg/bg_05.sp.480.png"); background-repeat: no-repeat; background-position: 0 80px; background-size: 100%; }

.feature_season { padding: 3px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwNjAxOSIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZjMTJlIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZmZWFiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5Nzk0MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #906019), color-stop(60%, #ffc12e), color-stop(80%, #ffffff), color-stop(85%, #ffeab8), color-stop(100%, #997942)); background: -moz-linear-gradient(#906019, #ffc12e 60%, #ffffff 80%, #ffeab8 85%, #997942); background: -webkit-linear-gradient(#906019, #ffc12e 60%, #ffffff 80%, #ffeab8 85%, #997942); background: linear-gradient(#906019, #ffc12e 60%, #ffffff 80%, #ffeab8 85%, #997942); }

.feature_season_inner { position: relative; padding: 10px 0; -moz-box-shadow: 1px 1px 1px #f2ca81, -1px -1px 1px #f2ca81; -webkit-box-shadow: 1px 1px 1px #f2ca81, -1px -1px 1px #f2ca81; box-shadow: 1px 1px 1px #f2ca81, -1px -1px 1px #f2ca81; background-image: url("/image/new/bn/tokusyuu_03-bg.sp.480.png"); background-size: 100%; text-align: center; }
.feature_season_inner::before, .feature_season_inner::after { display: block; position: absolute; bottom: 0; content: ""; width: 60px; height: 25px; background-size: 100%; background-repeat: no-repeat; }
.feature_season_inner::before { left: 0; background-image: url("/image/new/motif/motif_01.sp.480.png"); }
.feature_season_inner::after { right: 0; background-image: url("/image/new/motif/motif_02.sp.480.png"); }

.feature_season_txt { display: block; font-size: 2rem; text-shadow: 0px 0px 8px #ffc62b, 2px 2px 1px #00151b; color: #fff; text-decoration: none; }

/*! situation */
.situation { background-image: url("/image/new/bg/bg_02.sp.480.png"); background-repeat: no-repeat; -moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; background-position: 0 10px; }

.situation_lead { margin: 15px 0 5px; color: #f2ca81; font-size: 1.2rem; text-align: center; }

.situation_banner { margin-bottom: 5px; }
.situation_banner > a > img { display: block; width: 100%; }

/*! future */
.future { background-image: url("/image/new/bg/bg_02.sp.480.png"); background-repeat: no-repeat; -moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; background-position: 0 10px; }

.future_lead { margin-bottom: 10px; text-shadow: 0px 0px 8px #ffc62b, 2px 2px 3px #000000; font-size: 1.6rem; color: #ffffff; text-align: center; }

/*! future */
.basic { padding-bottom: 50px; background-image: url("/image/new/bg/bg_03.sp.480.png"); background-repeat: no-repeat; background-position: 0 70px; background-size: 100% 90%; padding-bottom: 40px; }

.basic_subhead { margin: 15px 0 10px; }
.basic_subhead > img { margin: auto; width: 80%; }

.basic_lead { margin-bottom: 10px; font-size: 1.6rem; color: #ffffff; text-align: center; }

/*! affinity */
.affinity { background: url("/image/new/bg/bg_02.sp.480.png"); background-repeat: no-repeat; background-position: 0 10px; background-size: 100%; }

.affinity_lead { margin-bottom: 10px; text-shadow: 0px 0px 8px #ffc62b, 2px 2px 3px #000000; font-size: 1.6rem; color: #ffffff; text-align: center; }

.affinity_banner { margin-top: 20px; }
.affinity_banner img { display: block; width: 80%; margin: auto; }

/*! continue */
.continue { padding-bottom: 40px; background-color: #FFE191; background-image: url("/image/new/line/line_special.sp.480.png"); background-position: left bottom; background-size: 100%; background-repeat: no-repeat; }

.continue_banner { margin-top: 15px; }
.continue_banner img { display: block; width: 100%; }

.continue_txt { margin-top: 5px; font-size: 1.6rem; text-shadow: 1px 1px 2px #deb3a6, -1px -1px 2px #deb3a6; color: #000000; text-align: center; }
.continue_txt > strong { font-size: 1.8rem; color: #E4811B; text-decoration: underline; }

/*! footer */
.scrollTop { border-bottom: 1px solid #2F2F2E; width: 100%; text-align: center; }

.scrollTop_link { display: block; padding: 5px 0; color: #ffffff; text-decoration: none; }
.scrollTop_link > img { width: 15px; }

.footerNavi { margin: 15px 0; }

.footerNavi_inner { overflow: hidden; margin-bottom: 10px; }

.footerNavi_item { float: left; margin: 0 1px 10px; width: 49%; width: -webkit-calc(50% - 2px); width: calc(50% - 2px); }

.footerNavi_target { display: block; padding: 10px 5px; background: rgba(32, 5, 3, 0.5); color: #ffffff; font-size: 1.1rem; text-decoration: none; }

.footer_btn { display: block; margin: 15px auto; width: 230px; }

.footer_btn_item { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: rgba(32, 5, 3, 0.5); font-size: 1.2rem; text-shadow: none; }
.footer_btn_item > img { width: 15px; vertical-align: middle; margin: 0 4px; }

.footer_btn_icon { margin-right: 5px; }

.footer_copy { border-top: 1px solid #2F2F2E; padding-top: 10px; text-align: center; }

/*! ==== two-lebel ==== */
/* result*/
.result { margin: 20px 0; }
.result .btn { line-height: 1; }

.result_inner { margin: 0 5px; }

.result_title { margin-bottom: 20px; text-shadow: 0px 0px 8px #ffc62b; font-size: 1.6rem; color: #ffffff; line-height: 1.2; }

.result_title_sup { font-size: 1.2rem; }

.result_subhead { margin: 30px 0 5px 0; padding-bottom: 5px; font-size: 1.5rem; color: #ffffff; text-align: center; }
.result_subhead > strong { font-size: 1.8rem; color: #E4811B; text-shadow: 0px 0px 8px #ca635c; }

.result_txt { margin: 0 5px 20px; }

.result_img { margin: 10px auto 20px; width: 150px; }
.result_img > img { display: block; width: 100%; }

/*! face */
.result_img-face { border-radius: 10px; background: #E7C693; }

/*! color */
.colorList { overflow: hidden; *zoom: 1; }

.colorList_item { float: left; width: 25%; }

.colorList_target > img { display: block; width: 100%; }

/*! massage */
.msg_list { text-align: center; }

.msg_list_item { display: inline-block; width: 100px; }

.msg_list_target { display: block; }
.msg_list_target > img { display: block; width: 100%; }

.msg_txt { font-size: 1.2rem; color: rgba(204, 180, 165, 0.7); text-align: right; }

/*! special */
.special_txt, .special_result_title { text-shadow: 1px 1px 2px #dcb256, -1px -1px 2px #dcb256; color: #000; }
.special_txt > strong, .special_result_title > strong { color: #E4811B; }

.list_caption-special { display: block; padding: 5px 0px; margin-top: 5px; border-top: 1px solid #fff3c5; border-bottom: none; }

.specialTag { text-align: right; }

.specialTag_item { display: inline-block; margin: 0 5px 5px 0; padding: 2px; border-bottom: 1px solid #013d4d; font-size: 1.1rem; }

.special_title { padding: 20px 10px; margin-bottom: 20px; box-shadow: inset 1px 1px 5px #fffcda; border: 1px solid #c1943f; background: #020a37; background-image: url("/image/new/motif/motif_01.sp.480.png"), url("/image/new/motif/motif_02.sp.480.png"); background-position: left bottom, right bottom; -moz-background-size: 50px; -o-background-size: 50px; -webkit-background-size: 50px; background-size: 50px; background-repeat: no-repeat; text-shadow: 0px 0px 8px #ffc62b; color: #ffffff; font-size: 1.6rem; }

.special_caption { display: block; padding: 5px 0px; margin-top: 5px; border-top: 1px solid #fff3c5; border-bottom: none; font-size: 1.2rem; color: #f2ca81; }

.special_result_title { border-bottom: 1px solid #dcb256; padding-bottom: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*! advice */
.advice_subhead { margin: 30px 0 5px 0; padding-bottom: 5px; font-size: 1.5rem; color: #ffffff; text-align: center; }

.adviceDesc { margin: 15px 0; font-size: 1.2rem; }

.adviceCaution { margin: 20px 0; padding: 10px; }

.adviceCaution_title { border-bottom: 1px solid #c1943f; text-align: center; font-size: 1.2rem; }

.adviceCaution_txt { margin: 5px 0; font-size: 1.2rem; }

/*! recomend */
.recomend { margin: 30px 0; }

.recomend_inner { margin: 0 5px; }

/*! help */
.help_section { margin: 10px; }
.help_section > img { display: block; width: 100%; }

.help_txt { margin: 10px 0; }

.mypage_txt { margin: 3px 0; font-size: 1.2rem; }
.mypage_txt > strong { font-size: 1.4rem; color: #f2ca81; text-decoration: underline; }

/*! ftop */
.ftop-siteTitle { position: relative; padding-bottom: 40px; }
.ftop-siteTitle > img { width: 100%; }

.ftop-btn-top { position: absolute; bottom: 0; left: 50%; margin-left: -115px; }

.sectionFtop_main { overflow: hidden; *zoom: 1; margin: 10px 0; }

.sectionFtop_img { width: 100px; }
.sectionFtop_img > img { display: block; width: 100%; }

.sectionFtop_img-left { float: left; margin-right: 10px; }

.sectionFtop_img-right { float: right; margin-left: 10px; }

.sectionFtop_txt { overflow: auto; font-size: 1.3rem; }
.sectionFtop_txt > strong { font-size: 1.4rem; color: #f2ca81; }

.sectionFtop_txt-2 { background: #582913; padding: 12px; }
.sectionFtop_txt-2.reversed { background: #290000; }
.sectionFtop_txt-2.reversed > p { background: #582913; }
.sectionFtop_txt-2 > p { background: #290000; padding: 8px; font-size: 1.2rem; border-radius: 5px; color: #fff; text-shadow: 2px 2px 2px #765555; text-align: center; }
.sectionFtop_txt-2 > p > strong { font-size: 1.4rem; }

.sectionFtop_caption { margin: 20px 0 10px; text-shadow: 0px 0px 8px #ffc62b; text-align: center; font-size: 1.8rem; color: #fff; }
.sectionFtop_caption > strong { font-size: 2rem; color: #f2ca81; }

.sectionFtop_caption > strong { color: #f2ca81; }

.sectionFtop .slides li img { margin: auto; width: 280px; }

/* site navigation ƒTƒCƒgƒiƒrƒQ[ƒVƒ‡ƒ“ */
.site-nav { position: fixed; bottom: 10px; left: 5px; }

.site-nav__inner { position: relative; }

.site-nav__item { position: absolute; bottom: 0; left: 0; z-index: 5; width: 40px; height: 40px; }

.site-nav__link { display: block; padding: 10px; width: 100%; height: 100%; border: 1px solid #fff3c5; background: #00151b; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; }

.site-nav__item--01 { z-index: 10; }

.site-nav__icon { font-size: 2rem; color: #ffffff; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }

img.site-nav__icon { width: 20px; }

.notice-active .site-nav { opacity: 0; }

/* c/info/book ‘Π’mƒy[ƒW */
.book { text-align: center; }

.book_title { font-size: 120%; font-weight: bold; }

/*! ============ c/info/event ƒCƒxƒ“ƒg’mƒy[ƒW ============ */
.event-body{
	font-family:
   "ƒqƒ‰ƒMƒm–Ύ’© ProN W6",
   "HiraMinProN-W6",
   "HG–Ύ’©E",
   "‚l‚r ‚o–Ύ’©",
   "MS PMincho",
   "MS –Ύ’©",
   serif;
    
}
.accent{
     color: #f6692a;
}
.event-outline{
    text-align : center;
    font-size : 18px;
 color: #ffffff;
  height: 30px;
  background-color: #dd6b1e;
  padding: 12px;
  background-image: url('/image/bg/special_top_01.sp.480.png');
  
    background-size: 320px 240px;
  background-repeat: no-repeat;
}
.event-outline-detail{
  color: #000000;
  /* height: 480px; */
  padding: 12px;
  background-image: url('/image/sp/bg/event.sp.480.png');
  /* background-size: 320px 510px; */
  /* background-repeat: no-repeat; */  

}
.event-outline-bottom{
      height: 30px;
  background-color: #dd6b1e;
      margin-bottom: 40px;
}
ul.kobetsu-year{
    width:100%;
    margin:15px 0px;
}
ul.kobetsu-year li{
    text-align:center;
    margin-bottom:5px
}

  /* ‘‘‘‘‘‘‘20160222’Η‰Α‘‘‘‘‘‘‘*/  

.cc-supervisor-text {
    padding: 15px;
    background-color: rgb(213, 184, 144);
    color: #290000;
    border-radius: 6px;
    margin-bottom: 25px;
}

/* ‘‘‘‘‘‘‘20160307’Η‰Α‘‘‘‘‘‘‘*/  

.cc-ftop-area1 {
    background-image: url(/image/sp/new-ftop/20.sp.480.png);
    background-color: #582913;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right 0 top 50%;
    text-align: center;
}

.cc-ftop-text1 {
    width: 65%;
    color: #FFFFFF;
    text-align: left;
    padding-left: 20px;
    padding-top: 20%;
    padding-bottom: 20%;
    font-size: 1.6rem;
    line-height: 150%;
    text-shadow: 1px 1px 4px #290000, -1px 1px 4px #290000, 1px -1px 4px #290000;
}

/* ‘‘‘‘‘‘‘20160310’Η‰Α‘‘‘‘‘‘‘*/  

.cc-ftop-area2 {
    background-image: url(/image/sp/new-ftop/27.sp.480.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: left 0 top 50%;
    text-align: center;
    overflow: hidden;
}

.cc-ftop-text2 {
    width: 52%;
    color: #290000;
    text-align: left;
    padding-right: 2%;
    padding-left: 3%;
    padding-top: 10%;
    padding-bottom: 10%;
    font-size: 1.6rem;
    line-height: 150%;
    float: right;
    background: rgba(255,255,255,0.90);
    margin-top: 6%;
    margin-bottom: 4%;
    margin-right: 4%;
    border-radius: 6px;
}

.cc-ftop-area3 {
    background-image: url(/image/sp/new-ftop/28.sp.480.png);
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: right 0 top 50%;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
}

.cc-ftop-text3 {
    width: 52%;
    color: #290000;
    text-align: left;
    padding-right: 2%;
    padding-left: 3%;
    padding-top: 14%;
    padding-bottom: 14%;
    font-size: 1.6rem;
    line-height: 150%;
    background: rgba(255,255,255,0.90);
    margin-top: 6%;
    margin-bottom: 6%;
    margin-left: 4%;
    border-radius: 6px;
}

.cc-ftop-area4 {
    background-image: url(/image/sp/new-ftop/30.sp.480.png);
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: right 0 top 50%;
    text-align: center;
}

.cc-ftop-text4 {
    width: 60%;
    text-align: left;
    padding-left: 20px;
    padding-top: 12%;
    padding-bottom: 16%;
    font-size: 1.6rem;
    line-height: 150%;
    color: #FFFFFF;
    text-shadow: 1px 1px 6px #C99249, -1px 1px 6px #C99249, 1px -1px 6px #FFFFFF,-1px -1px 6px #C99249;
}


.cc-ftop-area5 {
    background-image: url(/image/sp/new-ftop/31.sp.480.png);
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: right 0 top 50%;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
}

.cc-ftop-text5 {
    width: 52%;
    color: #290000;
    text-align: left;
    padding-right: 2%;
    padding-left: 3%;
    padding-top: 6%;
    padding-bottom: 6%;
    font-size: 1.6rem;
    line-height: 150%;
    background: rgba(255,255,255,0.90);
    margin-top: 4%;
    margin-bottom: 4%;
    margin-left: 4%;
    border-radius: 6px;
}

.cc-ftop-area6 {
    background-image: url(/image/sp/new-ftop/34.sp.480.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right 0 top 50%;
    text-align: center;
}

.cc-ftop-text6 {
    width: 65%;
    color: #FBECD7;
    text-align: left;
    padding-left: 3%;
    padding-top: 10%;
    padding-bottom: 10%;
    font-size: 1.6rem;
    line-height: 150%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 4%;
}

.cc-ftop-textred{
    color:#E20E3D;
}

.cc-ftop-textblue {
    color: #00A2CE;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    text-shadow: 1px 1px 6px #FFFFFF, -1px 1px 6px #FFFFFF, 1px -1px 6px #FFFFFF,-1px -1px 6px #FFFFFF;
    margin-top: 15px;
}

.cc-ftop-title1 {
    color: #FFFFFF;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 6px #C99249, -1px 1px 6px #C99249, 1px -1px 6px #FFFFFF,-1px -1px 6px #C99249;
    font-family: serif;
    margin-top: 30px;
    line-height: 40px;
}

.cc-ftop-title1 > strong{
    color: #FFFFFF;
    font-size: 30px;
    text-shadow: 1px 1px 6px #FF5192, -1px 1px 6px #FF5192, 1px -1px 6px #FF5192,-1px -1px 6px #FF5192;
}

/* ‘‘‘‘‘‘‘20160310’Η‰Α‘‘‘‘‘‘‘*/  

.cc-ftop-siteTitle{
   position: relative;
}

.cc-ftop-siteTitle > img {
    width: 100%;
}

.cc-ftop-area7 {
    background-image: url(/image/sp/new-ftop/20.sp.480.png);
    background-color: #EED9C1;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right 0 top 50%;
    text-align: center;
}

.cc-ftop-text7 {
    width: 65%;
    color: #290000;
    text-align: left;
    padding-left: 20px;
    padding-top: 20%;
    padding-bottom: 20%;
    font-size: 1.6rem;
    line-height: 150%;
    text-shadow: 1px 1px 4px #FFFFFF, -1px 1px 4px #FFFFFF, 1px -1px 4px #FFFFFF;
}

.cc-sectionFtop_caption {
    margin: 20px 0 10px;
    text-shadow: 0px 0px 8px #ffc62b;
    text-align: center;
    font-size: 1.8rem;
    color: #290000;
}

.cc-sectionFtop_caption > strong {
    color: #FF4F87;
}