@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Cinzel");
@import url("https://fonts.googleapis.com/css?family=Cardo");
@font-face { font-family: 'OPTICubaLibre'; src: url("/common/font/OPTICubaLibre.ttf.woff") format("woff"), url("/common/font/OPTICubaLibre.ttf.svg") format("svg"), url("/common/font/OPTICubaLibre.ttf.eot"), url("/common/font/OPTICubaLibre.ttf.eot#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
/*!
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

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

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

html { overflow-y: scroll; font-size: 62.5%; }

body { font-size: 14px; font-size: 1.4rem; line-height: 1.7; margin: 0; padding: 0; font-family: arial, sans-serif, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

html, body { color: #535353; }

br { letter-spacing: normal; }

img { border: 0; vertical-align: bottom; max-width: 100%; height: auto; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }

p { color: #535353; }

a { color: #7d6539; text-decoration: underline; }
a:hover { text-decoration: none; color: #cc4168; }
a:link, a:visited { text-decoration: underline; }
a:active { text-decoration: none; }

.flL { float: left; }

.flR { float: right; }

.clr { clear: both; }

.notice { font-size: 1em; line-height: 1.5; }

.foS { font-size: 0.8em; }

.foM { font-size: 1.0em; }

.foL { font-size: 1.2em; }

.foLL { font-size: 1.4em; }

.foSB { font-size: 0.6em; font-weight: bold; }

.foMB { font-size: 1.0em; font-weight: bold; }

.foLB { font-size: 1.2em; font-weight: bold; }

.foLLB { font-size: 1.4em; font-weight: bold; }

.foMincho { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; }

.al { text-align: left; }

.ar { text-align: right; }

.ac { text-align: center; }

.co--mainColor { color: #7d6539; }

.co--brown { color: #b55100; }

.co--pink { color: #e83dba !important; }

.clearfix:after, .header:after, .header__inner:after, .globalNav:after, .globalNav__list:after, .footer:after, .footer__l:after, .footer__r:after, .footer__share:after, .footer__subNavList:after, .contentsArea:after, .section:after, .topPageHeroArea:after, .heroArea:after, .briefHistoryList:after, .orderList__title:after, .faq_cont:after, .question:after, .answer:after, .breadCrumbs__list:after, .radioList:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.grid__cont:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
@media print, screen and (min-width: 481px) { .grid__cont { margin: 0 auto 0 auto; width: 100%; max-width: 1200px; } }
@media only screen and (max-width: 768px) { .grid__cont { width: 100%; margin-bottom: 50px; } }

@media print, screen and (min-width: 481px) { .gridCont__row { margin: auto; width: 1200px; max-width: 100%; }
  .gridCont__row:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .gridCont__row + .gridCont__row { margin-top: 25px; } }

.grid__span--1 { width: 8.33%; }

.grid__span--2 { width: 16.66%; }

.grid__span--3 { width: 25%; }

.grid__span--4 { width: 33.33%; }

.grid__span--5 { width: 41.66%; }

.grid__span--6 { width: 50%; }

.grid__span--7 { width: 58.33%; }

.grid__span--8 { width: 66.66%; }

.grid__span--9 { width: 75%; }

.grid__span--10 { width: 83.33%; }

.grid__span--11 { width: 91.66%; }

.grid__span--12 { width: 100%; }

.grid__span--1 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--1 { padding: 10px; display: block; float: left; }
  .grid__span--1.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--1 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--1 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--1 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--1.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--1.grid__span__link--smp .linkImg, .grid__span--1.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--1.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid__span--2 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--2 { padding: 10px; display: block; float: left; }
  .grid__span--2.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--2 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--2 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--2 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--2.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--2.grid__span__link--smp .linkImg, .grid__span--2.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--2.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid__span--3 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--3 { padding: 10px; display: block; float: left; }
  .grid__span--3.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--3 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--3 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--3 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--3.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--3.grid__span__link--smp .linkImg, .grid__span--3.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--3.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid__span--4 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--4 { padding: 10px; display: block; float: left; }
  .grid__span--4.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--4 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--4 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--4 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--4.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--4.grid__span__link--smp .linkImg, .grid__span--4.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--4.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid__span--5 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--5 { padding: 10px; display: block; float: left; }
  .grid__span--5.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--5 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--5 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--5 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--5.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--5.grid__span__link--smp .linkImg, .grid__span--5.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--5.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid__span--6 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--6 { padding: 10px; display: block; float: left; }
  .grid__span--6.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--6 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--6 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--6 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--6.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--6.grid__span__link--smp .linkImg, .grid__span--6.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--6.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid__span--7 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--7 { padding: 10px; display: block; float: left; }
  .grid__span--7.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--7 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--7 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--7 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--7.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--7.grid__span__link--smp .linkImg, .grid__span--7.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--7.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid__span--8 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--8 { padding: 10px; display: block; float: left; }
  .grid__span--8.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--8 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--8 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--8 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--8.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--8.grid__span__link--smp .linkImg, .grid__span--8.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--8.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid__span--9 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--9 { padding: 10px; display: block; float: left; }
  .grid__span--9.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--9 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--9 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--9 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--9.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--9.grid__span__link--smp .linkImg, .grid__span--9.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--9.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid__span--10 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--10 { padding: 10px; display: block; float: left; }
  .grid__span--10.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--10 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--10 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--10 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--10.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--10.grid__span__link--smp .linkImg, .grid__span--10.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--10.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid__span--11 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--11 { padding: 10px; display: block; float: left; }
  .grid__span--11.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--11 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--11 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--11 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--11.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--11.grid__span__link--smp .linkImg, .grid__span--11.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--11.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid__span--12 img { max-width: 100%; height: auto; display: block; margin: auto; }
@media print, screen and (min-width: 481px) { .grid__span--12 { padding: 10px; display: block; float: left; }
  .grid__span--12.grid__span--op { float: right !important; } }
@media only screen and (max-width: 480px) { .grid__span--12 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--12 img { width: 100%; height: auto; display: block; } }
@media only screen and (max-width: 480px) { .grid__span--12 { width: 100%; margin-bottom: 50px; float: none; }
  .grid__span--12.grid__span__link--smp:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .grid__span--12.grid__span__link--smp .linkImg, .grid__span--12.grid__span__link--smp .img--right--smp { float: right; width: calc(40% + 30px); margin-left: 10px; padding-right: 30px; background: url("/common/img/link_arrow.png") no-repeat right center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
  .grid__span--12.grid__span__link--smp .img--right--smp { background: none; width: 40%; padding-right: 0; } }

.grid--2column img, .grid--2column--text img { width: 100%; height: auto; }
@media print, screen and (min-width: 481px) { .grid--2column, .grid--2column--text { width: 50%; float: left; } }
@media only screen and (max-width: 480px) { .grid--2column + .grid--2column, .grid--2column--text + .grid--2column, .grid--2column + .grid--2column--text, .grid--2column--text + .grid--2column--text { margin-top: 50px; } }

@media print, screen and (min-width: 481px) { .grid--2column--text { padding: 0 25px; } }

@media print, screen and (min-width: 481px) { .grid--1column--text { padding: 0 0 0 35px; } }

.fullImgArea { clear: both; margin-top: 25px; }

@media only screen and (min-width: 480px) and (max-width: 768px) { .grid__span--6--tab { width: 50% !important; float: left !important; } }

@media only screen and (min-width: 480px) and (max-width: 768px) { .grid__span--4--tab { width: 33.3% !important; float: left !important; } }

@media only screen and (min-width: 480px) and (max-width: 768px) { .grid__span--3--tab { width: 25% !important; float: left !important; } }

@media only screen and (max-width: 480px) { .grid__span--6--smp { width: 50% !important; float: left !important; padding: 5px; } }

@media only screen and (max-width: 480px) { .grid__span--4--smp { width: 33.3% !important; float: left !important; } }

@media only screen and (max-width: 480px) { .grid__span--3--smp { width: 25% !important; float: left !important; } }

@media print, screen and (min-width: 481px) { .displayNone--pc { display: none; } }

@media only screen and (max-width: 480px) { .displayNone--smp { display: none; } }

@media only screen and (min-width: 480px) and (max-width: 768px) { .displayNone--tablet { display: none; } }

@media only screen and (max-width: 768px) { .displayNone--tab--smp { display: none; } }

@media only screen and (max-width: 768px) { .br--responsive { display: none; } }

.header { width: 100%; padding: 5px 0; background: rgba(255, 255, 255, 0.95); -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.header:hover { background: #fff; }
@media print, screen and (min-width: 481px) { .header { position: fixed; top: 0px; z-index: 100; -webkit-box-shadow: 0 0 2 #000; -moz-box-shadow: 0 0 2 #000; box-shadow: 0 0 2 #000; } }
@media only screen and (min-width: 480px) and (max-width: 768px) { .header { top: 0px; } }

@media only screen and (max-width: 480px) { .header__inner { padding: 0 10px; } }

@media print, screen and (min-width: 481px) { .header__logoArea { float: left; list-style: none; width: 14.28571%; padding: 5px 0; }
  .header__logoArea img { width: 100%; height: auto; max-width: 105px; display: block; margin: auto; } }
@media only screen and (max-width: 480px) { .header__logoArea { display: none; } }

@media print, screen and (min-width: 481px) { .globalNav { width: 100%; } }

@media print, screen and (min-width: 481px) { .globalNav__list { width: 100%; } }
@media print, screen and (min-width: 481px) and (min-width: 481px) { .globalNav__list { margin: 0 auto 0 auto; width: 100%; max-width: 1200px; } }

@media only screen and (max-width: 480px) { .globalNav__list { position: fixed; left: 100%; top: 0; width: 100%; z-index: 1001; background: rgba(0, 0, 0, 0.8); height: 100%; overflow: scroll; }
  .globalNav__list i { font-size: 17px; font-size: 1.7rem; } }

.globalNav__listItem { list-style: none; position: relative; font-family: 'OPTICubaLibre'; font-size: 20px; font-size: 2rem; vertical-align: middle; }
@media only screen and (min-width: 480px) and (max-width: 768px) { .globalNav__listItem { font-size: 16px; font-size: 1.6rem; } }
.globalNav__listItem > a { text-align: center; display: block; padding: 4px 0; text-decoration: none; color: #7d6539; }
@media only screen and (max-width: 480px) { .globalNav__listItem > a { color: #fff; font-size: 24px; font-size: 2.4rem; margin-top: 10px; } }
.globalNav__listItem > a:hover { color: #cc4168; }
.globalNav__listItem > a.is-current { border-bottom: 3px solid #d5ba92; }
@media print, screen and (min-width: 481px) { .globalNav__listItem { float: left; width: 14.28571%; margin-top: 10px; }
  .globalNav__listItem:not(:first-child) { border-left: 1px solid #dddddd; } }
@media only screen and (max-width: 480px) { .globalNav__listItem { width: 47%; float: left; text-align: center; padding: 10px 0; } }

@media print, screen and (min-width: 481px) { .globalNav__listItem--half { display: none; } }
@media only screen and (max-width: 480px) { .globalNav__listItem--half { width: 50%; float: left; } }

@media print, screen and (min-width: 481px) { .globalNav--subList { display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 5px; background: #fff; border-radius: 0 0 3px 3px; z-index: 1001; } }

.globalNav--subListItem { list-style: none; text-align: center; font-family: arial, sans-serif, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 1.2em; }
.globalNav--subListItem a { color: #535353; text-decoration: none; font-size: 12px; font-size: 1.2rem; }
@media only screen and (max-width: 480px) { .globalNav--subListItem a { color: #dddddd; } }
.globalNav--subListItem a:hover { color: #cc4168; }

.globalNav__open { z-index: 1000; }
@media print, screen and (min-width: 481px) { .globalNav__open { display: none; } }
@media only screen and (max-width: 480px) { .globalNav__open { display: block; position: absolute; top: 0px; right: 15px; padding: 15px 0; font-size: 2em; } }

.globalNav__close { color: #fff; }
@media print, screen and (min-width: 481px) { .globalNav__close { display: none; } }
@media only screen and (max-width: 480px) { .globalNav__close { display: block; position: absolute; right: 10px; top: 20px; font-size: 2em; z-index: 10000; width: 10%; } }

@media print, screen and (min-width: 481px) { .logo--smp { display: none; } }
@media only screen and (max-width: 480px) { .logo--smp { text-align: center; width: 100%; }
  .logo--smp img { margin: auto; display: block; } }

.footer { width: 100%; padding: 50px 0; background: #7d6539; color: #fff; }
.footer p { color: #fff; }
.footer a { color: #fff !important; }

@media print, screen and (min-width: 481px) and (min-width: 481px) { .footer__inner { margin: 0 auto 100px auto; width: 100%; max-width: 1200px; } }

@media print, screen and (min-width: 481px) { .footer__l { float: left; width: 50%; } }
@media only screen and (max-width: 768px) { .footer__l { width: 100%; margin-bottom: 30px; } }

@media print, screen and (min-width: 481px) { .footer__r { float: right; width: 50%; text-align: right; } }
@media only screen and (max-width: 768px) { .footer__r { width: 100%; padding: 10px; } }

.footer__logoArea { width: 34%; float: left; }
.footer__logoArea img { margin: auto; display: block; }
@media only screen and (max-width: 480px) { .footer__logoArea { float: none; width: 100%; margin-bottom: 10px; } }

.footer__address { width: 60%; float: right; }
@media only screen and (max-width: 480px) { .footer__address { float: none; width: 100%; padding: 10px; } }

.footer__share { float: right; }
@media only screen and (max-width: 480px) { .footer__share { float: none; } }

.footer__share__title { float: left; }

.footer__shareList { float: left; }
.footer__shareList li { list-style: none; }

.footer__shareListItem { float: left; margin-left: 10px; }

.footer__subNavList { clear: both; margin-top: 40px; margin-bottom: 10px; float: right; }
.footer__subNavList li { list-style: none; }
@media only screen and (max-width: 480px) { .footer__subNavList { float: none; } }

.footer__subNavListItem { float: left; padding: 0 7px; }
.footer__subNavListItem:not(:first-child) { border-left: 1px solid #fff; }

.footer__copyright { clear: both; }

@media print, screen and (min-width: 481px) { .section { margin: 0 auto 100px auto; width: 100%; max-width: 1200px; } }
@media only screen and (max-width: 480px) { .section { margin-bottom: 50px; padding: 0 10px; } }

.section--box { border: 1px solid #dddddd; padding: 10px; }

.box--bd { border: 1px solid #dddddd; padding: 5px; }

.span--box { border: 1px solid #dddddd; padding: 5px; }

.spanBox__title { padding: 0 5px; border: 1px solid #535353; text-align: center; margin: 10px 0; }

.sectionText + .sectionText, .sectionText--2column + .sectionText, .sectionText--box + .sectionText, .sectionText--small + .sectionText, .sectionText + .sectionText--2column, .sectionText--2column + .sectionText--2column, .sectionText--box + .sectionText--2column, .sectionText--small + .sectionText--2column, .sectionText + .sectionText--box, .sectionText--2column + .sectionText--box, .sectionText--box + .sectionText--box, .sectionText--small + .sectionText--box, .sectionText + .sectionText--small, .sectionText--2column + .sectionText--small, .sectionText--box + .sectionText--small, .sectionText--small + .sectionText--small { margin-top: 25px; }

.sectionText--2column { padding-left: 35px; }
@media only screen and (max-width: 480px) { .sectionText--2column { padding-left: 0px; } }

img + .sectionText, img + .sectionText--2column, img + .sectionText--box, img + .sectionText--small { margin-top: 10px; }

.phaseTitle { font-weight: bold; margin-top: 10px; margin-bottom: 15px; }

.sectionText--box { border: 3px solid #ababab; padding: 15px; }

.sectionText--small { font-size: 12px; font-size: 1.2rem; }

.captionText { font-size: 11px; font-size: 1.1rem; text-align: center; }

.profileText { font-size: 11px; font-size: 1.1rem; }

.strong { font-weight: bold; }

.pageTitle { font-size: 26px; font-size: 2.6rem; margin-bottom: 25px; border-bottom: 1px solid #dddddd; }

.sectionHeading--h2 { text-align: center; font-size: 36px; font-size: 3.6rem; font-family: 'OPTICubaLibre'; color: #7d6539; margin-bottom: 25px; line-height: 1; }
@media only screen and (max-width: 480px) { .sectionHeading--h2 { font-size: 26px; font-size: 2.6rem; margin-bottom: 25px; } }
.sectionHeading--h2 .headingSub { font-family: arial, sans-serif, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 12px; font-size: 1.2rem; }
@media only screen and (max-width: 480px) { .sectionHeading--h2 .headingSub { font-size: 10px; font-size: 1rem; } }
.sectionHeading--h2 .ja-mincho { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; }

.sectionHeading--h3, .sectionHeading--h3--strong { font-size: 18px; font-size: 1.8rem; margin-bottom: 15px; }

.sectionHeading--h3--strong { font-size: 15px; font-size: 1.5rem; font-weight: bold; }

.sectionText + .sectionHeading--h3--strong, .sectionText--2column + .sectionHeading--h3--strong, .sectionText--box + .sectionHeading--h3--strong, .sectionText--small + .sectionHeading--h3--strong { margin-top: 50px; }

.panelTitle { margin-bottom: 15px; margin-top: 10px; font-weight: bold; }
.panelTitle a { text-decoration: none; color: #535353; }
.panelTitle a:before { color: #a08149; margin-right: 3px; }
.panelTitle a:hover { color: #cc4168; }

.sectionHeading--h4 { font-size: 16px; font-size: 1.6rem; color: #7d6539; border-bottom: 1px solid #7d6539; text-align: center; margin-bottom: 15px; }

a + .sectionHeading--h4 { margin-top: 10px; }

.sectionHeading--bdb { border-bottom: 1px solid #b6b6b6; display: inline-block; margin-bottom: 25px; }

.articleTitle { background: url("/common/img/bg_h3.png") no-repeat left center; padding-left: 35px; margin-bottom: 25px; font-size: 18px; font-size: 1.8rem; }
@media only screen and (max-width: 480px) { .articleTitle { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding-left: 23px; margin-bottom: 10px; -webkit-background-size: 10px 30px; background-size: 10px 30px; } }
.articleTitle.articleTitle--ja { padding: 20px 0 20px 35px; }
@media only screen and (max-width: 480px) { .articleTitle.articleTitle--ja { padding-left: 23px; } }

.articleTitle--eng { font-size: 22px; font-size: 2.2rem; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; display: block; }
@media only screen and (max-width: 480px) { .articleTitle--eng { font-size: 14px; font-size: 1.4rem; } }

.box__title { background: #f3f3f3; color: #7d6539; font-size: 24px; font-size: 2.4rem; padding: 10px 0; }

.sliderArea { width: 100%; }
.sliderArea img { width: 100%; height: auto; }

.topPageHeroArea { position: relative; }

.topPageHeroBG { position: absolute; width: 35%; }
.topPageHeroBG img { width: 100%; height: auto; }
@media only screen and (max-width: 480px) { .topPageHeroBG { display: none; } }

.topPageHeroBG--l { left: 0; top: 76%; }

.topPageHeroBG--r { right: 0; top: 76%; }

.topPage__concept { margin-top: 10px; margin-bottom: 10px; padding-top: 25px; padding-bottom: 15px; background: #e4e4e4; }

.heroArea { position: relative; width: 100%; margin-bottom: 50px; }
.heroArea .heroImg { width: 100%; height: auto; }
@media only screen and (min-width: 480px) and (max-width: 768px) { .heroArea { padding-top: 100px; } }
@media only screen and (max-width: 480px) { .heroArea { margin-bottom: 40px; } }

.hisakoSign { position: absolute; width: 40.8%; bottom: 1%; left: 1%; }
@media only screen and (max-width: 480px) { .hisakoSign { top: 45%; bottom: 0; } }
.hisakoSign img { width: 100%; height: auto; }

.pageTitle--large { position: absolute; width: 15.6%; right: 18%; top: 21%; }
.pageTitle--large img { width: 100%; height: auto; }
@media only screen and (min-width: 480px) and (max-width: 768px) { .pageTitle--large { top: 26%; } }
@media only screen and (max-width: 480px) { .pageTitle--large { width: 35%; right: 5%; top: 10%; } }

.pageTitle--center { position: absolute; width: 100%; top: 34%; text-align: center; }
.pageTitle--center img { width: 100%; max-width: 590px; height: auto; margin: auto; display: block; }
@media only screen and (min-width: 480px) and (max-width: 768px) { .pageTitle--center { top: 40%; padding: 10px; } }
@media only screen and (max-width: 480px) { .pageTitle--center { width: 100%; padding: 10px; top: 20%; } }

.pageTitle--2015form { top: 40%; }
@media only screen and (max-width: 480px) { .pageTitle--2015form { width: 60%; left: 20%; top: 33%; } }

.pageTitle--2016form { top: 40%; }
@media only screen and (max-width: 480px) { .pageTitle--2016form { width: 60%; left: 20%; top: 33%; } }

.pageTitle--small { position: absolute; width: 15.6%; right: 18%; top: 44%; }
.pageTitle--small img { width: 100%; height: auto; }
@media only screen and (max-width: 480px) { .pageTitle--small { width: 25%; top: 30%; right: 10%; } }

.heroArea--catch, .brandHero--catch, .particularHero--catch, .orderHero--catch, .beautyHero--catch, .photoWeddingHero--catch, .weddingDressHero--catch, .colorDressHero--catch, .kimonoHero--catch, .mensHero--catch, .estheticHero--catch, .col2015--catch, .col2016--catch { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; text-align: center; }
@media print, screen and (min-width: 481px) { .heroArea--catch, .brandHero--catch, .particularHero--catch, .orderHero--catch, .beautyHero--catch, .photoWeddingHero--catch, .weddingDressHero--catch, .colorDressHero--catch, .kimonoHero--catch, .mensHero--catch, .estheticHero--catch, .col2015--catch, .col2016--catch { position: absolute; right: .5%; top: 45%; width: 50%; font-size: 17px; } }
@media only screen and (min-width: 480px) and (max-width: 768px) { .heroArea--catch, .brandHero--catch, .particularHero--catch, .orderHero--catch, .beautyHero--catch, .photoWeddingHero--catch, .weddingDressHero--catch, .colorDressHero--catch, .kimonoHero--catch, .mensHero--catch, .estheticHero--catch, .col2015--catch, .col2016--catch { font-size: 14px; width: 50%; right: 0%; } }
@media only screen and (max-width: 480px) { .heroArea--catch, .brandHero--catch, .particularHero--catch, .orderHero--catch, .beautyHero--catch, .photoWeddingHero--catch, .weddingDressHero--catch, .colorDressHero--catch, .kimonoHero--catch, .mensHero--catch, .estheticHero--catch, .col2015--catch, .col2016--catch { position: relative; margin-top: 20px; font-size: 13px; font-size: 1.3rem; } }

.particularHero--catch { bottom: 13%; }

.orderHero--catch { bottom: 9%; }

.beautyHero--catch { bottom: 18%; }

.photoWeddingHero--catch { bottom: 32%; }

.weddingDressHero--catch { bottom: 26%; }

.colorDressHero--catch { bottom: 21%; }

.kimonoHero--catch { bottom: 18%; }
@media print, screen and (min-width: 481px) { .kimonoHero--catch { color: #fff; } }

.mensHero--catch { bottom: 31%; }

.estheticHero--catch { bottom: 18%; }

.hero__catch--smp { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; text-align: center; font-size: 12px; font-size: 1.2rem; padding-bottom: 70px; }
@media print, screen and (min-width: 481px) { .hero__catch--smp { display: none; } }

@media only screen and (min-width: 480px) and (max-width: 768px) { .heroArea--col2015 { padding-top: 100px; } }

.col2015--catch, .col2016--catch { width: 50%; }
@media print, screen and (min-width: 481px) { .col2015--catch, .col2016--catch { left: 25%; } }
@media only screen and (min-width: 480px) and (max-width: 768px) { .col2015--catch, .col2016--catch { width: 100%; top: 55%; left: 0; padding: 0 10px; font-size: 14px; font-size: 1.4rem; } }
@media only screen and (max-width: 480px) { .col2015--catch, .col2016--catch { width: 100%; padding: 10px; text-align: center; position: relative; } }

.col2016--catch { left: 0; width: 100%; }
@media print, screen and (min-width: 481px) { .col2016--catch { top: calc(35% + 170px); } }
@media only screen and (min-width: 480px) and (max-width: 768px) { .col2016--catch { top: calc(40% + 170px); } }
@media only screen and (max-width: 480px) { .col2016--catch { position: relative; } }

.briefHistoryList { width: 100%; border-bottom: 1px solid #dddddd; }
.briefHistoryList + .sectionText, .briefHistoryList + .sectionText--2column, .briefHistoryList + .sectionText--box, .briefHistoryList + .sectionText--small { margin-top: 20px; }

.briefHistory__year { width: 20%; padding: 10px; float: left; }

.briefHistory__description { width: 80%; padding: 10px; float: left; }

.scheduleBox { padding: 20px; }

.scheduleBox--slowly { background: #fef1f3; }

.scheduleBox--fast { background: #fef8e4; }

.wrapper--movie { width: 100%; }

.movie__cont { width: 46%; float: left; }
@media only screen and (max-width: 480px) { .movie__cont { width: 100%; padding: 10px; margin-bottom: 40px; } }

.movie__cont { position: relative; padding-bottom: 36.25%; height: 0; overflow: hidden; }
@media only screen and (max-width: 480px) { .movie__cont { padding-bottom: 56.25%; } }
.movie__cont.r { float: right; }
@media only screen and (max-width: 480px) { .movie__cont.r { float: none; } }

.movie__cont iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; }

.orderList li { list-style: none; }

.orderList__item { margin-bottom: 10px; }
.orderList__item:not(:last-child):after { content: ""; background: url("/common/img/bg_order_arrow.png") no-repeat center bottom; width: 34px; height: 34px; display: block; margin: 25px auto; }
@media only screen and (max-width: 480px) { .orderList__item:not(:last-child):after { height: 27px; -webkit-background-size: 17px 17px; background-size: 17px 17px; margin: 0px auto 10px; } }

.orderList__title { margin-bottom: 20px; }
.orderList__title p { font-size: 18px; font-size: 1.8rem; padding-top: 10px; }
@media only screen and (max-width: 480px) { .orderList__title p { font-size: 15px; font-size: 1.5rem; } }

.orderList__number { width: 68px; height: 80px; display: block; float: left; margin-right: 10px; font-size: 28px; font-size: 2.8rem; font-family: 'Crimson Text', serif; }
@media only screen and (max-width: 480px) { .orderList__number { width: 34px; height: 40px; } }

.faq_cont { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #dddddd; }

.faq { margin-top: -25px; }
@media only screen and (max-width: 480px) { .faq { margin-top: 0; } }

.faq > .faq_cont:last-child { border: none; margin-bottom: 50px; }

.question { margin-bottom: 10px; }

.questionNumber { background: url("/common/img/bg_question.png") no-repeat top left; width: 68px; height: 80px; padding: 22px 0 0 17px; display: block; float: left; margin-right: 10px; font-size: 20px; font-size: 2rem; font-family: 'Crimson Text', serif; }
@media only screen and (max-width: 480px) { .questionNumber { -webkit-background-size: 34px 40px; background-size: 34px 40px; width: 34px; height: 40px; padding: 10px 0 0 6px; font-size: 12px; font-size: 1.2rem; } }

.questionText { padding: 15px 0; }
@media only screen and (max-width: 480px) { .questionText { padding-top: 0; } }

.answerNumber { background: url("/common/img/bg_answer.png") no-repeat top left; width: 68px; height: 80px; padding: 22px 0 0 17px; display: block; float: left; margin-right: 10px; font-size: 20px; font-size: 2rem; font-family: 'Crimson Text', serif; }
@media only screen and (max-width: 480px) { .answerNumber { -webkit-background-size: 34px 40px; background-size: 34px 40px; width: 34px; height: 40px; padding: 10px 0 0 6px; font-size: 12px; font-size: 1.2rem; } }

.answerText { color: #CD773F; padding: 15px 0; }
@media only screen and (max-width: 480px) { .answerText { padding-top: 0; } }

.recruit { max-width: 700px; margin: auto; display: block; }

.heroArea--yuzen { position: relative; }
@media print, screen and (min-width: 481px) { .heroArea--yuzen .breadCrumbs { color: #fff; }
  .heroArea--yuzen .breadCrumbs a { color: #fff; } }
@media only screen and (min-width: 480px) and (max-width: 768px) { .heroArea--yuzen { padding-top: 100px; } }

.hero--yuzen__cont { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; color: #fff; text-align: center; }
@media print, screen and (min-width: 481px) { .hero--yuzen__cont { position: absolute; left: 50%; top: 78%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 45em; } }
@media only screen and (min-width: 480px) and (max-width: 768px) { .hero--yuzen__cont { margin-top: 20px; } }
@media only screen and (max-width: 480px) { .hero--yuzen__cont { margin-bottom: 20px; } }

.hero--yuzen__title { background: url("/order/img/logo-yuzenKyokai.png") no-repeat left center; margin: auto; margin-bottom: 30px; padding: 10px 0 10px 60px; font-size: 22px; font-size: 2.2rem; color: #fff; white-space: nowrap; letter-spacing: .2em; width: calc(16.8em + 60px); }
@media only screen and (min-width: 480px) and (max-width: 768px) { .hero--yuzen__title { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; } }
@media only screen and (max-width: 480px) { .hero--yuzen__title { color: #535353; font-size: 18px; font-size: 1.8rem; margin-bottom: 15px; } }

.hero--yuzen__catch { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; color: #fff; letter-spacing: .2em; font-size: 18px; font-size: 1.8rem; }
.hero--yuzen__catch span { font-size: 1.2em; }
.hero--yuzen__catch + .hero--yuzen__catch { margin-top: 15px; }
@media only screen and (min-width: 480px) and (max-width: 768px) { .hero--yuzen__catch { font-size: 15px; font-size: 1.5rem; }
  .hero--yuzen__catch + .hero--yuzen__catch { margin-top: 5px; } }
@media only screen and (max-width: 480px) { .hero--yuzen__catch { color: #535353; font-size: 16px; font-size: 1.6rem; } }

.breadCrumbs { position: relative; }
@media print, screen and (min-width: 481px) { .breadCrumbs { margin: 0 auto 0 auto; width: 100%; max-width: 1200px; } }

@media print, screen and (min-width: 481px) { .breadCrumbs__list { position: absolute; top: 120px; right: 0; z-index: 10; } }
@media only screen and (min-width: 480px) and (max-width: 768px) { .breadCrumbs__list { top: 10px; } }
@media only screen and (max-width: 480px) { .breadCrumbs__list { padding: 0 10px; border-top: 1px solid #dddddd; } }

.breadCrumbs__listItem { float: left; margin-right: 10px; list-style: none; font-size: 11px; font-size: 1.1rem; }
@media only screen and (max-width: 480px) { .breadCrumbs__listItem { font-size: 8px; font-size: 0.8rem; } }
.breadCrumbs__listItem a { color: #535353; text-decoration: none; }
.breadCrumbs__listItem a:after { margin-left: 10px; }

@media print, screen and (min-width: 481px) { .breadCrumbs__listItem--white { color: #fff; }
  .breadCrumbs__listItem--white a { color: #fff; }
  .breadCrumbs__listItem--white a:after { color: #fff; } }

.hr { margin-top: 30px; padding: 10px 0; }

.hr--full { width: 100%; margin-bottom: 100px; }

.hr--decoration { background: url("/common/img/bg_hr.png") no-repeat center top; border: none; width: 186px; height: 30px; display: block; margin: 30px auto; }
@media only screen and (max-width: 480px) { .hr--decoration { -webkit-background-size: 93px 15px; background-size: 93px 15px; } }

.img--fullSize { width: 100%; height: auto; display: block; }
.img--fullSize + .img--fullSize { margin-top: 25px; }
.img--fullSize + p { margin-top: 15px; }

.img--responsive { width: auto !important; height: auto; max-width: 100%; }

.img--bd { border: 1px solid #dddddd; }

.img--thumbnail { width: auto !important; margin-bottom: 10px; margin-left: 35px; }
@media only screen and (max-width: 480px) { .img--thumbnail { margin-left: 0px; } }

.linkImg { display: block; }
.linkImg + .linkImg { margin-top: 25px; }
.linkImg + p { margin-top: 10px; }

.pageTop { text-align: center; margin-bottom: 25px; cursor: pointer; }
@media only screen and (max-width: 480px) { .pageTop img { width: 39px; height: 29px; } }

.js-gridItem { width: 25%; padding: 1.5%; }
.js-gridItem img { padding: 10px; border: 1px solid #dddddd; }
@media only screen and (max-width: 480px) { .js-gridItem img { padding: 5px; } }
@media only screen and (max-width: 480px) { .js-gridItem { width: 50%; padding: 2%; } }

.googleMap { width: 100%; max-width: 1200px; margin: 0 auto 50px; display: block; }
.googleMap iframe { width: 100%; max-width: 1200px; }
@media print, screen and (min-width: 481px) { .googleMap iframe { height: 400px; } }
@media only screen and (max-width: 480px) { .googleMap iframe { height: 300px; } }

.table--inquiry { width: 100%; max-width: 700px; margin: auto; }

.table--inquiry tr { border-bottom: 1px solid #dddddd; }

.table--inquiry td { padding: 15px; vertical-align: top; }
@media only screen and (max-width: 480px) { .table--inquiry td { width: 100%; display: block; } }

@media only screen and (max-width: 480px) { .inquiry__entryName { margin-top: 20px; display: block; font-weight: bold; } }

.table--recruit { width: 100%; }
.table--recruit tr { border-bottom: 1px solid #dddddd; }
.table--recruit td { padding: 15px; }

.td--recruitEntry { white-space: nowrap; }
@media print, screen and (min-width: 481px) { .td--recruitEntry { width: 15%; } }
@media only screen and (max-width: 480px) { .td--recruitEntry { font-weight: bold; display: block; width: 100%; } }

@media only screen and (max-width: 480px) { .td--recruitText { width: 100%; display: block; } }

.table--nobd { border: none; }
.table--nobd tr, .table--nobd td { border: none; }
.table--nobd.vam td { vertical-align: middle; }

.table--priceMenu { width: 90%; margin-top: 15px; }
@media only screen and (max-width: 480px) { .table--priceMenu { width: 100%; } }
.table--priceMenu tr { border-bottom: 1px solid #dddddd; }
.table--priceMenu th, .table--priceMenu td { padding: 5px 3px; }

.menuName { width: 65%; }

.menuPrice { width: 35%; }

.btn { background-color: #000; border: none; color: #fff; display: inline-block; padding: 0.7em 1.5em 0.5em 1.5em; text-align: center; text-decoration: none !important; border: 1px solid #000; -webkit-transition-duration: 700ms; -moz-transition-duration: 700ms; -ms-transition-duration: 700ms; -o-transition-duration: 700ms; transition-duration: 700ms; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; }
.btn:hover { opacity: 0.7; }
@media only screen and (max-width: 480px) { .btn { width: 100%; } }
.btn.btn--small { font-size: 60%; padding-top: 0.8em; padding-bottom: 0.6em; }
.btn.btn--large { font-size: 140%; padding-top: 0.6em; padding-bottom: 0.5em; padding-left: 6em; padding-right: 6em; }
@media only screen and (max-width: 480px) { .btn.btn--large { padding-left: 0; padding-right: 0; } }
.btn.btn--xlarge { font-size: 200%; padding-top: 0.5em; padding-bottom: 0.4em; }
.btn.btn--fullSize { width: 100%; }
.btn:hover { color: #000; background: #fff; border: 1px solid #000; }

.btn--submit { border: none; border-radius: 0px; -webkit-appearance: none; border: 2px solid #dddddd; font-size: 16px; font-size: 1.6rem; padding: 5px 20px; background: #fff; cursor: pointer; }

.btn--collection { background: #000; border-color: #000; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; }

.btn--yuzen { margin: auto; display: block; max-width: 25em; }

.wrapper--inquiry { display: none; }

.form--caution { margin-bottom: 25px; color: #d25a0b; font-weight: bold; text-align: center; }

.radioList li { list-style: none; float: left; margin-right: 10px; }
@media only screen and (max-width: 480px) { .radioList li { float: none; display: block; margin-right: 0; } }

textarea { resize: none; max-width: 100%; width: 100%; }

.submitArea { padding-top: 50px; text-align: center; }

.tokyo { float: left; padding-top: 20px; width: 100%; }

@media only screen and (max-width: 480px) { .input--fullSize { width: 100%; } }

/*# sourceMappingURL=style.css.map */