@charset "utf-8";



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*    サイト共通 細かい要素の装飾定義               */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */



/* bp2より幅が 狭い 時 */

.rsbp-under-bp2 .ForPc{

  display: none;

}

/* bp2より幅が 広い 時 */

.rsbp-over-bp2 .ForSp{

  display: none;

}







/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   images                                         */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

img{

  max-width: 100%;

}

    /* googlemap 内の画像は適用外 */

    #GoogleMap img{

      max-width: none;

    }



#ContentsDivision .setImageProperty img{ /* js setImagePropertyと関与*/

  opacity: 0;

}

.Image.Main{

  border-radius: 50px;

  overflow-y: hidden;

  max-height: 500px;

  margin-bottom: 50px;

}

    .Image.Main img{

      width: 100%;

    }

/* bp2より幅が 狭い 時 */

.rsbp-under-bp2 .Image.Main{

  border-radius: 40px;

}

    /* bp2より幅が 広い 時 */

    .rsbp-over-bp2 .Image.Main img{

      margin-top: -100px;

    }



/* 画像表示 汎用（試作物）version 2017013001

--------------------------------------------------- */



    /* デフォルト */

    .Image{

    }

    .Image a{

      display: block;

    }

    /* 表示枠を埋める */

    .Image.Cover{

      overflow: hidden;

    }

    .Image.Cover img{

      min-width:  100%;

      min-height: 100%;

      width:      auto;

      height:     auto;

      max-width:  none;

      max-height: none;

    }

    /* 全体を見せる （画像が表示枠より小さい場合は枠よりも小さくなる） */

    .Image.Contain{

      text-align: center;

      vertical-align: middle;

    }

    .Image.Contain img{

      min-width:  0;

      min-height: 0;

      width:      auto;

      height:     auto;

      max-width:  100%;

      max-height: 100%;

    }

    /* フィット */

    .Image.Fit{

    

    }

    .Image.Fit img{

      width:      100%;

      height:     100%;

    }

    





/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   Text and Heading                               */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */



/* PageTitle

--------------------------------------------------- */



body .PageTitle{

}





/* 見出し common

--------------------------------------------------- */

.Heading,

.MainContentsArea > div[class*="post"] h1,

.MainContentsArea > div[class*="post"] h2,

.MainContentsArea > div[class*="post"] h3,

.MainContentsArea > div[class*="post"] h4,

.MainContentsArea > div[class*="post"] h5,

.MainContentsArea > div[class*="post"] h6{

  font-family:"Noto Sans JP" , "ヒラギノ角ゴ Pro W3", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  line-height: 1.5;

  margin-top: 2em;

  margin-bottom: 0.75em;

  letter-spacing: 0.1em;

}

/*.MainContentsArea > div[class*="post"] h1,

.MainContentsArea > div[class*="post"] h2,

.MainContentsArea > div[class*="post"] h3,

.MainContentsArea > div[class*="post"] h4,

.MainContentsArea > div[class*="post"] h5,

.MainContentsArea > div[class*="post"] h6{

  margin: 3em 0 2em;

}*/

.Heading:first-child,

.MainContentsArea > div[class*="post"] h1:first-child,

.MainContentsArea > div[class*="post"] h2:first-child,

.MainContentsArea > div[class*="post"] h3:first-child,

.MainContentsArea > div[class*="post"] h4:first-child,

.MainContentsArea > div[class*="post"] h5:first-child,

.MainContentsArea > div[class*="post"] h6:first-child{

  margin-top: 0;

}

.Heading:last-child,

.MainContentsArea > div[class*="post"] h1:last-child,

.MainContentsArea > div[class*="post"] h2:last-child,

.MainContentsArea > div[class*="post"] h3:last-child,

.MainContentsArea > div[class*="post"] h4:last-child,

.MainContentsArea > div[class*="post"] h5:last-child,

.MainContentsArea > div[class*="post"] h6:last-child{

  margin-bottom: 0;

}

.Heading + .Heading{

  margin-top: 1.5em!important;

}





/* 見出しバリエーション

--------------------------------------------------- */



/* Type1 :::::::::::::::::::::::::  */

.Heading.Type1{

  border-bottom: 2px solid #dfdac4;

  padding-bottom: 0.5em;
  padding-left: 1.75em;
  background: url(../img/common/icon/leaf.png) no-repeat 0 28%;
  background-size: 1.25em;

}




/* Type2 :::::::::::::::::::::::::  */

.Heading.Type2,

.MainContentsArea > div[class*="post"] > h3[style*="center"]{

  margin-top: 7em;

}

.Heading.Type2{

  text-align: center;

  font-size: 24pt;

}

.Heading.Type2:after,

.MainContentsArea > div[class*="post"] > h3[style*="center"]:after{

  content: "";

  display: block;

  background: url(../img/common/decoration/line-doubleborder-leaf.png) no-repeat center bottom;

  width: 300px;

  height: 50px;

  margin: 0 auto;

}

/* bp2より幅が 狭い 時 */

.rsbp-under-bp2 .Heading.Type2{

  font-size: 110%;

}

.rsbp-under-bp2 .Heading.Type2:after,

.rsbp-under-bp2 .MainContentsArea > div[class*="post"] > h3[style*="center"]:after{

  width: 150px;

  height: 20px;

  background-size: contain;

}









/* Type3 :::::::::::::::::::::::::  */

.Heading.Type3 {

  color: #fff;

  background-color: #6DAD30;

  border-radius: 2em;

  padding: 0.25em 2em;

  display: table;

  margin-left: auto;

  margin-right: auto;

}



/* Type4 :::::::::::::::::::::::::  */

.Heading.Type4{

}











/* Text

--------------------------------------------------- */

/* bp2より幅が 狭い 時 */

.rsbp-under-bp2 div[class*="post"] span[style]{

  display: inline-block;

}

.rsbp-under-bp2 div[class*="post"] span[style*="10pt"]{

  font-size: 70%!important;

}

.rsbp-under-bp2 div[class*="post"] span[style*="14pt"]{

  font-size: 100%!important;

}

.rsbp-under-bp2 div[class*="post"] span[style*="18pt"]{

  font-size: 105%!important;

}

.rsbp-under-bp2 div[class*="post"] span[style*="24pt"]{

  font-size: 110%!important;

}

.rsbp-under-bp2 div[class*="post"] span[style*="24pt"] span[style*="18pt"]{

  font-size: 80%!important;

}







/* LettersAdjust

--------------------------------------------------- */

.LettersAdjust{

  letter-spacing: -0.25em;

  margin-left: -0.25em;

}





/* DefaultText

--------------------------------------------------- */

.DefaultText{

}

.ContentsDivision .DefaultText,

.MainContentsArea > div[class*="post"] p:not([class]),

.DefaultText p:not([class]){

  line-height: 2;

  margin: 0 0 1em;

  font-size: 95%;

}

/* bp2より幅が 狭い 時 */

.rsbp-under-bp2 .ContentsDivision .DefaultText,

.rsbp-under-bp2 .MainContentsArea > div[class*="post"] p:not([class]),

.rsbp-under-bp2 .DefaultText p:not([class]){

  margin: 0 0 0.5em;

  line-height: 1.75;

  font-size: 87.5%;

}

.rsbp-under-bp2 .MainContentsArea > div[class*="post"] p:not([class])[style*="center"],

.rsbp-under-bp2 .DefaultText p:not([class])[style*="center"]{

  text-align: left!important;

}



.ContentsDivision .DefaultText:last-child,

.DefaultText p:last-child{

  margin-bottom: 0;

}

.DefaultText em{

}

.DefaultText li{

  line-height: 1.75;

  margin: 0 0 1em;

}



/* AttentionText

--------------------------------------------------- */

.AttentionText{

}



/* Caption

--------------------------------------------------- */

.Caption{

  display: block;

  font-size: 75%;

  line-height: 1.5;

  display: block;

  margin: 1em 0;

  text-align: center;

}

/* bp2より幅が 狭い 時 */

.rsbp-under-bp2 .Caption{

  font-size: 65%;

  margin: 0.5em 0;

}





/* PhoneNumberText

--------------------------------------------------- */

.PhoneNumberText{

  color: inherit;

  font-size: 175%;

  font-family: "Arial";

  vertical-align: baseline;

  white-space: nowrap;

}



/* tel link

--------------------------------------------------- */

.TelLink{

}

.TelLink:hover{

}





/* sup

--------------------------------------------------- */

sup{

  font-size: x-small;

  line-height: 1.1;

}





/* 丸付き文字

--------------------------------------------------- */

.Circled{

  color: #fff;

  background: #aba0d5;

  border-radius: 1.5em;

  display: inline-block;

  width: 1.5em;

  line-height: 1.5em;

  text-align: center;

  vertical-align: middle;

}



/* font

--------------------------------------------------- */



/* basic */

.fontSansSerif{

  font-family: "Noto Sans JP" ,"ヒラギノ角ゴ Pro W3", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.fontSerif{

  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ipaexm", ipaexm, serif;

}

.fontMonospace{

  font-family: "Osaka-mono", "MS Gothic", monospace;

}

.fontNumber{

  font-family: "Arial", sans-serif;

}







/* FontSize

--------------------------------------------------- */

.FontSizeXLarge,

.DefaultText.FontSizeXLarge{

  font-size: 200%;

}

.FontSizeLarge,

.DefaultText.FontSizeLarge{

  font-size: 150%;

}

.FontSizeLarger,

.DefaultText.FontSizeLarger{

  font-size: 125%;

}

.FontSizeNormal,

.DefaultText.FontSizeNormal{

  font-size: 100%;

}

.FontSizeSmaller,

.DefaultText.FontSizeSmaller{

  font-size: 87.5%;

}

.FontSizeSmall,

.DefaultText.FontSizeSmall{

  font-size: 75%;

}

.FontSizeXSmall,

.DefaultText.FontSizeXSmall{

  font-size: 62.5%;

}



/* bp2より幅が 狭い 時 */

.rsbp-under-bp2 .FontSizeXLarge,

.rsbp-under-bp2 .DefaultText.FontSizeXLarge{

  font-size: 120%;

}







/* FontWeight

--------------------------------------------------- */

.FontWeightNormal{

  font-weight: normal;

}

.FontWeightBold{

  font-weight: bold;

}



/* TextAlign

--------------------------------------------------- */

.TextAlignCenter{

  text-align: center;

}

.TextAlignLeft{

  text-align: left;

}

.TextAlignRight{

  text-align: right;

}

.TextAlignJustify{

  text-align: justify;

}

/* TextOverFlowNone

--------------------------------------------------- */

.TextOverFlowNone{

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

/* NoWrap

--------------------------------------------------- */

.NoWrap{

  white-space: nowrap;

}











/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   List                                           */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

ul{}

li{

  line-height: 1.5;

}

.MainContentsArea > div[class*="post"] ul:not([class]),

.MainContentsArea > div[class*="post"] ol:not([class]){

  margin-left: 1.25em;

}

.MainContentsArea > div[class*="post"] ul:not([class]) li,

.MainContentsArea > div[class*="post"] ol:not([class]) li{

  margin-bottom: 0.75em;

  font-size: 95%;

}





/* FlexList

--------------------------------------------------- */

.FlexList{

  list-style: none;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}

.Flex2List{}

    .Flex2List li{

      width: 50%;

    }

.Flex3List{}

    .Flex3List li{

      width: 33.3%;

    }

.Flex4List{}

    .Flex4List li{

      width: 25%;

    }

.Flex5List{}

    .Flex5List li{

      width: 20%;

    }





/* LinkList

--------------------------------------------------- */

.LinkList{

  margin: 0.5em 0;

  list-style: none;

  font-size: 95%;

}

/* bp2より狭い時 */

.rsbp-under-bp2 .LinkList{

  font-size: 82.5%;

}

    .LinkList li{

      line-height: 1.75;

    }

        .LinkList li a{

          padding: 0.25em 0 0.25em 1.5em;

          display: inline-block;

          position: relative;

        }

        .LinkList li a:before{

          content: "\f105";

          font-family: "fontello";

          display: inline-block;

          padding: 0.07em 0.35em 0.09em 0.45em;

          line-height: 1;

          font-size: 75%;

          border: 1px solid #ec1d00;

          border-radius: 100%;

          position: absolute;

          left: 0;

          top: 0.75em;

          color: #ec1d00;

        }







/* ImageList

--------------------------------------------------- */

.ImageList{}

    .ImageList li{

      width: 33.3%;

    }

        .ImageList li{

          width: 33.3%;

          padding: 5px;

        }

            .ImageList li .setModalOpen{

              height: calc( 323px * 0.67 );

              overflow-y: hidden;

            }

            /* bp2より狭い時 */

            .rsbp-under-bp2 .ImageList li .setModalOpen{

              height: calc( ( 50vw - 10px - 15px ) * 0.67 );

            }

                .ImageList li .setModalOpen .Portrait{

                  margin-top: -75px;

                }

                .ImageList li .ModalWindow .Image{

                  text-align: center;

                }

                    .ImageList li .ModalWindow img{

                      width: auto;

                      max-width: 100%;

                    }

        /* bp2より狭い時 */

        .rsbp-under-bp2 .ImageList li{

          width: 50%;

        }





/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   Table Setting                                  */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

table{}

.MainContentsArea > div[class*="post"] table{}

.MainContentsArea > div[class*="post"] table th,

.MainContentsArea > div[class*="post"] table td{

  border-bottom: 1px solid rgb(221, 214, 185);

  padding: 0.75em 0.5em;

  vertical-align: top;

}

.MainContentsArea > div[class*="post"] table th{

  font-family: "ヒラギノ角ゴ Pro W3", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  white-space: nowrap;

}

/* bp2より狭い時 */

.rsbp-under-bp2 .ContentsDivision table,

.rsbp-under-bp2 .MainContentsArea > div[class*="post"] table:not([class]),

.rsbp-under-bp2 .DefaultText table:not([class]){

  line-height: 2;

  margin: 0 0 1em;

  font-size: 87.5%;

}

.rsbp-under-bp2 .MainContentsArea > div[class*="post"] table th{

  font-size: 95%;

}











/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   MessageBox                                     */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */



/* MessageBox

--------------------------------------------------- */

.MessageBox{

  padding: 4.5vw;

  border: 12px solid #e6e6e6;

  position: relative;

  border-radius: 50px;

}

/* bp2より狭いとき */

body.rsbp-under-bp2 .MessageBox{

  border-radius: 30px;

  padding: 7vw 6vw;

  border-width: 4px;

}

    .MessageBox .Heading{

    }

    .MessageBox .Heading .Icon{

    }

    .MessageBox .DefaultText{

    }





/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   GoPageTop                                      */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */



/* GoPageTop

--------------------------------------------------- */

.GoPageTop{

}















/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   Icon Setting                                   */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */





/* 特殊なアイコン用のスタイル */



#ContentsDivision a[target]:after,

#ContentsDivision a[href*=".pdf"]:before,

#ContentsDivision a[href*=".PDF"]:before,

#ContentsDivision a[href$=".docx"]:before,

#ContentsDivision a[href$=".docm"]:before,

#ContentsDivision a[href$=".dotx"]:before,

#ContentsDivision a[href$=".dotm"]:before,

#ContentsDivision a[href$=".xlsx"]:before,

#ContentsDivision a[href$=".xlsm"]:before,

#ContentsDivision a[href$=".xltx"]:before,

#ContentsDivision a[href$=".xltm"]:before,

#ContentsDivision a[href$=".xlsb"]:before,

#ContentsDivision a[href$=".xlam"]:before,

#ContentsDivision a[href$=".pptx"]:before,

#ContentsDivision a[href$=".pptm"]:before,

#ContentsDivision a[href$=".ppt"]:before,

#ContentsDivision a.TelLink:before,

#ContentsDivision a[href^="tel"]:before,

#ContentsDivision a[href^="mailto:"]:before{

  display: inline-block;

  width: 1.75em;

  height: 1.75em;

  border-radius: 100%;

  vertical-align: middle;

  margin-right: 0.25em;

  font-family: "fontello";

  color: #fff;

  text-align: center;

  line-height: 1.75em;

  font-size: 95%;


  top: calc(50% - 0.875em); /* Button で　absoluteかかったとき用  */

}

#ContentsDivision a[target]:after{

  content: "\f14c";

  color: #c6ba8b;

  width: auto;

  margin: 0 0 0 0.25em;

}

#ContentsDivision a[href*=".pdf"]:before,

#ContentsDivision a[href*=".PDF"]:before{

  content: "\f1c1";

  background-color: #b33131;

}

#ContentsDivision a[href$=".docx"]:before,

#ContentsDivision a[href$=".docm"]:before,

#ContentsDivision a[href$=".dotx"]:before,

#ContentsDivision a[href$=".dotm"]:before{

  content: "\f1c2";

  background-color: #2A5490;

}

#ContentsDivision a[href$=".xlsx"]:before,

#ContentsDivision a[href$=".xlsm"]:before,

#ContentsDivision a[href$=".xltx"]:before,

#ContentsDivision a[href$=".xltm"]:before,

#ContentsDivision a[href$=".xlsb"]:before,

#ContentsDivision a[href$=".xlam"]:before{

  content: "\f1c3";

  background-color: #207347;

}

#ContentsDivision a[href$=".pptx"]:before,

#ContentsDivision a[href$=".pptm"]:before,

#ContentsDivision a[href$=".ppt"]:before{

  content: "\f1c4";

  background-color: #CB4525;

}

#ContentsDivision a[href^="tel"]{

  white-space: nowrap;

}

#ContentsDivision a[href^="tel"]:before{

  content: "\e829";

  background-color: #3ea88a;

}

/*#ContentsDivision a[href^="tel:0120"]:before{

  background-color: #3ea88a;

}*/

    #ContentsDivision a.TelLink p,

    #ContentsDivision a.TelLink li{

      display: inline-block;

      margin: 0;

      padding: 0;

    }

#ContentsDivision a[href^="mailto:"]:before{

  content: "\e812";

  background-color: #549f33;

}









/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   Button 等                                      */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */





/* Button

--------------------------------------------------- */

.Button{

  text-align: center;

  margin: 1.25em 0;

  line-height: 1;

  letter-spacing: 0.05em;

  font-family: "ヒラギノ角ゴ Pro W3", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.Button:first-child{

  margin-top: 0;

}

    .Button a{

      display: inline-block;

      min-width: 220px;

      padding: 1.25em 3em;

      position: relative;

      border-radius: 0.5em;

      text-decoration: none!important;

      font-size: 95%;

      font-weight: bold;

    }

    .Button.Small a{

      font-size: 65%;

    }

    .Button a[target]{

      padding: 1.25em 2.5em 1.25em 2.5em;

    }

    /* bp2より狭い時 */

    .rsbp-under-bp2 .Button a{

      font-size: 62.5%;

      min-width: 130px;

    }

    .Button a:before,

    .Button a:after{

      font-family: "fontello";

      position: absolute;

      top: calc(50% - 0.5em);

      line-height: 1;

      font-size: 95%;

      height: auto;

    }
    .Button a:before{
      left: 0.5em;

    }

    .Button a:after{

      content: "\e807";

      right: 1.25em;

      font-size: 75%;

      font-weight: normal;

    }



.Button.Default{}

    .Button.Default a{

      background-color: #ebe6d1;

      box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.05);

    }

    .Button.Default a[target]:after{

      content: "\f08e";

      right: 0.75em;

    }

    .Button.Default a:hover{

      background-color: #eee2b3;

      /*right: 1em;*/

    }





.Button.Color{}

    .Button.Color a{

      background-color: #6DAD30;

      color: #fff;

      box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.1);

      padding-right: 3.5em;

    }

    .Button.Color.Green a{

      background-color: #6DAD30;

    }

    .Button.Color.Green a:hover{

      background-color: #5CBD00;

    }

    .Button.Color a:after{

      content: "\e807";

      right: 1em;

    }





.Button.Border{}

    .Button.Border a{

      border-width: 2px;

      border-style: solid;

    }

    .Button.Border a:after{

      content: "\e807";

      right: 1em;

    }

    .Button.Border.Green a{

      border-color: #6DAD30;

      color: #6DAD30;

    }

    .Button.Border.Green a:hover{

      background-color: #EEF9E3;

    }

    .Button.Border.Yellow a{

      border-color: #C8A626;

      color: #C8A626;

    }

    .Button.Border.Yellow a:hover{

      background-color: #FFF9E0;

    }







.Button.Back{}

.Button.Close{}

    .Button.Back  a,

    .Button.Close a{

      border: 2px solid #6DAD30;

      color: #6DAD30;

      font-size: 80%;

      min-width: 150px;

      position: relative;

      padding-left: 3em;

    }

    /* bp2より狭い時 */

    .rsbp-under-bp2 .Button.Back  a,

    .rsbp-under-bp2 .Button.Close a{

      font-size: 65%;

    }

    .Button.Back  a:before,

    .Button.Close a:before{

      position: absolute;

      left: 1.5em;

      top : 50%;

      margin-top: -0.5em;

    }

    .Button.Back  a:before{

      content: "\f104";

    }

    .Button.Back  a:hover,

    .Button.Close a:hover{

      background-color: #F0FDE4;

    }

    .Button.Back  a:hover:before{

      left: 1em;

    }

    .Button.Close a:before{

      content: "\e824";

    }

    .Button.Close a:hover:before{

      -webkit-transform: scale(1.5);

      transform: scale(1.5);

    }









/* PageButtonBox

--------------------------------------------------- */

.MainContentsArea .PageButtonBox{

  margin: 150px 0 0;

}

/* bp2より幅が 狭い 時 */

.rsbp-under-bp2 .MainContentsArea .PageButtonBox{

  margin: 50px 15px 30px;

}

.PageTitleArea + .MainContentsArea .PageButtonBox{

  margin: 0px 0 0;

}

.MainContentsArea ul.PageButtonBox{

  list-style: none;

}

    /* bp2より幅が 狭い 時 */

    .rsbp-under-bp2 .MainContentsArea .PageButtonBox li{

      width: 50%;

      margin-bottom: 0.65em;

    }

    .MainContentsArea .PageButtonBox p:first-child{

      font-size: 110%;

      margin-bottom: 3em;

    }





        .MainContentsArea .PageButtonBox .Button.Border a{

          padding: 1em 2.5em 1em 2em;

          margin: 0 0.5em;

        }

        /* bp2より幅が 狭い 時 */

        .rsbp-over-bp2 .MainContentsArea .PageButtonBox .Button.Border a{

          min-width: 180px;

        }

        /* bp2より幅が 狭い 時 */

        .rsbp-under-bp2 .MainContentsArea .PageButtonBox .Button.Border a{

          padding: 0.85em 1.25em 0.85em 0.75em;

          min-width: 0;

          font-size: 65%;

          margin-top: 0.75em;

        }

        .rsbp-under-bp2 .MainContentsArea .PageButtonBox .Button.Border li a{

          display: block;

        }

        .rsbp-under-bp2 .MainContentsArea .PageButtonBox .Button.Border > a{ /* リストで括られてない時 */

          width: calc( 50% - 10px );

          float: left;

        }

        .MainContentsArea .PageButtonBox .Button.Border      a:after{

          content: "\e807";

          right: 1em;

        }

        .MainContentsArea .PageButtonBox .Button.Border.Jump a:after{

          content: "\e809";

          right: 1em;

        }

        /* bp2より幅が 狭い 時 */

        .rsbp-under-bp2 .MainContentsArea .PageButtonBox .Button a:after{

          font-size: 87.5%;

          right: 0.5em;

        }

    .MainContentsArea .PageButtonBox p.Border + p.Color{

      font-size: 82.5%;

    }

    /* bp2より幅が 狭い 時 */

    .rsbp-under-bp2 .MainContentsArea .PageButtonBox p.Border + p.Color{

      font-size: 100%;

    }

        .MainContentsArea .PageButtonBox .Button.Color a{

          margin: 0 2em;

        }

        /* bp2より幅が 狭い 時 */

        .rsbp-under-bp2 .MainContentsArea .PageButtonBox .Button.Color a{

          min-width: 0;

          width: calc( 50% - 10px );

          float: left;

          font-size: 60%;

          margin: 7px 5px;

          padding-right: 1.5em;

          padding-left: 1em;

        }

        .rsbp-under-bp2 .MainContentsArea .PageButtonBox .Border + .Button.Color > a{

          padding: 1em 1.25em 1em 0.75em;

          min-width: 0;

          width: 46%;

        }













/* menu-trigger (ハンバーガーメニュー)

--------------------------------------------------- */

.MenuTrigger{

}



/* BreadCrumb（パンくず）

--------------------------------------------------- */

.BreadCrumb {

  margin: 0 auto;

  padding: 0;

  background: #000;

  font-size: 75%;

  line-height: 3em;

  z-index: 10;

  position: relative;

}

    .BreadCrumb p{

      padding-left: 15px;

      color: rgba(255,255,255,1);

    }

    .BreadCrumb p *{

    }

    .BreadCrumb p .Partition{

      color: rgba(255,255,255,0.375);

      padding: 0 0.5em;

      display: inline;

    }

    /* Unit */

    .BreadCrumb p .Unit{

      text-align: left;

    }

    .BreadCrumb p a:hover{

      text-decoration: underline;

    }

    .BreadCrumb p .Unit.Last{

      font-weight: bold;

      color: #fff;

    }





/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   effect                                         */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */



/* 各種hover効果

--------------------------------------------------- */





    /* hoverエフェクト共通 */

    [class^="hvr-"],

    [class*=" hvr-"] {

      -webkit-transition: all .2s;

              transition: all .2s;

    }

    

    /* default */

    .hvr-default{

    }

        .hvr-default:hover{

          background: #222;

          color: #fff;

        }



    /* brightness */

    .hvr-brightness-up{

    }

        .hvr-brightness-up:hover{

          -webkit-filter: brightness(1.1);

                  filter: brightness(1.1);

        }

        .hvr-brightness-down{

        }

        .hvr-brightness-down:hover{

          -webkit-filter: brightness(0.9);

                  filter: brightness(0.9);

        }

    

    /* outline */

    .hvr-outline{

      outline: 0px solid #f00;

      -webkit-transition: all .1s;

              transition: all .1s;

    }

        .hvr-outline:hover{

          outline: 5px solid #f00;

          z-index: 15;

        }

    

    

    /* zoom */

    .hvr-zoom{

      z-index: 10;

      display: inline-block;

    }

        .hvr-zoom:hover{

          position: relative;

          z-index: 15;

          -webkit-transform: scale(1.25);

                  transform: scale(1.25);

        }



    /* 画像へのリンクなら「＋」を表示 */

    a[href*=".jpg"]::before{

      content: "＋";

      font-size: 150%;

      line-height: 1.5em;

      width: 1.5em;

      background: #0e3382;

      color: #fff;

      position: absolute;

      text-align: center;

      vertical-align: middle;

      z-index: 10;

      display: inline-block;

      bottom: 5px;

      right:  -5px;

      opacity: 0;

    }

    a[href*=".jpg"]:hover::before{

      opacity: 1;

      right:  5px;

    }



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   link                                           */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */



/* anchor

--------------------------------------------------- */

a{

  color: inherit;

  transition: 0.3s ease 0s;

  text-decoration: none;

  cursor: pointer;

}

.ContentsDivision a{

  text-decoration: underline;

}

a:before,

a:after,

a img{

  transition: 0.3s ease 0s;

}

a:link {

  color: inherit;

}

a:visited {

  color: inherit;

}

a:active{

  color: inherit;

}

a:hover {

  color: inherit;

}







/* image link

--------------------------------------------------- */

a img{

}

a:hover img{

  opacity: 0.75;

}

a[href*=".jpg"]{

  position: relative;

}

















/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   TabMenu Setting                                */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */





/* TabMenu （Type1:装飾付き）

--------------------------------------------------- */

.TabMenu{

  padding: 30px;

  background: rgba(90,85,85,0.75);

}



    /* - - list - - */

    .TabMenu ul{

      list-style: none;

    }

    .TabMenu ul > li{

      display: block;

      float: left;

      /* width: 20%;  幅はcolumnで指定 */

    }

    .TabMenu ul > li a{

      display: block;

      padding: 1.25em 0 1em;

      background: #fff;

      text-align: center;

      border: 1px solid #e0e0e0;

    }

    .TabMenu ul > li .Label{

    }

    .TabMenu ul > li .Label .Main{

      display: block;

      font-size: 100%;

      line-height: 2;

      letter-spacing: 0.125em;

      font-weight: bold;

    }

    .TabMenu ul > li .Label .Sub{

      display: block;

      font-size: 62.5%;

      line-height: 1.5;

      color: #aaa;

      letter-spacing: 0.125em

    }

    /* hover */

    .TabMenu ul > li:not(.Active) a:hover{

      cursor: pointer;

      background: #eee;

    }

    .TabMenu ul > li:not(.Active) a:hover .Sub{

      color: #685894;

    }

    /* Invalid */

    .TabMenu ul > li.Invalid{

      display: none!important;

    }

    .TabMenu ul > li a.Invalid{

      /*opacity: 0.1!important;*/

      /*cursor: default!important;*/

    }

    .TabMenu ul > li a.Invalid:hover{

      cursor: default!important;

      background: #fff!important;

    }

    .TabMenu ul > li a.Invalid:hover .Sub{

      color: #aaa;

    }





    /* Active */

    .TabMenu ul > li.Active{

    }

    .TabMenu ul > li.Active a{

      color: #fff;

      background: #222;

      border-color: #f90;

    }

    .TabMenu ul > li.Active .Sub{

      color: #f90;

    }









/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*    pagination                                    */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */



/* pagination

--------------------------------------------------- */

.pagination{

  text-align: center;

  margin:  50px 0 0;

  font-size: 100%;

}

/* bp2より幅が 狭い 時 */

.rsbp-under-bp2 .pagination{

  font-size: 87.5%;

}

    .pagination a{

      background-image: none;

      text-decoration: none!important;

    }

    .pagination a,

    .pagination .disabled,

    .pagination .current{

      font-family: 'Arial';

      display: inline-block;

      text-align: center;

      vertical-align: middle;

      text-decoration: none;

      line-height: 2.25em;

      width: 2.25em;

      padding: 0;

      background: #eeebdd;

      color: #333;

      border: none;

      margin: 2px;

      color: #4d4526;

    }

    .pagination a.page:hover{

      background-color: #ece0b3;

    }

    .pagination         a:before{

      line-height: inherit;

    }

    .pagination span.current{

      color: #fff;

      background: #c6ba8b;

      box-shadow: 0 0 0 2px #c6ba8b;

      margin-left : 8px;

      margin-right: 8px;

    }

    .pagination   a.previouspostslink,

    .pagination   a.nextpostslink{

      margin: 0 0.5em;

      background: #fff;

      border: 2px solid #ccc199;

      line-height: 2em;

      width: 2em;

      color: #a4914d;

    }





/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   Column Setting                                 */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */



/* Item

--------------------------------------------------- */

.LeftItem{

  float: left;

}

.RightItem{

  float: right;

}

/* bp2 より狭い時 */

.rsbp-under-bp2 .LeftItem,

.rsbp-under-bp2 .RightItem{

  float: none;

}

.CenterItem{

  display: table;

  margin-left : auto;

  margin-right: auto;

}





/* ColumnGroup

--------------------------------------------------- */

.ColumnGroup{

  list-style: none;

/*    display: flex;

  flex-wrap: wrap;

justify-content: center;*/

}

    /* - - column common - -  */

    .ColumnGroup > .Column{

      width: 100%;

      margin: 0 auto 2em;

    }

    .MainContentsArea > div[class*="post"] .ColumnGroup > .Column{

      padding: 10px;

    }

    .ColumnGroup > .Column > .inner{

      padding: 10px;

    }

    

    /* 要素数をクラス名に持たせて自動配置 ※ulにクラス名をつけて使用  */

    /* ColumnGroup（数字）elements が横並び数                         */

    /* FixedNumber をつけた場合は数を固定。それ以外は幅に応じて変化   */

    

    /* - - two columns - - */

    body                             .ColumnGroup6elements >             .Column:nth-child(1n),

    body                             .ColumnGroup4elements >             .Column:nth-child(1n),

    body                             .ColumnGroup3elements >             .Column:nth-child(1n),

    body                             .ColumnGroup2elements >             .Column:nth-child(1n),

    body:not([class*="rsbp"])        .ColumnGroup2elements >             .Column:nth-child(1n),

    body[class*="rsbp"]              .ColumnGroup2elements.FixedNumber > .Column:nth-child(1n) {

      width: 50%;

      float: left;

      margin-bottom: 0;

    }

    

    

    /* - - three columns - - */

    body.rsbp-over-bp3              .ColumnGroup6elements >             .Column:nth-child(1n),

    body                             .ColumnGroup5elements >             .Column:nth-child(1n),

    body.rsbp-over-bp2               .ColumnGroup4elements >             .Column:nth-child(1n),

    body.rsbp-over-bp2               .ColumnGroup3elements >             .Column:nth-child(1n),

    body:not([class*="rsbp"])        .ColumnGroup3elements >             .Column:nth-child(1n),

    body[class*="rsbp"]              .ColumnGroup3elements.FixedNumber > .Column:nth-child(1n) {

      width: 33.3%;

      float: left;

      margin-bottom: 0;

    }



    /* - - four columns - - */

    body.rsbp-over-bp2               .ColumnGroup6elements >             .Column:nth-child(1n),

    body.rsbp-over-bp2               .ColumnGroup5elements >             .Column:nth-child(1n),

    body.rsbp-over-bp2               .ColumnGroup4elements >             .Column:nth-child(1n),

    body:not([class*="rsbp"])        .ColumnGroup4elements >             .Column:nth-child(1n),

    body[class*="rsbp"]              .ColumnGroup4elements.FixedNumber > .Column:nth-child(1n) {

      width: 25%;

      float: left;

      margin-bottom: 0;

    }

    

    /* - - five columns - - */

    body.rsbp-over-bp2               .ColumnGroup6elements >             .Column:nth-child(1n),

    body.rsbp-over-bp2               .ColumnGroup5elements >             .Column:nth-child(1n),

    body:not([class*="rsbp"])        .ColumnGroup5elements >             .Column:nth-child(1n),

    body[class*="rsbp"]              .ColumnGroup5elements.FixedNumber > .Column:nth-child(1n) {

      width: 20%;

      float: left;

      margin-bottom: 0;

    }

    

    /* - - six columns - - */

    body.rsbp-over-bp2               .ColumnGroup6elements >             .Column:nth-child(1n),

    body:not([class*="rsbp"])        .ColumnGroup6elements >             .Column:nth-child(1n),

    body[class*="rsbp"]              .ColumnGroup6elements.FixedNumber > .Column:nth-child(1n) {

      width: 16.6%;

      float: left;

      margin-bottom: 0;

    }











/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*   Other Setting                                  */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */



/* GoogleMap

--------------------------------------------------- */

#ContentsDivision iframe[src*="google"]{}



/* bp2 より狭い時 */

.rsbp-under-bp2 #ContentsDivision iframe[src*="google"]{

  width: 100%!important;

  max-height: 75vw;

}



/* Scrollable 横スクロール

--------------------------------------------------- */

.Scrollable {

  overflow: auto;

  position: relative;

}

    .Scrollable > * {

      width: 660px; /* ここはスクロール対象の最大幅を入れる */

      margin-bottom: 0!important;

    }

    .Scrollable th{

      white-space: nowrap;

    }

    .Scrollable::-webkit-scrollbar{

      height: 1em;

      margin-top: 5px;

    }

    .Scrollable::-webkit-scrollbar-track{

      background: rgba(0,0,0,0.25);

    }

    .Scrollable::-webkit-scrollbar-thumb {

      background: #03c;

    }







/* bx-slider

--------------------------------------------------- */

.bx-wrapper{

  background:none!important;

  border: none!important;

  box-shadow: none!important;

  margin-bottom: 0!important;

}
.bx-wrapper .bx-viewport{
  max-height: 500px !important;
}
  .bx-wrapper .bx-viewport li{
    width: 650px;
  }
  .bx-wrapper .bx-viewport img{
    min-height: 500px  !important;
    max-width: inherit;
    width: 100%;
  }

/* bp1より幅が 狭い 時 
.rsbp-under-bp1 .bx-wrapper .bx-viewport{
  max-height: 32vw !important;
}
  .rsbp-under-bp1 .bx-wrapper .bx-viewport img{
    min-height: 32vw !important;
  }*/
/* bp2より幅が 狭い 時 */
.rsbp-under-bp2 .bx-wrapper .bx-viewport{
  max-height: 39vw !important;
  max-height: 48vw !important;
}
  .rsbp-under-bp2 .bx-wrapper .bx-viewport li{
    min-width: 70vw;
  }
  .rsbp-under-bp2 .bx-wrapper .bx-viewport img{
    min-height: 48vw !important;
  }
.home.rsbp-under-bp2 .bx-wrapper .bx-viewport{
  max-height: 50vw !important;
}
  .home.rsbp-under-bp2 .bx-wrapper .bx-viewport img{
    min-height: 50vw !important;
  }









/* ■ モーダル */

.ModalWindow{

  display: none;

  height: 100vh;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 910;

}

    .ModalWindow .modal__bg{

      background: rgba(0,0,0,0.8);

      height: 100vh;

      position: absolute;

      width: 100%;

      z-index: 905;

    }

    .ModalWindow .modal__content{

      background: #fff;

      left: 50%;

      padding: 50px 40px;

      position: absolute;

      top: 50%;

      z-index: 910;

      transform: translate(-50%,-50%);

      width: 70%;

      max-width: 1000px;

      max-height: 90%;

      overflow-y: auto;

    }

    /* bp2より幅が 狭い 時 */

    .rsbp-under-bp2 .ModalWindow .modal__content{

      padding: 30px 20px;

      width: 90%;

    }

        .ModalWindow .modal__content .Button.Close{

          margin-bottom: 0;

        }