@charset "utf-8";



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   image Setting [Common]                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
.ImageItem img,
.ImageBox img,
.Heading img{
  max-width: 100%;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Link Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* a priset
--------------------------------------------------- */
a{
  color: #3f0000;
  text-decoration: none;
}
a:link {
}
a:visited {
}
a:active{
}
a:hover {
  text-decoration: underline;
}
/* link image */
.ContentsDivision a:hover img {
  opacity: 0.85;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Text Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


.Uline {
  background: linear-gradient(transparent 65%, #f7e2dd 65%);
}

.DefaultText{
  font-size: 87.5%;
  line-height: 1.5;
  text-align: justify;
  text-justify: auto;
  margin: 0 0 1em;
}
.DefaultText:last-child{
  margin-bottom: 0;
}
/* PhoneNumberText */
.PhoneNumberText{
  font-size: 112.5%;
}
    .PhoneNumberText .Number{
      font-size: larger;
    }

/* PriceText */
.PriceText{
  vertical-align: bottom;
  margin: 0 0 1em;
}
    .PriceText *{
      vertical-align: bottom;
      vertical-align: baseline;
      line-height: 1.1;
    }
    .PriceText .Heading{
      font-size: small;
      padding: 0.2em 0.5em 0.2em 0.75em;
      letter-spacing: 0.25em;
      color: #fff;
      background: #777;
      position: relative;
      bottom: 0.5em;
      margin-right: 0.25em;
    }
    .PriceText .Price{
      font-size: 250%;
    }
    .PriceText .Sub{
      
    }
/* TimeText */
.TimeText{
  vertical-align: bottom;
  margin: 1em 0;
}
    .TimeText *{
      vertical-align: bottom;
      vertical-align: baseline;
      line-height: 1.1;
    }
    .TimeText .Heading{
      font-size: small;
      padding: 0.2em 0.5em 0.2em 0.75em;
      letter-spacing: 0.25em;
      color: #fff;
      background: #777;
      position: relative;
      bottom: 0.5em;
      margin-right: 0.25em;
    }
    .TimeText .Time{
      font-size: 175%;
    }
    .TimeText .Sub{
      
    }
/* FontFamily
--------------------------------------------------- */
.FontSansSerif{
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.FontSerif{
  font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HiraMinProN-W3", "MS PMincho", serif;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "HiraMinProN-W3", "MS PMincho", serif;
}
.FontMonospace{
  font-family: Osaka-mono, "MS Gothic", monospace;
}

/* TextAlign
--------------------------------------------------- */
.TextAlignCenter{
  text-align: center;
}
.TextAlignRight{
  text-align: right;
}
.TextAlignLeft{
  text-align: left;
}

/* TextOverFlowNone
--------------------------------------------------- */
.TextOverFlowNone{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Headings
--------------------------------------------------- */

/* PageTitle */
.PageTitle{
  background-position: 50% 0px;
  background-repeat: no-repeat;
  margin: 0 0 2em;
  min-width: 910px;
}
    .PageTitle .Heading{
      padding-top: 1.5em;
      text-align: center;
    }
    /* @media screen str */
    @media screen and (max-width: 909px) and (max-device-width: 1023px) {
        .PageTitle {
          min-width: 0px;
        }
        .PageTitle .Heading{
          max-width: 20%;
          min-width: 100px;
        }
    }
    /* @media screen end */
        .PageTitle .Heading span{
        }
/* HeaderType1 */
.HeaderType1{
  text-align: center;
  border-top: 1px solid #ff874a;
  margin: 0 0 2em;
}
    .HeaderType1 .Heading{
      display: inline-block;
      padding: 1em 1em 0.5em;
      text-align: center;
      border-top: 3px solid #ff874a;
      font-size: 137.5%;
      line-height: 1.5;
      position: relative;
    }
        .HeaderType1 .Heading span{
        }
    .HeaderType1 .DefaultText{
      text-align: center;
    }
/* HeaderType2 */
.HeaderType2{
  border-top: 2px solid;
  border-bottom: 1px dotted;
  padding: 0.5em 0;
  margin: 0 0 0.5em;
}
    .HeaderType2 .Heading{
    }
        .HeaderType2 .Heading span{
        }
/* HeaderType3 */
.HeaderType3{
}
.Heading.Type3{
  margin: 1em 0 0.5em;
  border-left: 4px solid #ff874a;
  padding-left: 0.6em;
  color: #312b03;
}
/* HeaderType4 */
.HeaderType4{
}
    .HeaderType4 .Heading{
    }
        .HeaderType4 .Heading span{
        }


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Table Setting [Common]                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*  DefaultTable
--------------------------------------------------- */
.DefaultTable{
  margin: 0.5em 0;
  width: 100%;
  border-collapse: collapse;
  font-size: 75%;
  background: #fff;
}
    .DefaultTable th,
    .DefaultTable td{
      padding: 1em 0.75em;
      border: 1px dashed #aaa;
    }
    .DefaultTable thead th{
      padding: 0.5em;
      background: url(../img/common/decoration/pattern/washi01.png);
      color: #af5454;
    }
    .DefaultTable tbody th{
      border-right: none;
      font-weight: normal;
      background: #f7f7f7;
    }
    .DefaultTable tbody th + td{
      border-left: none;
    }
        .DefaultTable .Sub{
          font-size: smaller;
        }


.CancelTable1{
  width: auto;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   List Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

ul.DefaultText{
  margin-left: 1em;
}
    ul.DefaultText li{
      font-size: 87.5%;
      line-height: 1.5;
      text-align: justify;
      text-justify: auto;
      margin: 0 0 0.5em;
    }


/* LinkList 
--------------------------------------------------- */
.LinkList{
  list-style: none;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
    /* @media screen str */
    @media screen and (max-width: 479px) and (max-device-width: 1023px) {
        .LinkList{
          -webkit-column-count: 1;
             -moz-column-count: 1;
                  column-count: 1;
        }
    }
    /* @media screen end */
    .LinkList li{
      padding: 0.5em 0;
      font-size: 87.5%;
    }
    .LinkList li:first-child{
    }
/* ThumbnailList 
--------------------------------------------------- */
.ThumbnailList{
  list-style: none;
}
    .ThumbnailList li{
      float: left;
    }
    /* - - LargeThumnail - - */
    .LargeThumbnailList{
    }
        .LargeThumbnailList li{
          width: 49%;
          margin: 0 2% 10px 0;
        }
        .LargeThumbnailList li:nth-child(2n){
          margin-right: 0;
        }
            /* @media screen str */
            @media screen and (max-width: 767px) and (max-device-width: 1023px) {
                .LargeThumbnailList li,
                .LargeThumbnailList li:nth-child(1n){
                  width: 100%;
                  height: auto;
                  margin: 0 0 5px;
                  font-size: 112.5%;
                }
            }
            /* @media screen end */
    
    /* - - MediumThumnail - - */
    .MediumThumbnailList{
    }
        .MediumThumbnailList li{
          width: 23.5%;
          margin-bottom: 10px;
          margin-right: 2%;
          background: #f5f5f5;
        }
        .MediumThumbnailList li:nth-child(4n){
          margin-right: 0;
        }
            .MediumThumbnailList li .TextItem{
              text-align: center;
              padding: 10px 0;
            }
                .MediumThumbnailList li .CatchText{
                  font-size: 75%;
                  margin: 0 0 0.2em;
                }
                .MediumThumbnailList li .MainText{
                  font-size: 100%;
                  color: #d85b1c;
                  font-weight: bold;
                }
            /* @media screen str */
            @media screen and (max-width: 767px) and (max-device-width: 1023px) {
                .MediumThumbnailList li,
                .MediumThumbnailList li:nth-child(1n){
                  width: 32%;
                  margin-right: 2%;
                }
                .MediumThumbnailList li:nth-child(3n){
                  margin-right: 0;
                }
            }
            @media screen and (max-width: 639px) and (max-device-width: 1023px) {
                .MediumThumbnailList li,
                .MediumThumbnailList li:nth-child(1n){
                  width: 47.5%;
                  margin-right: 5%;
                }
                .MediumThumbnailList li:nth-child(2n){
                  margin-right: 0;
                }
            }
            @media screen and (max-width: 479px) and (max-device-width: 1023px) {
                .MediumThumbnailList li,
                .MediumThumbnailList li:nth-child(1n){
                  float: none;
                  width: auto;
                  margin: 0 0 5px;
                }
                .MediumThumbnailList li .ImageItem{
                  float: left;
                  width: 30%;
                }
                .MediumThumbnailList li .TextItem{
                  margin-left: 30%;
                  padding: 10px;
                  font-size: 125%;
                  text-align: left;
                }
            }
            /* @media screen end */
    
    

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Button Setting [Common]                        */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ButtonLink
--------------------------------------------------- */
.Button{

}
    .Button a:hover{
      text-decoration: none;
      box-shadow: 0 0 2px 2px #fff,0 0 5px 5px #f90;
    }
    /* - - DefaultButton - - */
    .DefaultButton a{
      font-size: 87.5%;
      display: inline-block;
      padding: 0.75em 1.5em;
      color: #fff;
      background: #252525;
      position: relative;
    }
        .DefaultButton a .Label{
        }
        .DefaultButton a .Label:before {
          color: #ebab46;
        }
    /* - - PlanButton - - */
    .PlanButton a{
      font-size: 87.5%;
      display: inline-block;
      padding: 0.75em 0.5em;
      color: #fff;
      background: #3a3020;
      position: relative;
    }
        .PlanButton a .Label{
        }
        .PlanButton a .Label:before {
          color: #ebab46;
        }
    /* - - OfficialSiteButton - - */
    .OfficialSiteButton a{
      font-size: 87.5%;
      border-radius: 5px;
      color: #101010;
      background: #fff;
      padding: 0.75em 1.5em;
      display: inline-block;
      text-align: center;
    }
    /* - - ToggleMenuButton - - */
    .ToggleMenuButton a{
      display: block;
      position: relative;
      color: #555;
      background: #fff;
      border-radius: 4px;
      cursor: pointer;
    }
        .ToggleMenuButton a .Label{
          display: inline;
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          width: 50px;
          height: 50px;
          font-size: 75%;
          font-weight: bold;
        }
        .ToggleMenuButton a .Label:before {
          font-size: 30px;
        }
        
        
        
    /* - - GoPageTopButton - - */
    .GoPageTopButton a{
      display: block;
      display: table-cell;
      width: 6em;
      height: 6em;
      border-radius: 3em;
      font-size: 75%;
      text-align: center;
      vertical-align: middle;
      color: #fff;
      background: #f9b694;
      position: relative;
    }
        .GoPageTopButton a .Label{
          display: inline-block;
          padding-top: 10px;
        }
        .GoPageTopButton a .Label:before{
          display: block;
          position: absolute;
          width: 100%;
          top: 0.75em;
          left: 0px;
          text-align: center;
          font-size: 150%;
          margin: 0;
          padding: 0;
        }

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   PageNavigation Setting [Common]                */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

.PageNavigationBox {
}
    .PageNavigationBox *{
      vertical-align: middle;
    }
    .PageNavigationBox p{
      display: block;
      font-size: 75%;
      padding: 15px 0;
    }
        .PageNavigationBox p .Unit{
          display: inline;
          display: inline-block;
        }
        .PageNavigationBox p .Partition{
          display: inline;
          display: inline-block;
        }
        .PageNavigationBox p .Unit a,
        .PageNavigationBox p .Unit .NoLink{
          color: #3f3f3f;
          display: inline;
          display: inline-block;
          max-width: 300px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .PageNavigationBox p .Unit.No01 a{
          background: url(../img/common/icon/home.png) no-repeat 0px 48%;
          padding-left: 15px;
        }

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Block Setting [Common]                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Block common
--------------------------------------------------- */
.Block{
  margin: 0 0 5em;
}
.Block:last-child{
  margin-bottom: 0;
}
/* LargeImageBlock
--------------------------------------------------- */
.LargeImageBlock {

}
    .LargeImageBlock .Paragraph{
      margin: 0 auto 1em;
      padding: 30px;
      max-width: 750px;
      background: #eee url(../img/common/decoration/pattern/washi_freecolor.png);
    }
    .LargeImageBlock .Paragraph .ImageItem{
      margin: 0 0 0.5em;
    }
        .LargeImageBlock .Paragraph .ImageItem .Photo{
          padding: 5px;
          background: #fff;
          margin: 0 0 0.5em;
        }
        .LargeImageBlock .Paragraph .ImageItem .CaptionText{
          max-width: 300px;
          margin: 0 0 0 auto;
          font-size: 75%;
          text-indent: -1em;
        }
/* MediumImageBlock
--------------------------------------------------- */
.MediumImageBlock {

}
/* SmallImageBlock
--------------------------------------------------- */
.SmallImageBlock {

}
    .SmallImageBlock .Paragraph{
      margin: 0 auto;
      width: 50%;
      float: left;
    }
        .SmallImageBlock .Paragraph .ParagraphContents{
          padding: 1em 1.5em;
          border: 1px dotted #ff874a;
          margin: 2px;
        }
        
    /* @media screen str */
    @media screen and (max-width: 767px) {
        .SmallImageBlock .Paragraph,
        .SmallImageBlock .Paragraph:nth-child(1n){
          width: auto;
          float: none;
        }
        .SmallImageBlock .Paragraph .ParagraphContents{
        }
        .SmallImageBlock .Paragraph:nth-child(2n) .ParagraphContents{
        }
    }
    /* @media screen end */
    .SmallImageBlock .Paragraph .ImageItem{
      width: 8em;
      float: left;
    }
        .SmallImageBlock .Paragraph .ImageItem .Photo{
          padding: 0px;
          background: #fff;
          margin: 0;
          border-radius: 8em;
          width: 8em;
          height: 8em;
          overflow: hidden;
        }
            .SmallImageBlock .Paragraph .ImageItem .Photo img{
              width: auto;
              max-width: none;
              height: 8em;
              margin-left: -25px;
            }
    .SmallImageBlock .Paragraph .TextItem{
      margin-left: 9em;
    }
        .SmallImageBlock .Paragraph .TextItem .ItemHeader{
          font-size: 125%;
          line-height: 1.25;
          padding-bottom: 0.5em;
          color: #e64626;
        }
            .SmallImageBlock .Paragraph .TextItem .ItemHeader .CatchText{
              font-size: 62.5%;
              letter-spacing: 0.05em;
              margin: 0 0 0.1em;
              font-weight: normal;
            }
            .SmallImageBlock .Paragraph .TextItem .ItemHeader .MainText{
              font-size: 100%;
              letter-spacing: 0.1em;
              font-weight: bold;
            }
    .SmallImageBlock .Paragraph .DefaultText{
      font-size: 75%;
      line-height: 1.25;
      color: #333;
    }



/* Scrollable 横スクロール
--------------------------------------------------- */
.ScrollableAttentionText {
  display: none;
}
@media screen and (max-width: 767px) {
.Scrollable {
  overflow: auto;
  position: relative;
}
    .Scrollable > table {
      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;
    }
}