@charset "utf-8";

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 { border: 0 none; margin: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
blockquote, q { quotes: none;}
blockquote::before, lockquote::after, q::before, q::after { content: none;}
input, textarea { margin: 0; padding: 0; }
ol, ul { list-style: outside none none; }

html{ margin: 0; padding: 0; font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';background: url(../images/paper-bg.jpg)repeat-y center;}
a { text-decoration: none; color: #6a4d19;}

a:link { text-decoration: none; color: #6a4d19;}
a:visited {color: #6a4d19;}
a:hover {color: #6a4d19;text-decoration: underline;}
a:active {color: #6a4d19;}

.inner { width: 960px; margin: 0 auto;}
.ta-c {text-align: center;margin-top: 20px;}
.hover:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.pink {color: #6a4d19;}

/* index
--------------------------------------------------------------------*/

body { background: url(../images/index_bg.jpg) no-repeat scroll center top; background-color: #fff; width: 100%; height: 1000px; position: relative; overflow-y: scroll; overflow-x: hidden; margin-bottom: 50px;}
body header { height: auto; margin: 0 auto; overflow: hidden;}
body header.index { max-width: 960px; height: auto; margin: 0 auto; overflow: hidden;}
body h1 { background: #6a4d19; font-size: 13px; text-align: center; color: #fff;}
header .set { width: 100%; margin: 600px auto 0; text-align: center; }
header .set p { font-size: 14px; line-height: 1.4; font-weight: bold;}
body > header ul.links {margin: 20px auto 50px;}
body > header ul.links li { display: inline-block; margin-right: 17px;}
body > header ul.links li:nth-child(2n) { margin-right: 0;}
body > header ul.rec-link { margin-bottom: 20px;}
body > header ul.rec-link li { /*display: inline-block; margin-right: 20px;*/ margin-bottom: 10px;}
body > header ul.rec-link li:nth-child(2n) { margin-right: 0;}
body > header .exit { text-align: center; margin: 30px auto 0;}
body > header .heaven-link { text-align: center; margin: 30px auto 0;}
body > header .heaven-link li { display: inline-block; margin-right: 27px;}
body > header .heaven-link li:last-child { margin-right: 0;}


.index_f_bottom { position: fixed; bottom: 0; width: 100%; background: #6a4d19; color: #FFFFFF; margin: 30px auto 0; opacity: 0.8; padding: 15px 0; text-align: center; font-size:15px; }
.index_f_bottom nav { color: #FFFFFF; margin: 0 0 10px; }
.index_f_bottom nav a{ color: #FFFFFF!important; }

.index_f_bottom #index_text{ line-height: 17px; font-size:13px!important;}


main { width:960px; margin: 35px auto 0; padding-bottom: 150px; font-size: 14px;}
main .index-txt { margin-bottom: 80px;color: #3f3018; font-weight: bold;}
main .index-txt-sec { margin-bottom: 30px;}
main .index-txt-sec-top { margin-bottom: 30px; text-align: center;}
main .index-txt-sec>.ttl { border-left: 5px solid #3f3018; margin-bottom: 10px; padding: 0 0 0 10px; font-size: 16px; line-height: 1; font-weight: bold;}

main .index-access { margin-bottom: 50px;}
main .index-access .main-ttl { background:#000; color: #fff; text-align: center; font-size: 16px; margin: 0 auto 30px; padding: 5px 0;}
main .index-access .ttl { border-left: 8px solid #000; border-bottom: 1px solid #000; margin: 0 auto 20px; padding: 0px 10px; font-size: 16px; }

main .index-access-sec { display: inline-block; width: 48%; vertical-align: top; margin-right: 34px; margin-bottom: 30px;}
main .index-access-sec:nth-child(2n-1) { margin-right: 0;}


main .index-map .main-ttl { background:#000; color: #fff; text-align: center; font-size: 16px; margin: 0 auto 30px; padding: 5px 0;}
main .index-map .ttl { border-left: 8px solid #000; border-bottom: 1px solid #000; margin: 0 auto 20px; padding: 0px 10px; font-size: 16px; }

main .index-map-att { margin-bottom: 30px;}
main .index-map-sec { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 30px;}
/*main .index-map-sec { display: inline-block; width: 48%; vertical-align: top; margin-right: 34px; margin-bottom: 30px;}*/
main .index-map-sec:nth-child(2n+1) { margin-right: 0;}


/* second
--------------------------------------------------------------------*/
body.second { background: url("../images/index_bg_t.jpg")repeat-y center; width: 100%; padding-bottom: 100px; height: inherit;}

#header-main { text-align: center;}
#header-main #header-logo02 {width: 250px;padding: 30px 0 0;margin: 0 auto;}
#header-main #header-logo02 img { width: 100%;}


#wrap{ position: relative; width: 960px; min-height: 640px; margin: 0 auto; padding-bottom: 40px; box-shadow:0px 0px 20px rgba(0, 0, 0, .25); border: 0px solid #ffffff; }


/*パンくず*/
.topicpath{font-size: 10px;padding-top: 5px;padding-left: 0px;padding-bottom: 5px; color:#6a4d19; width: 900px;}
.topicpath ol li { display: inline; list-style-type: none; vertical-align: top !important;}
.topicpath ol li a{ color: #000000; text-decoration: none;}
.topicpath ol li a span{ vertical-align: top !important; }


/* opinion
--------------------------------------------------------------------*/
#opinion { width: 900px;}
#opinion .inner { width: 100%;}
#opinion .opinion-txt { margin: 0 auto 30px;}
#opinion .opinion-txt .opinion-ttl {border-left: solid 10px #000000; border-bottom: solid 1px #000000; padding: 0 0 5px 15px; margin: 25px 0 30px; font-size: 22px;}
#opinion .opinion-txt p { line-height: 1.8; color:#000000; margin: 0 30px;}

#opinion .opinion { border-width: 1px; border-color: #000000; border-style: solid; border-radius: 10px; box-shadow: 0px 3px 2px 0px rgba(14, 5, 10, 0.25); padding: 30px; margin-bottom: 40px;}

#opinion form .form-body dl {display: table;box-sizing: border-box;width: 100%;border-bottom: solid 1px #cccccc;}
#opinion form .form-body fieldset:last-child dl { border-bottom: none;}
#opinion form .form-body dl dt {display: table-cell; width: 30%;padding: 20px;color:#000000; vertical-align: middle;}
#opinion form .form-body dl dd {display: table-cell; vertical-align: middle; width: 70%;padding: 20px;}
#opinion form .form-body dl dd input { padding: 10px; }
#opinion form .form-body dl dd textarea {width: 100%; height: 8em; padding: 10px;box-sizing: border-box;}

#opinion ul { margin: 0 60px;}


body#contact #opinion .ta-c{
    text-align: center;
  }
.ta-c input{
    display: inline-block;
    padding: .25em 2.5em;
    border: 1px solid #666666;
    border-radius: 5px;
    background: #c0bebe;
    background: -moz-linear-gradient(top, #ffffff 0%, #c0bebe 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#c0bebe 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#c0bebe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0bebe',GradientType=0 );
    line-height: 100%;
    letter-spacing: 2px;
    font-size: 18px;
    color: #333333;
  }

/* trainer
--------------------------------------------------------------------*/
#trainer {background: #fff;border-radius: 30px;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 30px 50px 50px;margin: 0 auto;}
#trainer .trainer-txt { margin: 0 auto 30px;}
#trainer .trainer-txt .trainer-ttl {border-bottom: dotted 1px #b9a67b;padding-bottom: 20px;margin-bottom: 25px;text-align: center; }
#trainer .trainer-txt .trainer-ttl img { width: 423px; }
#trainer .trainer-txt p { line-height: 1.8; color:#6a4d19; }
#trainer .trainer-body {border: solid 1px #b9a67b;}
#trainer .trainer-body dl {display: table;box-sizing: border-box;width: 100%;border-bottom: solid 1px #b9a67b;color:#6a4d19;}
#trainer .trainer-body dl:last-child { border-bottom: none;}
#trainer .trainer-body dl dt {display: table-cell; background:  #f5ebd9; width: 30%;padding: 20px; vertical-align: middle;}
#trainer .trainer-body dl dd {display: table-cell;width: 70%;padding: 20px;}
#trainer .trainer-body dl dd input { padding: 10px; }
#trainer .trainer-body dl dd textarea {width: 100%; height: 8em; padding: 10px;box-sizing: border-box;}
#trainer p.att {color:#6a4d19; margin:20px 0 0;}

/* review
--------------------------------------------------------------------*/
#review {background: #fff;border-radius: 30px;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 20px 50px 50px;margin: 0 auto;}
#review .review-txt { margin: 0 auto 30px;}
#review .review-txt .review-ttl {border-bottom: dotted 3px #b9a67b;padding-bottom: 15px;margin-bottom: 25px;text-align: center; }
#review .review-txt .review-ttl img { width: 549px; }
#review .review-txt p { line-height: 1.8; color:#6a4d19; }
#review form .form-body {border: solid 1px #b9a67b;}
#review form .form-body dl {display: table;box-sizing: border-box;width: 100%;border-bottom: solid 1px #b9a67b;}
#review form .form-body fieldset:last-child dl { border-bottom: none;}
#review form .form-body dl dt {display: table-cell; background:  #f5ebd9; width: 30%;padding: 20px;color:#6a4d19;}
#review form .form-body dl dd {display: table-cell;width: 70%;padding: 20px;}
#review form .form-body dl dd input { padding: 10px; }
#review form .form-body dl dd textarea {width: 100%; height: 8em; padding: 10px;box-sizing: border-box;}