@charset "utf-8";


/************************************
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
************************************/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
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;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

/*画像を縦に並べたときに余白が出てしまわないように*/
img {
　　　vertical-align: top;
　　　font-size:0;
　　　line-height: 0;
}

ruby,rb,rt{font-family: inherit;color:inherit;}

/************************************
End: html5doctor.com Reset Stylesheet
*************************************/

* {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
  letter-spacing: 1px;
  line-height: 1.8em;
  color: #333;
}
body{
  background-color:#39393A;
  -webkit-text-size-adjust: 100%;/*文字サイズの自動調整をオフ*/
}
html {
  overflow: auto;
  height: 100%;
}

.alt {
  text-indent: -9999px;
  font-size: 0px;
  line-height: 0;
}
.clear {
  clear: both;
}
.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
.clear {
  clear:both;
}

.clearfix:after {  
    content: ".";  
     display: block;       
   visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
     line-height: 0;  
   clear: both;  
 }

.shadow {
  -webkit-box-shadow:0px 0px 10px 0px #999; /* Safari, Chrome逕ｨ */
  -moz-box-shadow:0px 0px 10px 0px #999; /* Firefox逕ｨ */
  box-shadow:0px 0px 10px 0px #999; /* CSS3 */
}

.blackshadow {
  -webkit-box-shadow:0px 0px 10px 0px #333; /* Safari, Chrome逕ｨ */
  -moz-box-shadow:0px 0px 10px 0px #333; /* Firefox逕ｨ */
  box-shadow:0px 0px 10px 0px #333; /* CSS3 */
}

.smallround {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;  
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}


div.areaWrapper{
  width:100%;
  background: #fff;
  overflow: hidden;
}

div.container{
  width:100%;
  max-width: 980px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

div.dblWrapper{}
div.dblWrapper div.left{
  float: left;
}
div.dblWrapper div.right{
  float: right;
}

@media screen and (max-width: 479px) {
  br.show_sm{display: inline-block;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  br.show_sm{display: none;}
}

@media screen and (min-width: 768px){
   br.show_sm{display: none;}
}


/*
lozad animations
*/

.lozad{
  opacity: 0;
}

.fade {
  animation-name: fade;
  animation-duration: 1s;
}

@keyframes fade {
  from {
    opacity: 0;

  }
  to {
    opacity: 1;

  }
}/*fade*/

.fadeUp {
  animation-name: fadeUp;
  animation-duration: 1s;
}

@keyframes fadeUp {
  from {
    position: relative;
    top:20px;
    opacity: 0;

  }
  to {
    position: relative;
    top:0px;
    opacity: 1;

  }
}/*fadeUp*/

.fadeDown {
  animation-name: fadeDown;
  animation-duration: 1s;
}

@keyframes fadeDown {
  from {
    position: relative;
    top:-20px;
    opacity: 0;

  }
  to {
    position: relative;
    top:0px;
    opacity: 1;

  }
}/*fadeDown*/



/*/////// HEADER AREA /////////////*/

div.headerArea{
  width:100%;
  text-align: center;
  -webkit-transition: all 0.6s;
     -moz-transition: all 0.6s;
      -ms-transition: all 0.6s;
       -o-transition: all 0.6s;
          transition: all 0.6s;
  height:104px;
  z-index: 1;
  overflow: visible;
  position: sticky;
  position: -webkit-sticky; /* Safari */
  top:0;
  border-bottom: #D1D5D6 solid 1px;
}
div.headerArea.border{
  border-bottom: #d3d4d4 dotted 1px;
}

div.header{
  width:100%;
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
  position: relative;
  height:104px;
}

a.headerLogo{
  display: block;
  position: absolute;
  left:20px;
  top:15px;
  display: block;
  width:70px;
  -webkit-transition: all 0.6s;
     -moz-transition: all 0.6s;
      -ms-transition: all 0.6s;
       -o-transition: all 0.6s;
          transition: all 0.6s;
}
a.headerLogo img{
  width:100%;
}

ul.mainmenu{
  list-style: none;
  position: absolute;
  left:160px;
  bottom:30px;
  /*width:85%;*/
  box-sizing:border-box;
  text-align: left;
}
ul.mainmenu li{
  display: inline-block;
  text-align: center;
  height:25px;
  padding:0 6px;
  box-sizing:border-box;
}

ul.mainmenu li.border_right{
  border-right: #B0B0B1 solid 1px;
}
ul.mainmenu li.border_left{
  border-left: #B0B0B1 solid 1px;
}
ul.mainmenu li a{
  display: block;
}
ul.mainmenu li a:hover{
  opacity: 0.7;
}

div.headerFuncArea{
  position: absolute;
  right: 15px;
  top:5px;
  text-align: right;
}
a.languageLink{
  color:white;
  background-color:#ccc;
  text-align: center;
  font-size: 70%;
  padding:4px 10px 3px 10px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-radius: 4px;
}
a.languageLink:hover{
  background-color:#39393A;
}
a.languageLink.off{
  background-color: #fff;
  color:#999;
}
a.languageLink.off:hover{
  background-color: #39393A;
  color: #fff;
}

div.headerArea.scrolled{
  /*position: fixed;
  top: 0;
  left: 0;*/
  height:84px;
  background-color: #fff;
  width:100%;
  opacity: 0.98;
}
div.headerArea.scrolled a.headerLogo{
  width:50px;
}

div.subHeaderArea{
  position: absolute;
  width:100%;
  height:56px;
  bottom:-56px;
  background-color: #43424A;
  -webkit-transition: all 0.6s;
     -moz-transition: all 0.6s;
      -ms-transition: all 0.6s;
       -o-transition: all 0.6s;
          transition: all 0.6s;
  opacity: 0.9;
}
div.headerArea.scrolled div.subHeaderArea{
  bottom:-40px;
  height:40px;
}
div.subHeaderArea ul{
  list-style: none;
  padding:0; margin:0;
  text-align: center;
}
div.subHeaderArea ul li{
  display: inline-block;
  font-size: 82%;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
div.subHeaderArea ul li a{
  display: inline-block;
  text-decoration: none;
  color:#fff;
  font-family: inherit;
  letter-spacing: 3px;
  padding:18px 20px 8px 20px;
  opacity: 0.6;
  -webkit-transition: all 0.6s;
     -moz-transition: all 0.6s;
      -ms-transition: all 0.6s;
       -o-transition: all 0.6s;
          transition: all 0.6s;
}
div.subHeaderArea ul li a.active{opacity: 1;}
div.headerArea.scrolled div.subHeaderArea ul li a{
  padding:10px 20px 8px 20px;
}
div.subHeaderArea ul li a:hover{
  opacity: 1;
}

@media screen and (max-width: 479px) {
  div.subHeaderArea ul li a{font-size: 90%;padding:18px 12px 8px 12px;}
  div.headerArea.scrolled div.subHeaderArea ul li a{padding:10px 12px 8px 12px;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {

}
@media screen and (min-width: 768px){
   
}


/*sp_header*/

div.sp_header{
  height:66px;
  width:100%;
}

a.spHeaderLogo{
  display: inline-block;
  position: absolute;
  left:16px;
  top:12px;
  z-index: 9000;
}
a.spHeaderLogo img{
  max-width: 40px;
}

div.sp_header_button{
  position: absolute;
  text-align: left;
  top:20px;
  right:20px;
  z-index: 9000;
}

/*humberger menu Button*/
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 25px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #39393A;
  border-radius: 1px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 12px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

/*action*/
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(12px) rotate(-45deg);
  transform: translateY(12px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-12px) rotate(45deg);
  transform: translateY(-12px) rotate(45deg);
}

/*/// SP MENU AREA /////*/

div.sp_menuArea{
  z-index: 6000;
  display: none;
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  background-color: #E6EBE7;
  overflow-y: auto;
  padding-top:80px;
}

ul.fullList{
  width:100%;
  margin:0;padding:0;
  text-align: center;
}
ul.fullList li{
  height:45px;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 110%;
  letter-spacing: 3px;
  color:#43424A;
}
ul.fullList li a{
  display: inline-block;
  text-decoration: none;
  font-family:inherit;
  letter-spacing: 3px;
}
ul.fullList li a:hover{
  color:#A28F2B;
}

ul.halfList{
  width:94%;
  margin:0 3%;padding:13px 0;
  text-align: center;
  box-sizing:border-box;
  border-top: #BBBFBF solid 1px;
}
ul.halfList li{
  display: block;
  float: left;
  width:50%;
  box-sizing:border-box;
  height:30px;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 88%;
  letter-spacing: 3px;
  color:#43424A;
  border-right: #BBBFBF solid 1px;
}
ul.halfList li:nth-child(even){
  border-right:none;
}
ul.halfList li a{
  display: inline-block;
  text-decoration: none;
  font-family:inherit;
  letter-spacing: 3px;
  padding-top:3px;
}
ul.halfList li a:hover{
  color:#A28F2B;
}
div.spLangArea{
  background-color: #D5DAD6;
  text-align: center;
  padding:15px 0;
  padding-bottom:30px;
}
div.spLangArea span{
  display: block;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 80%;
  letter-spacing: 2px;
  color:#80826B;
  margin-bottom:10px;
}
div.spLangArea a.languageLink{
  color:white;
  background-color:#39393A;
  text-align: center;
  font-size: 78%;
  padding:4px 10px 3px 10px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-radius: 4px;
  margin-right:5px;
}
div.spLangArea a.languageLink:hover{
  background-color:#39393A;
}
div.spLangArea a.languageLink.off{
  background-color: #fff;
  color:#999;
}
div.spLangArea a.languageLink.off:hover{
  background-color: #39393A;
  color: #fff;
}
div.spGuideLinkArea{
  background-color: #E6EBE7;
  text-align: center;
  padding:20px 0 15px 0;
  padding-bottom:100px;
}
div.spGuideLinkArea a{
  color: #80826B;
  font-size: 85%;
  text-decoration: none;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  letter-spacing: 2px;
  display: inline-block;
  padding:8px 22px;
  border:#ccc solid 1px;
}
div.spGuideLinkArea a:hover{
  color:#fff;
  background-color: #A28F2B;
}

@media screen and (max-width: 479px) {
  div.sp_header{display: block;height:66px;}
  div.header{display: none;}
  div.headerArea{height:unset;}
  div.headerArea.scrolled{height:unset;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  div.sp_header{display: block;height:66px;}
  div.headerArea{height:unset;}
  div.header{display: none;}
  div.headerArea.scrolled{height:unset;}
}

@media screen and (min-width: 768px){
  div.sp_header{display: none;}
  div.sp_menuArea{display: none;}
}

/*// モーダルを開いた時のbody*/
body.modal-open {
  overflow: hidden;
  height: 100%;
}



/*//// FOOTER AREA /////////*/

div.footerArea{
  min-height: 200px;
  background-color: #39393A;
}

div.footer{
}

div.footerTopLinkArea{
  width:100%;
  min-height:70px;
  text-align: center;
  box-sizing:border-box;
  padding-top:30px;
  margin-bottom:20px;

}
div.footerTopLinkArea a.topLink{
  display: inline-block;

}
div.footerTopLinkArea a.topLink:hover{
  background-color: #000;
}

div.footerContents{
  width:100%;
  
}

div.foolterLogoArea{
  float:left;
  width:20%;
  text-align: center;
  position: relative;
  box-sizing:border-box;
}
a.footerLogo{
  display: inline-block;
  position: relative;
}

div.footerGroupArea{
  width:25%;
  float: left;
  box-sizing:border-box;
  border-left: #666 solid 1px;
}
div.footerGroupArea.small{
  border-left:none;
  font-size: 90%;
}

ul.footerGroups{
  list-style: none;
  margin:0;
  padding:0;
  margin-left:20px;
}
ul.footerGroups li{
  height:30px;
}
ul.footerGroups li.small{
  font-size: 90%;
  margin-left:10px;

}
ul.footerGroups li a{
  opacity: 0.8;
  text-decoration: none;
  color:#D0D0D1;
  font-size: 80%;
  letter-spacing: 2px;
   font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
ul.footerGroups li a:hover{
  opacity: 1;
  text-decoration: none;
}

ul.footerGroups.small{
   margin-top:0;
   border-left:none;
}

div.footerBannerArea{
  width:100%;
  margin:30px 0 0 0;
}
a.footerBanner{
  display: block;
  padding:10px 15px;
  position: relative;
  text-decoration: none;
  border:#969797 solid 1px;
  color:#D0D0D1;
  font-size: 90%;
  letter-spacing: 2px;
  width:90%;
  max-width: 200px;
  opacity: 0.8;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 10px!important;
}
a.footerBanner.show_sp{
  display: none;
}
a.footerBanner span.rightArrow{
  position: absolute;
  right:15px;
  top:10px;
  color:white;
}
a.footerBanner:hover{
  opacity: 1;
  background-color: #000;
}

a.tel_link{
  color:#D0D0D1;
  text-decoration: none;
  margin-right:6px;
}
a.tel_link:hover{
  text-decoration: underline;
  opacity: 1;
}

div.footerBottomArea{
  width: 100%;
  text-align: center;
  padding-top:50px;
  padding-bottom:15px;
}
p.copyright{
  opacity: 0.7;
  width:100%;
  text-align: center;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  font-size: 70%;
  color:#D0D0D1;
}



@media screen and (max-width: 479px) {
div.foolterLogoArea{display: none;}
a.footerLogo img{max-width:240px;position: relative;left:-30px;}
div.footerGroupArea{float:none;width:100%;border:none;}
ul.footerGroups{margin:0;}
ul.footerGroups li{height:45px;}
/*ul.footerGroups li:last-child{border-bottom: #666 solid 1px;}*/
ul.footerGroups li.small{display: none;}
ul.footerGroups li a{display: block;width:100%;font-size:90%;
  box-sizing:border-box;border-top:#666 solid 1px;padding:10px 15px 0 15px;height:45px;}
ul.footerGroups li a:hover{background-color: #000;opacity: 1;}
ul.footerGroups li a span.rightArrow{color:#fff;position: absolute;right:20px;}
div.footerBannerArea{text-align: center;}
div.footerBannerArea a{margin:0 auto;}
div.footerGroupArea.small{border-top:#666 solid 1px;padding-top:10px;}
div.footerGroupArea.small ul.footerGroups li {height:40px;}
div.footerGroupArea.small ul.footerGroups li a{border:none;height:40px;padding:10px 15px 0 15px;}
div.spFoolterLogoArea{float:none;width:100%;text-align: center;margin-top:25px;}
div.footerBottomArea{padding-top:20px;}
a.footerBanner.show_sp{display: inline-block;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
div.foolterLogoArea{display: none;}
a.footerLogo img{max-width:240px;position: relative;left:-30px;}
div.footerGroupArea{float:none;width:100%;border:none;}
ul.footerGroups{margin:0;}
ul.footerGroups li{height:45px;}
/*ul.footerGroups li:last-child{border-bottom: #666 solid 1px;}*/
ul.footerGroups li.small{display: none;}
ul.footerGroups li a{display: block;width:100%;font-size:90%;
  box-sizing:border-box;border-top:#666 solid 1px;padding:10px 15px 0 15px;height:45px;}
ul.footerGroups li a:hover{background-color: #000;opacity: 1;}
ul.footerGroups li a span.rightArrow{color:#fff;position: absolute;right:20px;}
div.footerBannerArea{text-align: center;}
div.footerBannerArea a{margin:0 auto;}
div.footerGroupArea.small{border-top:#666 solid 1px;padding-top:10px;}
div.footerGroupArea.small ul.footerGroups li {height:40px;}
div.footerGroupArea.small ul.footerGroups li a{border:none;height:40px;padding:10px 15px 0 15px;}
div.spFoolterLogoArea{float:none;width:100%;text-align: center;margin-top:25px;}
div.footerBottomArea{padding-top:20px;}
a.footerBanner.show_sp{display: inline-block;}
}

@media screen and (min-width: 768px){
div.spFoolterLogoArea{display: none;}
ul.footerGroups li a span.rightArrow{display: none;}
}



/* //////// TOPPAGE //////////*/


div.topMainImageArea{
width:100%;
text-align: center;
background:url(../img/toppage/top_mainimage.jpg) top center no-repeat;
background-size: cover;
/*background-color: #FAFAFA;*/
line-height: 1;
padding:0;
}

img.toppage_main_title{
  position: absolute;
  right:15%;
  bottom:23%;
  max-width:123px;
  width:15%;
  -webkit-transition: all 1s;
     -moz-transition: all 1s;
      -ms-transition: all 1s;
       -o-transition: all 1s;
          transition: all 1s;
}


img.top_mainimage_dammy{
  width:100%;
}

@media screen and (max-width: 479px) {
  div.topMainImageArea{
    background:url(../img/toppage/sp_top_mainimage.jpg) top center no-repeat;
  background-size: cover;
}
img.toppage_main_title{bottom:15%;width:30%;}
img.sp_top_mainimage_dammy{display: block;width:100%;}
img.top_mainimage_dammy{display: none;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
img.toppage_main_title{bottom:17%;width:15%;}
img.sp_top_mainimage_dammy{display: none;}
}

@media screen and (min-width: 768px){
img.sp_top_mainimage_dammy{display: none;}
}


/*topNewsArea*/
div.topNewsArea{
  width:100%;
  min-height: 150px;
}
div.topNewsLeft{
  width:25%;
  float: left;
  box-sizing:border-box;
  text-align: center;
}
div.topNewsCenter{
  width:50%;
  float: left;
  box-sizing:border-box;
}
div.topNewsRight{
  width:25%;
  float: right;
  box-sizing:border-box;
  text-align: center;
}
img.top_news_title{
  max-width:90px;
  position: relative;
  top:55px;
  left:0px;
}
img.top_news_title_sp{
  width:180px;
  margin:25px 0px 0px 15px;
}

ul.topNewsList{
  list-style: none;
  padding:20px 0;
}
ul.topNewsList li{
  font-size: 80%;
  min-height: 26px;
  padding:8px 0 5px 0;
  border-bottom: #ccc dotted 1px;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;

}
ul.topNewsList li:last-child{
  border-bottom:none;
}
ul.topNewsList li span.date{
  color:#A28F2B;
  margin-right:10px;
  font-family:inherit;
}
ul.topNewsList li a{
  text-decoration: none;
  font-family:inherit;

}
ul.topNewsList li a:hover{
  text-decoration: underline;
}

a.gold_b{
  display: inline-block;
  position: relative;
  top:55px;
  padding:10px 40px 10px 30px;
  font-size: 78%;
  text-decoration:none;
  letter-spacing: 2px;
  color:white;
  background-color: #A28F2B;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
a.gold_b:hover{
  background-color: #39393A;
}
a.gold_b span.rightArrow{
  display: block;
  position: absolute;
  right:15px;
  top:14px;

}

@media screen and (max-width: 479px) {
  img.top_news_title{display: none; }
  img.top_news_title_sp{display: inline-block;}
  div.topNewsLeft{float:none;width:100%;text-align: left;}
  div.topNewsCenter{float:none;width:100%;}
  div.topNewsRight{float:none;width:100%;padding-bottom:30px;}
  ul.topNewsList{width:90%;margin-left:5%;}
  a.gold_b{top:0px;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  img.top_news_title{display: none; }
  img.top_news_title_sp{display: inline-block;}
  div.topNewsLeft{float:none;width:100%;text-align: left;}
  div.topNewsCenter{float:none;width:100%;}
  div.topNewsRight{float:none;width:100%;padding-bottom:30px;}
  ul.topNewsList{width:90%;margin-left:5%;}
  a.gold_b{top:0px;}
}

@media screen and (min-width: 768px){
  img.top_news_title_sp{display: none;}
}

/*topMainLinkArea*/

div.topLinksArea{
  width:100%;
  background-color:#D1D5D6;
}
div.topLinks{
  width:100%;
  max-width: 1024px;
  margin:0 auto;
  background-color: #E6EBE7;
}
div.topLinkBox{
  width:33.333%;
  float:left;
  text-align: center;
  overflow: hidden;
}
div.topLinkBox a{
  display: block;
  width:100%;
  text-decoration: none;
  transition: all .5s;
}
div.topLinkBox a:hover{
  opacity: 0.8;
}
img.toplinkDammy{
  width:100%;
}
div.topLinkImage{
  width:100%;
  -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
       -o-transition: all 0.4s;
          transition: all 0.4s;
}
div.topLinkBox span{
  position: relative;
  top:-20px;
  display: inline-block;
  color:#fff;
  padding:10px 30px;
  font-size: 85%;
  letter-spacing: 2px;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
/*div.topLinkImage:hover{
  opacity: 0.8;
}*/
div.topLinkImage.topLink01{
  background:url(../img/toppage/toplink01.jpg);
  background-position: center;
  background-size: cover;
  transition: all .5s;
  background-color: #000;
}
div.topLinkBox.topLink01{
  background-color: #E6EBE7;
}
div.topLinkBox.topLink01 span{
  background-color: #BCA62E;
}

div.topLinkImage.topLink02{
  background:url(../img/toppage/toplink02.jpg);
  background-position: center;
  background-size: cover;
  transition: all .5s;
  background-color: #000;
}
div.topLinkBox.topLink02{
  background-color: #fff;
}
div.topLinkBox.topLink02 span{
  background-color: #43424A;
}

div.topLinkImage.topLink03{
  background:url(../img/toppage/toplink03.jpg);
  background-position: center;
  background-size: cover;
  transition: all .5s;
  background-color: #000;
}
div.topLinkBox.topLink03{
  background-color: #E6EBE7;
}
div.topLinkBox.topLink03 span{
  background-color: #80826B;
}

div.topLinkBox p{
  font-size: 80%;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  padding-bottom:30px;
}

@media screen and (max-width: 560px) {
div.topLinkBox{float:none;width:100%;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {

}
@media screen and (min-width: 768px){

}

/*///// FooterLinkArea //////*/

div.footerLinkArea{
  width:100%;
   position: relative;
   text-align: center;
}

div.footerLinkArea.footerAccessLink{
  background:url(../img/toppage/footerAccessLinkBg.jpg) top center no-repeat;
  background-size: cover;
}

div.footerLinkArea.footerMovieLink{
  background:url(../img/about/footerMovieLinkBg.jpg) top center no-repeat;
  background-size: cover;
}
div.footerLinkArea.footerGaranLink{
  background:url(../img/garan/footerGaranLinkBg.jpg) top center no-repeat;
  background-size: cover;
}

a.footerAccessLink{
position: absolute;
top: 22%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: all .5s;
}
a.footerAccessLink:hover{transform: scale(1.1);}
a.footerAccessLink img{
  width:20%;
  max-width: 310px;
}

@media screen and (max-width: 479px) {
div.footerLinkArea img.fi{width:100%;display: none;}
div.footerLinkArea img.spfi{width:100%;display: block;}
a.footerAccessLink img{width:40%;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
div.footerLinkArea img.fi{width:100%;}

div.footerLinkArea img.spfi{width:100%;display: none;}
}
@media screen and (min-width: 768px){
div.footerLinkArea img.fi{width:100%;}
div.footerLinkArea img.spfi{width:100%;display: none;}
}


/* ///// ABOUT PAGE //////*/

div.headerImageArea{
  width:100%;
  text-align: center;
  background-color: #000;
  position: relative;
}

div.headerImageArea img.headerImage{
  display: block;
  margin:0 auto;
  width:100%;
  max-width:1200px;
}
div.headerImageArea img.headerImage_sp{
  width:100%;
}
div.headerImageArea img.headerTitle{
  position: absolute;
  top: 22%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
div.headerImageArea img.headerTitle.aboutHeaderTitle{
  max-width:190px;
}

div.nakapageContainer{
  text-align: center;
  padding-bottom:50px;
}

div.breadArea{
  width:100%;
  text-align: left;
  font-size: 80%;
  padding:10px;
  color:#575554;
  opacity: 0.8;
}
div.breadArea a{
  text-decoration: none;
  color:inherit;
}
div.breadArea a:hover{
  text-decoration: underline;
}
div.nakapageContainer h2{
  padding:40px 0 40px 0;
}
img.about_lead_title{
  max-width: 335px;
  width:80%;
}
p.des{
  text-align: left;
  width:90%;
  max-width: 650px;
  margin:0px auto 30px auto;
  /*color:#575554;*/
  color:#333;
  font-size: 95%;
  letter-spacing: 2px;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

a.squareLink{
  text-decoration: none;
  color:#80826B;
  display: inline-block;
  padding:10px 50px 10px 40px;
  border:#80826B solid 1px;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  letter-spacing: 2px;
  position: relative;
  margin:20px 0 30px 0;
  font-size:90%;
}
a.squareLink:hover{
  background-color:#80826B;
  color:#fff; 
}
span.rightArrow{
  position: absolute;
  right:15px;
}
a.squareLink:hover span.rightArrow{
  color:#fff; 
}

@media screen and (max-width: 479px) {
div.headerImageArea img.headerImage{display: none;}
div.headerImageArea img.headerImage_sp{display: block;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
div.headerImageArea img.headerImage{display: none;}
div.headerImageArea img.headerImage_sp{display: block;}
}
@media screen and (min-width: 768px){
div.headerImageArea img.headerImage_sp{display: none;}
}


/*  //// GANJIN PAGE //// */

div.areaWrapper.ganjinPage{
  background:url(../img/common/blue_bg1.png)top center repeat-x;
  background-color: #fff;
  padding-top:60px;
  min-height: 200px;
}

div.dblWrapper.ganjinPage{
  width:96%;
  padding-top:50px;
  margin-left:2%;
}
div.left.ganjinPage{
  width:40%;
  float:left;
  text-align: center;
}
div.right.ganjinPage{
  width:58%;
  float:right;
}
img.ganjin{
  width:100%;
  max-width: 360px;
}
p.caption{
  color:#80826B;
  font-size: 75%;
  letter-spacing: 2px;
}
h2.ganjin_name{
  width:194px;
  margin:0;padding:0;
  margin-left:30px;
}
h2.ganjin_name img{
  width:100%;
}
p.des.large{
  color:#80826B;
  font-size: 130%;
}

@media screen and (max-width: 479px) {
div.left.ganjinPage{float: none;width:100%;}
div.right.ganjinPage{float: none;width:100%;}
h2.ganjin_name{}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
div.left.ganjinPage{float: none;width:100%;}
div.right.ganjinPage{float: none;width:100%;}
}
@media screen and (min-width: 768px){

}


/*/// MOVIE PAGE ///*/

div.movieContainer{
  background-color: #222224;
  color:#fff;
}
div.movieContainer div.breadArea{
  color:#ccc;
}
div.movieContainer h2{
  color:#ccc;
  letter-spacing: 3px;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: normal;
  font-size: 130%;
}
div.movieThumbArea{
width:100%;
}
div.movieThumbArea div.left{
float: left;
width:49%;

position: relative;
}
div.movieThumbArea div.right{
float: right;
width:49%;
position: relative;
}

div.movieBox img.dammyPlayImage {
    position: relative;
    top: 0;
    left: 0;
    max-width: 480px;
    width: 100%;
}
div.movieThumbArea div.movieBox {
    text-align: left;
    width: 100%;
    padding: 0 15px 0px 15px;
    margin-top: 10px;

}
div.movieThumbArea div.movieBox > div {
  width: inherit;
}
div.movieThumbArea div.movieBox video {
  max-width: 480px;
  width: 100%;
  cursor: pointer;
}
div.movieThumbArea div.movieBox img.cm_poster {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
}
div.movieThumbArea div.movieBox a.videoLink {
  display: block;
  width: 100%;
  max-width: 480px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
div.movieThumbArea div.movieBox a.videoLink img {
  width: 100%;
  height: auto;
  max-width: 480px;
}

p.movieTitle{
  font-size: 92%;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color:#ccc;
}
p.movieDetail{
  font-size:75%;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color:#999;
  margin-bottom:30px;
}

@media screen and (max-width: 479px) {
div.movieThumbArea div.left{float:none;width:100%;}
div.movieThumbArea div.right{float:none;width:100%;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {

}
@media screen and (min-width: 768px){

}


/*/// Haikan PAGE ///*/

div.haikanContainer{
  background-color: #fff;
  color:#fff;
}
div.haikanContainer div.breadArea{
  color:#666;
}
div.nakapageContainer.haikan{
  text-align: center;
}
div.nakapageContainer.haikan p.des{
  font-size: 90%;
  text-align: center;
  color:#575554;
}
img.haikanHeaderTitle{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width:190px;
}
div.haikanContainer h3{
  font-size: 140%;
  letter-spacing: 3px;
  font-weight: normal;
  color: #575554;
  padding:10px 0 20px 0;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

div.haikanContainer table{
  border:#D9DAD7 solid 1px;
  width:96%;
  margin:0 auto;
  background-color: #F7F9F5;
  font-size: 90%;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 30px;
}
div.haikanContainer table th{
  padding:10px 5px;
  border-right:#D9DAD7 solid 1px;
  font-weight: normal;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
div.haikanContainer table th:last-child{border-right:none;}
div.haikanContainer table tr{
  border-bottom:#D9DAD7 solid 1px;
  box-sizing: border-box;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
div.haikanContainer table tr.gray{
  box-sizing: border-box;
  background-color: #EDEEEB;
}
div.haikanContainer table tr.gray.blue{
  background-color:#D1D5D6;
}

div.haikanContainer table td:last-child{border-right:none; }
div.haikanContainer table td{
  line-height: 1.4;
  vertical-align: middle;
  padding:15px 10px;
  width:20%;
  box-sizing: border-box;
  border-right:#D9DAD7 solid 1px;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
div.haikanContainer table span.small{font-size:80%;}
div.haikanContainer span.bold{
  display: inline-block;
  font-size: 110%;
  padding:15px 0 0 0;
  font-weight: normal;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color: #80826B;
}
div.haikanContainer span.googleMap {
  margin-left: 15px;
}
div.haikanContainer span.googleMap a {
  padding: 4px 15px;
  background: #EDEEEB;
  box-sizing: border-box;
  text-decoration: none;
}
div.haikanContainer span.googleMap a:hover {
  opacity: 0.7;
}
table.cars{
  
}
table.cars td{
  line-height: 1.4!important;
  vertical-align: middle;
}
div.googleMapArea{
  width:96%;
  margin:10px auto;
  border:#ccc solid 1px;
  height:450px;
}
p.kaitei{
  text-align: right;
  font-size: 80%;
  padding-right:2%;
  position: relative;
  color:#575554;
  top:-20px;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

p.free_dial {
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  text-align: right;
  font-size: 80%;
  padding-right:2%;
  position: relative;
  color:#575554;
  top:-20px;
}
p.free_dial a{
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color: #A28F2B;
}
p.free_dial a:hover{
  color: #000;
}

@media screen and (max-width: 479px) {
div.haikanContainer table{width:98%;}
div.haikanContainer table th{font-size: 95%;}
div.haikanContainer span.googleMap { margin-left:0; margin-top:10px; display:block; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {

}
@media screen and (min-width: 768px){

}



/*/// copyright PAGE ///*/

div.copyrightContainer{
  background-color: #fff;
  color:#fff;
}
div.copyrightContainer div.breadArea{
  color:#666;
}
div.nakapageContainer.copyright{
  text-align: center;
}
div.nakapageContainer.copyright h3{
  padding:40px 0;
}
div.nakapageContainer.copyright p.des{
  font-size: 90%;
  text-align: left;
  color:#575554;
}
img.copyrightHeaderTitle{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width:190px;
}
div.copyrightContainer h3{
  font-size: 140%;
  letter-spacing: 3px;
  font-weight: normal;
  color: #575554;
  padding:10px 0 20px 0;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

div.copyrightContainer table{
  border:#D9DAD7 solid 1px;
  width:96%;
  max-width:800px;
  margin:0 auto;
  background-color: #F7F9F5;
  font-size: 90%;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 30px;
}
div.copyrightContainer table th{
  padding:10px 5px;
  border-right:#D9DAD7 solid 1px;
  font-weight: normal;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
div.copyrightContainer table th:last-child{border-right:none;}
div.copyrightContainer table tr{
  border-bottom:#D9DAD7 solid 1px;
  box-sizing: border-box;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
div.copyrightContainer table td.gray{
  box-sizing: border-box;
  background-color: #EDEEEB;
}
div.copyrightContainer table td.gray.blue{
  background-color:#D1D5D6;
}

div.copyrightContainer table td:last-child{border-right:none;}
div.copyrightContainer table td{
  line-height: 1.5;
  padding:15px 10px;
  width:20%;
  box-sizing: border-box;
  border-right:#D9DAD7 solid 1px;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
div.copyrightContainer table span.small{font-size:80%;}
div.copyrightContainer span.bold{
  display: inline-block;
  font-size: 110%;
  padding:15px 0 0 0;
  font-weight: normal;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color: #80826B;
}


@media screen and (max-width: 479px) {
  div.copyrightContainer table{width:98%;}
div.copyrightContainer table th{font-size: 95%;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {

}
@media screen and (min-width: 768px){

}



/*/// gakuin PAGE ///*/

div.gakuinContainer{
  background-color: #fff;
  color:#fff;
}
div.gakuinContainer div.breadArea{
  color:#666;
}
div.nakapageContainer.gakuin{
  text-align: center;
}
div.nakapageContainer.gakuin h3{
  padding:40px 0;
  font-size: 160%;
}

div.nakapageContainer.gakuin h4{
  padding-top:30px;
  font-size: 120%;
  letter-spacing: 3px;
  font-weight: normal;
  color: #80826B;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
div.nakapageContainer.gakuin h5{
  color: #575554;
}

a.pdflink{
  display: inline-block;
  padding:3px 10px;
  color: #fff;
  background-color: #888;
  font-size: 65%;
  border-radius: 4px;
  text-decoration: none;
  margin-left: 5px;
}
a.pdflink:hover{
  background-color: #000;
}
ul.gakuin{
  max-width:640px;
  width:86%;
  box-sizing: border-box;
  margin:15px auto;
  text-align: left;
  margin-bottom:50px;
}
p.publish{
  font-size: 100%;
  text-align: left;
  font-weight: bold;
  margin:25px auto 0px auto;
  max-width:640px;
  width:86%;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
ul.gakuin.sub{
  max-width:620px;
  width:80%;
  padding-left:20px;
  list-style: none;
}
ul.gakuin.sub li{
  border-bottom: #ccc dotted 1px;
  padding:10px 0 8px 0;
  font-size: 85%;
}

ul.gakuin li{
  font-weight: normal;
  color: #575554;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  border-bottom: #ccc dotted 1px;
  font-size:90%;
  padding:12px 0 10px 0;
}
div.nakapageContainer.gakuin ol{
    width: 90%;
    max-width: 600px;
    margin: 0px auto 30px auto;
    list-style-type: cjk-ideographic;
}
div.nakapageContainer.gakuin ol li{
  font-size: 90%;
  text-align: left;
  margin-bottom:20px;
  color:#575554;
  position: relative;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
div.nakapageContainer.gakuin p.des{
  font-size: 90%;
  text-align: left;
  color:#575554;
  position: relative;
}

img.gakuinHeaderTitle{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width:190px;
}
div.gakuinContainer h3{
  font-size: 140%;
  letter-spacing: 3px;
  font-weight: normal;
  color: #575554;
  padding:10px 0 20px 0;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}


@media screen and (max-width: 479px) {

}
@media screen and (min-width: 480px) and (max-width: 767px) {

}
@media screen and (min-width: 768px){

}

/* /// SITEMAP //// */

div.nakapageContainer.sitemap{
  text-align: center;
}
div.nakapageContainer.sitemap h3{
  padding:40px 0;
  font-size: 160%;
}
div.sitemapContainer h3{
  font-size: 140%;
  letter-spacing: 3px;
  font-weight: normal;
  color: #575554;
  padding:10px 0 20px 0;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

ul.sitemap{
  margin:0 auto;
  width:86%;
  max-width: 640px;
  list-style: none;
  text-align: left;
  margin-bottom:40px;
}
ul.sitemap li{
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  padding:10px 0;
  border-top: #ccc dotted 1px;
}
ul.sitemap li a{
  text-decoration: none;
  font-family:inherit;
}
ul.sitemap li a:hover{
  text-decoration: underline;
}
ul.sitemap ul.second{
  margin-top:10px;
  
  padding:0 0px 0 30px;
  box-sizing: border-box;
}
ul.sitemap ul.second li{
  font-size: 90%;
}
ul.sitemap ul.second li{
  float:left;
  width:50%;
  border-top:none;
}
ul.sitemap ul.second li a{}
ul.sitemap ul.second li:last-child{
  border-top:none;
}

@media screen and (max-width: 479px) {

}
@media screen and (min-width: 480px) and (max-width: 767px) {

}
@media screen and (min-width: 768px){

}

/* ////404 Not Found /////*/

div.notFoundBreadArea{
  width:100%;
  text-align: left;
  font-size: 80%;
  padding:10px;
  color:#575554;
  opacity: 0.8;
  box-sizing: border-box;
}
div.notFoundBreadArea a{
  text-decoration: none;
  color:inherit;
}
div.notFoundBreadArea a:hover{
  text-decoration: underline;
}

div.notFoundArea{
  width: 100%;
  min-height: 360px;
  padding:80px 0 60px 0;
  text-align: center;
  box-sizing: border-box;
}

div.notFoundArea h2{
  font-size: 130%;
  padding-bottom:30px;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
div.notFoundArea p.notFound{
  font-size:95%;
  padding-bottom:20px;
}

div.notFoundArea a.noFoundLink{
  display: inline-block;
  padding:10px 25px;
  font-size: 90%;
  text-decoration: none;
  border:#999 solid 1px;
  color:#666;
}
div.notFoundArea a.noFoundLink:hover{
  background-color: #333;
  color:#fff;
}

/* //// PREV_NEXT //////*/

div.prevNextArea{
  max-width:800px;
  box-sizing:border-box;
  margin-left:auto;
  margin-right:auto;
}
ul#pagenavi{
  width:100%;
  list-style: none;
  margin:0;
  padding:0;
  margin-top:10px;
}
li.prev{
  width:49%;
  display: inline-block;
  box-sizing:border-box;
  padding:5%;
  background-color: #fff;
}
li.prev a{
  display: inline;
  font-size: 80%;
  color:#B28746;
  text-decoration: none;
}
li.prev a:hover{
  text-decoration: underline;
}
li.next{
  width:49%;
  margin-left:1%;
  display: inline-block;
  box-sizing:border-box;
  text-align: right;
  padding:5%;
  background-color: #fff;
}
li.next a{
  display: inline;
  text-align: right;
  font-size: 80%;
  color:#B28746;
  text-decoration: none;
}
li.next a:hover{
  text-decoration: underline;
}

@media screen and (max-width: 479px) {
li.next{margin-left:0%;}
div.articleArea p{width:100%;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
li.next{margin-left:0%;}
div.articleArea p{width:100%;}

}
@media screen and (min-width: 768px){

}


/**/
/*/// YouTubeレスポンシブサイズ //////*/
/**/

.youtube {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
    margin-bottom: 20px;
    background-color: #ccc;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/**/
/*/// bxsliderが一枚のとき対応 //////*/
/**/
ul.bxslider{
  list-style: none;
}

/*/// wordpress patch ////*/

span.display-name{
  color:#fff!important;
}