@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/css?family=Zen+Old+Mincho);
@import url(//fonts.googleapis.com/css?family=Crimson+Text);
@import url(//fonts.googleapis.com/css?family=Noto+Serif+JP);
@import url(//fonts.googleapis.com/css?family=Shippori+Mincho);
@import url(//fonts.googleapis.com/css?family=Sawarabi+Mincho);
@import url(//fonts.googleapis.com/css?family=Hina+Mincho);

/*‘S‘Ì‚Ì�Ý’è
---------------------------------------------------------------------------*/
body{
  max-width: 100%;
  margin:0;
  padding:0;
  font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro W3','ƒ�ƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',Helvetica,Arial,sans-serif;
  font-family: 'Zen Old Mincho', serif;
  line-height:1.6;
  font-size: 16px;
  color:#401f0f;
  word-wrap: break-word;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,section{
  margin: 0px;
  padding: 0px;
  display: block;
}

input,textarea,select {
  font-size: 1em;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
}
ul{
  list-style-type: none;
}

li {
  list-style-type: none;
}

img{
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  vertical-align:middle;
}

p{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  list-style-type: none;
}

input,textarea,select {
  font-size: 1em;
}

.clearfix:after {
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
}

a {
  outline:none;
}

.overimg:hover img {
  filter:alpha (opacity=70);
  -moz-opacity:0.80;
  opacity:0.80;
}

/* .line
-------------------------------------------------- */
hr {
  display : none;
}

.clr {
  height : 0;
  clear : both;
}

/* wrapper
--------------------------------------------------*/
#wrapper {
  width: 100%;
  line-height:1.6;
  min-height: 60vh;
  background: url(../images/bg.jpg);
  background-repeat: repeat;
  position: relative;
  z-index:1;
}

@media only screen and  (max-width: 568px) {
#wrapper {
  min-height: initial;
}
}

.h120{
  margin-top:100px;
}

@media only screen and  (max-width: 820px) {
.h120{
  margin-top:60px;
  padding-top:5%;
}
}

/* .container
--------------------------------------------------*/
#container{
  width:100%;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  position: relative;
}


@media screen and (max-width: 1280px) {
#container {
  box-sizing: border-box;
  padding:0 2%;
}
}

#tpcontainer{
  width:100%;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  position: relative;
}

@media screen and (max-width: 1280px) {
#tpcontainer {
  box-sizing: border-box;
  padding:0 2%;
}
}

@media screen and (max-width: 568px) {
#tpcontainer {
  padding:0;
}
}

/* p_navi
---------------------------------------------------------------------------*/
.p_navi{
  width: 100%;
  max-width:1200px;
  margin:0 auto;
  box-sizing: border-box;
  font-size :0.8em;
  padding:1%;
  color: #555;
  font-weight:400;
  text-align: left;
}

.p_navi a {
  color: #555;
  text-decoration: none;
}

.p_navi a:hover {  
  opacity: 0.7;
  text-decoration: underline;
}

@media screen and (max-width: 820px) {
.p_navi{display:none;}
}

/* .topics
================================================== */
.topics{
  width: 100%;
  margin:0 auto 0;
  padding:0 2% 4%;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 820px) {
.topics{
  padding:2% 2% 8%;
}
}

@media screen and (max-width: 568px) {
.topics{
  padding:5% 0 10%;
}
}

.map-box {
  width:100%;
  max-width:700px;
  margin: 0 auto 6%;
}

@media screen and (max-width: 568px) {
.map-box {
  margin: 3% auto 6%;
}
}

.map-box iframe {
  width: 100%;
  height: 100%;
  min-height:450px;
}

.topics h4{
  font-size:2.35em;
  font-weight:600;
  font-family: 'Hina Mincho', sans-serif;
  letter-spacing: 0.05em;
  line-height:1.4;
  color:#401f0f;
  margin-bottom:1.5%;
}

@media screen and (max-width: 820px) {
.topics h4{
  font-size:2em;
}
}

@media screen and (max-width: 568px) {
.topics h4{
  font-size:1.8em;
}
}

.topics-catch{
  font-size:1.15em;
  line-height:1.8;
  margin-bottom:3%;
  color:#401f0f;
}

@media screen and (max-width: 820px) {
.topics-catch{
  font-size:1.05em;
}
}

@media screen and (max-width: 568px) {
.topics-catch{
  font-size:0.95em;
  line-height:1.7;
}
}

.topics .about-buttons{
  text-align: center;
  font-weight:400;
  margin-top:4%;
  font-size:1.5em;
}

@media screen and (max-width: 568px) {
.topics .about-buttons{
  font-size:1.2em;
}
}

.topics .about-button{border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.topics .about-button.c-button--ghost{display:inline-table;padding:10px 10%;border:1px solid #401f0f;color:#401f0f;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.topics .about-button.c-button--ghost:hover{border:1px solid #401f0f;}
.topics .about-buttons a{text-decoration:none;}
.topics .about-buttons a:hover{text-decoration:none;display:inline-table;background-color:#401f0f;color:#f2dec5;text-shadow:none;}

@media screen and (max-width: 568px) {
.topics .about-button.c-button--ghost{padding:10px 50px;}
}

/* footer
========================================================================== */
footer{
  color:#FFF;
  background: url(../images/bg-obi.gif);
  background-repeat: repeat-x;
  background-size:auto 10px;
  background-color: #3c150d;
  background-position: bottom center;
  width:100%;
  margin:0 auto;
  padding:2% 0 25px;
  display:block;
  position:relative;
}

.footerArea {
  padding: 0 2% 2%;
  width:100%;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto 0;
  position: relative;
}

.fotter-shop{
  padding:1% 0;
  width: 100%;
}

.fotterLogo{
  display:inline-block;
  width: 35%;
  padding:0 0 0 5%;
  box-sizing: border-box;
  vertical-align: middle;
}

.fotterLogo img{
  width: 300px;
  height:auto;
}

.footerArea .f_text{
  padding:0 0 0 20px;
  width: 65%;
  box-sizing: border-box;
  display:inline-block;
  vertical-align: middle;
}

.f_text p{
  line-height:1.8;
  text-align: left;
}

.f_text strong{
  font-size:1.1em;
  font-weight:bold;
}

@media only screen and  (max-width: 820px) {
footer {
  padding-top: 10px;
}

.footerArea {
  padding:3% 0 0 0;
  margin: 0 auto 0;
  width: 100%;
}

.fotterLogo{
  padding:0;
  width:100%;
  margin:0 auto;
  text-align: center!important;
  display:block;
}

.fotterLogo img{
  margin:0 auto;
}

.footerArea .f_text{
  width:100%;
  margin:0 auto;
  padding:2% 5% 0;
  display:block;
}

.footerArea .f_text p{
  margin-bottom:10px;
  text-align: center!important;
}
}

@media only screen and  (max-width: 568px) {
.fotterLogo img{
  width: 240px;
}
}

.f_menu{  
  margin:4% auto 2%;
  width:96%;
  max-width:1060px;
  text-align: center;
}

@media only screen and  (max-width: 1280px) {
.f_menu{
  text-align: center;
}
}

@media only screen and  (max-width: 820px) {
.f_menu{
  display:none;
}
}

.f_menu li{
  text-align: center;
  font-size:13px;
  position: relative;
  display:inline-block;
  vertical-align:top;
  padding: 0 10px;
}

@media only screen and  (max-width: 1280px) {
.f_menu li{
  padding: 0 7px;
}
}

.f_menu li a {
  text-decoration: none;
  color:#FFF;
}

.f_menu li a:hover {
  text-decoration: none;
}

.enam{
  font-size:1.25em;
  letter-spacing: 0.03em;
  font-family: 'Crimson Text, serif;
}

.jnam{
  font-family: 'Zen Old Mincho', serif;
  font-weight:400;
}

.f_menu li a span:nth-child(2) {
  display:block;
  opacity: 0;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
}

.f_menu li a:hover span:nth-child(2) {
  border-top: 1px solid rgba(255, 255, 255, 0.33);
  display:block;
  opacity: 1;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
}

.f_menu li a.active span:nth-child(2) {
  border-top: 1px solid rgba(255, 255, 255, 0.33);
  display:block;
  opacity: 1;
}

.f_icon{  
  margin:0 auto 0;
  width:96%;
  max-width:1040px;
}

@media only screen and  (max-width: 1280px) {
.f_icon{
  margin:2% auto 0;
  text-align: center;
}
}

@media only screen and  (max-width: 820px) {
.f_icon{
  margin:2% auto 5%;
}
}

.f_icon li{
  margin:0 10px 0 0;
  display: inline-block;
}

.f_icon li img{
  width:40px;
  height:auto;
}

footer .copy{
  text-align: center;
  font-size:14px;
  font-family: 'Crimson Text', sans-serif;
  letter-spacing: 0.05em;
}

footer .copy a {
  text-decoration: none;
  color: #FFF;
}
footer .copy�@a:hover {
  color: #FFF;
}

/* page_top
========================================================================== */
#page_top {
position: fixed;
bottom: 1.5%;
right: 1.5%;
z-index:100;
width:50px;
}

@media screen and (max-width: 568px) {
#page_top {
width:40px;
bottom: 5px;
}
}

#page_top img{
width:100%;
height:auto;
}

.pcHide{display: none;}

/*---------------------------------ƒ^ƒuƒŒƒbƒg---------------------------------------*/
@media screen and (max-width: 820px) {
.pcHide{display: block;}
.tbHide{display: none;}
}

/*---------------------------------ƒXƒ}ƒz---------------------------------------*/
@media screen and (max-width: 568px) {
.pcHide{display: block;}
.tbHide{display: block;}
.spHide{display: none;}
}