@charset 'utf-8';

/***** Width *****/
.baseW {
  width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
.baseW02 {
  width: 912px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  box-shadow: 0 5px 15px 1px rgba(0,0,0,0.4);/*0 0 25px 1px rgba(0,0,0,0.4);*/
}
@media all and (max-width: 750px){
  .baseW {
    width: 100%;
    min-width: auto;
  }
  .baseW02 {
    width: 90%;
    box-shadow: 0 1vw 3vw 1px rgba(0,0,0,0.4);
  }
  .baseSpW {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}


/***** Color *****/
.cBaseBlue {
  color: #04b6df;
}
.cBaseLBlue {
  color: #1eb9ee;/*#17a3d3;*/
}
.cBaseRed {
  color: #E61F19;
}
.cBaseRed02 {
  color: #d5454f;
}
.cBaseLPink {
  color: #ef858c;
}
.cBaseGray {
  color: #9fa0a0;
}
.cBaseGreen {
  color: #8ec555;/*#4f890f;*/
}
.cBaseOrange {
  color: #f6ad54;
}
.cBasePurple {
  color: #6c9bd2;
}
.cBaseYellow {
  color: #f9c03c;
}
.txtMarker01 {
  background: linear-gradient(transparent 1%, #ffe63d 1%);
}


/*##### Base Top #####*/
.boxBaseTopWrap {
  background-image: url('./../images/common/base-top-bg01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}

.boxBaseTop {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  height: 168px;
  padding-left: 88px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto auto;
}
@media all and (max-width: 750px){
  .boxBaseTop {
    height: 25vw;
    padding-left: 19vw;
    background-size: 13vw auto;
  }
}

.boxBaseTop .ttl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
@media all and (max-width: 750px){
  .boxBaseTop .ttl01 {
    display: block;
  }
}

.boxBaseTop .ttl01 .txt01 {
  margin-right: 15px;
  letter-spacing: 0.12em;
  font-size: 2.8rem;
  font-weight: 700;
}
@media all and (max-width: 750px){
  .boxBaseTop .ttl01 .txt01 {
    display: block;
    margin-bottom: 2vw;
    margin-right: 0;
    font-size: 1.8rem;
  }
}

.boxBaseTop .ttl01 .txt01 .small {
  font-size: 2.1rem;
}
@media all and (max-width: 750px){
  .boxBaseTop .ttl01 .txt01 .small {
    font-size: 1.4rem;
  }
}

.boxBaseTop .ttl01 .txt02 {
  letter-spacing: 0.15em;
  font-size: 1.13rem;
  font-weight: 700;
}
@media all and (max-width: 750px){
  .boxBaseTop .ttl01 .txt02 {
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-size: 1.0rem;
  }
}



/***** TtlBase01 *****/
.ttlBase01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 977px;
  height: 228px;
  margin: 0 auto;
  margin-bottom: 25px;
  background-image: url('./../images/lp-ttlbase01-bg01.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
  text-align: center;
  line-height: 1.2;
  font-size: 3.05rem;
  font-weight: 700;
  color: #fff;
}
.ttlBase01.type02 {
  background-image: url('./../images/lp-ttlbase01-bg02.png');
  color: #E61F19;
}
.ttlBase01.type03 {
  line-height: 1.3;
  font-size: 2.85rem;
}
@media all and (max-width: 750px){
  .ttlBase01 {
    width: 100%;
    height: 34vw;
    background-position: 90% top;
    background-size: 150% 100%;
    line-height: 1.4;
    font-size: 1.6rem;
  }
  .ttlBase01.type03 {
    line-height: 1.4;
    font-size: 1.5rem;
  }
}

.ttlBase01 .large {
  font-size: 3.8rem;
}
@media all and (max-width: 750px){
  .ttlBase01 .large {
    font-size: 1.6rem;
  }
}

.ttlBase01 .small {
  font-size: 1.85rem;
}
@media all and (max-width: 750px){
  .ttlBase01 .small {
    font-size: 1.1rem;
  }
}



/***** BaseCom *****/
.boxBaseCom {
  line-height: 1.7;
  letter-spacing: 0.05em;
  font-size: 1.03rem;
}
@media all and (max-width: 750px){
  .boxBaseCom {
    font-size: 4.0vw;
  }
}

.boxBaseCom p {
  margin-bottom: 24px;
}
@media all and (max-width: 750px){
  .boxBaseCom p {
    margin-bottom: 9%;
  }
}

.boxBaseCom p:last-child {
  margin-bottom: 0;
}


.fontMin {
  /* font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; */
  /*font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
  /*font-family: "Hiragino Mincho W3 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fontEn {
  font-family: Verdana,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"Meiryo UI","MS PGothic","ＭＳ Ｐゴシック", sans-serif;
}
.fontNum {
  /*font-family: "Times New Roman",Times,Arial,Helvetica,"Arial Black","Comic Sans MS",Courier,"Courier New",Georgia,Impact,"Trebuchet MS",Verdana;*/
  font-family: 'Montserrat', sans-serif;
}

.fontB {
  font-weight: 700;
}
.fontI {
  font-style: italic;
}
.underline {
  text-decoration: underline;
}


/***** chk Img *****/
.boxChkImg {
  /*position: relative;*/
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 150px;
}
@media all and (max-width: 640px){
  .boxChkImg {
    height: 150px;
  }
}
.boxChkImg .chkImg {
  max-width: none;
  height: auto;
}
.boxChkImg .chkImg.horizontalImg {
  width: 100%;
  height: auto;
}
.boxChkImg .chkImg.verticalImg {
  width: auto;
  height: 100%;
}


/***** imgBaseEyecatch *****/
.boxBaseEyecatch {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.imgBaseEyecatch {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  max-width: none;
  height: 100%;
}

.imgBaseEyecatch.horizontalImg {
  width: auto;
  height: 100%;
}

.imgBaseEyecatch.verticalImg {
  width: 100%;
  height: auto;
}

/***** Link Telno ******/
.linkBaseTelno {
  pointer-events: none;
  cursor: auto;
}
@media all and (max-width: 750px){
  .linkBaseTelno {
    pointer-events: auto;
  }
}

/***** P Base One ******/
.pBaseOne {
  margin-bottom: 20px;
  letter-spacing: 0.1em;
  font-size: 1.13rem;
}
@media all and (max-width: 750px){
  .pBaseOne{
    margin-bottom: 8%;
    letter-spacing: 0.1em;
    font-size: 4.3vw;
  }
}

/***** ulBase01 *****/
.ulBase01 li:before {
  content: '・';
  margin-right: 0.3em;
}


/***** Base No Image *****/
.boxBaseNoImage {
  display: table;
  width: 100%;
  height: 200px;
  background-color: #ccc;
  text-align: center;
  font-size: 1.2rem;
}
@media all and (max-width: 750px){
  .boxBaseNoImage {
    width: 100%;
    height: 60vw;
    font-size: 5.0vw;
  }
}

.boxBaseNoImage span{
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

/***** Base Error *****/
.boxBaseError{
  color: #ff0000;
}

/***** Link Btn Base01 *****/
.linkBtnBase01 {
  display: table;
  border: 1px #333 solid;
}

.linkBtnBase01.type02 {
  transform: skew(-20deg);
}

@media all and (-ms-high-contrast:none){
  .linkBtnBase01 {
    padding-top: 0.5em;
  }
}

.linkBtnBase01 > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.linkBtnBase01.type02 > span {
  transform: skew(20deg);
}

/***** Link Btn Base02 *****/
.linkBtnBase02 {
  display: table;
  border: 1px #333 solid;
}

.linkBtnBase02 > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}


/***** 【 BaseModule 】 *****/
.isPc {
  display: none;
  width: 1px;
}
@media all and (max-width: 750px){
  .isSp {
    display: none;
    width: 2px;
  }
}

.dPc {
  display: block !important;
}
@media all and (max-width: 750px){
  .dPc,
  .dTb {
    display: none !important;
  }
}

.dPcFlex {
  display: -webkit-flex !important;
  display: flex !important;
}
@media all and (max-width: 750px){
  .dPcFlex,
  .dTbFlex {
    display: none !important;
  }
}

.dPcInline {
  display: inline !important;
}
@media all and (max-width: 750px){
  .dPcInline,
  .dTbInline {
    display: none !important;
  }
}

.dPcInB {
  display: inline-block !important;
}
@media all and (max-width: 750px){
  .dPcInB,
  .dTbInB {
    display: none !important;
  }
}

.dPcTb {
  display: table !important;
}
@media all and (max-width: 750px){
  .dPcTb,
  .dTbTb {
    display: none !important;
  }
}

.dPcLi {
  display: list-item !important;
}
@media all and (max-width: 750px){
  .dPcLi,
  .dTbLi {
    display: none !important;
  }
}

.dTb,
.dSp {
  display: none !important;
}
@media all and (max-width: 750px){
  .dSp {
    display: block !important;
  }
}

.dTbFlex,
.dSpFlex {
  display: none !important;
}
@media all and (max-width: 750px){
  .dSpFlex {
    display: -webkit-flex !important;
    display: flex !important;
  }
}

.dTbInline,
.dSpInline {
  display: none !important;
}
@media all and (max-width: 750px){
  .dSpInline {
    display: inline !important;
  }
}

.dTbInB,
.dSpInB {
  display: none !important;
}
@media all and (max-width: 750px){
  .dSpInB {
    display: inline-block !important;
  }
}

.dTbTb,
.dSpTb {
  display: none !important;
}
@media all and (max-width: 750px){
  .dSpTb {
    display: table !important;
  }
}

.dTbLi,
.dSpLi {
  display: none !important;
}
@media all and (max-width: 750px){
  .dSpLi {
    display: list-item !important;
  }
}

/***** Mb *****/
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }
.mb75 { margin-bottom: 75px; }
.mb80 { margin-bottom: 80px; }
.mb85 { margin-bottom: 85px; }
.mb90 { margin-bottom: 90px; }
.mb95 { margin-bottom: 95px; }
.mb100 { margin-bottom: 100px; }
.mb105 { margin-bottom: 105px; }
.mb110 { margin-bottom: 110px; }
.mb115 { margin-bottom: 115px; }
.mb120 { margin-bottom: 120px; }
.mb125 { margin-bottom: 125px; }
.mb130 { margin-bottom: 130px; }
.mb135 { margin-bottom: 135px; }
.mb140 { margin-bottom: 140px; }
.mb145 { margin-bottom: 145px; }
.mb150 { margin-bottom: 150px; }
@media all and (max-width: 750px){
  .mb0 { margin-bottom: 0; }
  .mb5 { margin-bottom: 5%; }
  .mb10 { margin-bottom: 6%; }
  .mb15 { margin-bottom: 7%; }
  .mb20 { margin-bottom: 8%; }
  .mb25 { margin-bottom: 9%; }
  .mb30 { margin-bottom: 10%; }
  .mb35 { margin-bottom: 11%; }
  .mb40 { margin-bottom: 12%; }
  .mb45 { margin-bottom: 13%; }
  .mb50 { margin-bottom: 14%; }
  .mb55 { margin-bottom: 15%; }
  .mb60 { margin-bottom: 16%; }
  .mb65 { margin-bottom: 17%; }
  .mb70 { margin-bottom: 18%; }
  .mb75 { margin-bottom: 19%; }
  .mb80 { margin-bottom: 20%; }
  .mb85 { margin-bottom: 21%; }
  .mb90 { margin-bottom: 22%; }
  .mb95 { margin-bottom: 23%; }
  .mb100 { margin-bottom: 24%; }
  .mb105 { margin-bottom: 25%; }
  .mb110 { margin-bottom: 26%; }
  .mb115 { margin-bottom: 27%; }
  .mb120 { margin-bottom: 28%; }
  .mb125 { margin-bottom: 29%; }
  .mb130 { margin-bottom: 30%; }
  .mb135 { margin-bottom: 31%; }
  .mb140 { margin-bottom: 32%; }
  .mb145 { margin-bottom: 33%; }
  .mb150 { margin-bottom: 34%; }
}

/***** Clearfix *****/
.clearfix:after {
  content: ' ';
  display: block;
  clear: both;
}

.clearBoth {
  clear: both;
}

/***** Loader Bg *****/
#loaderBg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1100;
}

#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #333;
  z-index: 1101;
}

/***** InView *****/
.inView {
  transition: .8s;
}
.inViewHead {
  transition: .8s;
}

/***** InViewUl *****/
.inViewUl li {
  position: relative;
  /*opacity: 1;
  bottom: 0;
  transition: 0.8s;*/
}
.inViewUl li.initial {
  opacity: 0;
  bottom: -40px;
  transition: none;
}
.inViewUl li.active {
  opacity: 1;
  bottom: 0;
  transition: 0.8s;
}

/***** Post Body *****/
.boxPostBody {
  overflow: hidden;
  line-height: 1.6;
  font-size: 1.17rem;/*1.25rem;*/
}
@media all and (max-width: 750px){
  .boxPostBody {
    font-size: 4.3vw;
  }
}

@media all and (max-width: 750px){
  .boxPostBody span[style="font-size: 0.7rem;"] {
    font-size: 3.1vw !important;
  }
  .boxPostBody span[style="font-size: 0.75rem;"] {
    font-size: 3.3vw !important;
  }
  .boxPostBody span[style="font-size: 0.8rem;"] {
    font-size: 3.5vw !important;
  }
  .boxPostBody span[style="font-size: 0.85rem;"] {
    font-size: 3.7vw !important;
  }
  .boxPostBody span[style="font-size: 0.9rem;"] {
    font-size: 3.9vw !important;
  }
  .boxPostBody span[style="font-size: 0.95rem;"] {
    font-size: 4.1vw !important;
  }
  .boxPostBody span[style="font-size: 1.0rem;"] {
    font-size: 4.3vw !important;
  }
  .boxPostBody span[style="font-size: 1.1rem;"] {
    font-size: 4.7vw !important;
  }
  .boxPostBody span[style="font-size: 1.2rem;"] {
    font-size: 5.1vw !important;
  }
  .boxPostBody span[style="font-size: 1.3rem;"] {
    font-size: 5.5vw !important;
  }
  .boxPostBody span[style="font-size: 1.4rem;"] {
    font-size: 5.9vw !important;
  }
  .boxPostBody span[style="font-size: 1.5rem;"] {
    font-size: 6.3vw !important;
  }
  .boxPostBody span[style="font-size: 1.6rem;"] {
    font-size: 6.7vw !important;
  }
  .boxPostBody span[style="font-size: 1.7rem;"] {
    font-size: 7.1vw !important;
  }
  .boxPostBody span[style="font-size: 1.8rem;"] {
    font-size: 7.5vw !important;
  }
  .boxPostBody span[style="font-size: 1.9rem;"] {
    font-size: 7.9vw !important;
  }
  .boxPostBody span[style="font-size: 2.0rem;"] {
    font-size: 8.3vw !important;
  }
  .boxPostBody span[style="font-size: 2.1rem;"] {
    font-size: 8.7vw !important;
  }
  .boxPostBody span[style="font-size: 2.2rem;"] {
    font-size: 9.1vw !important;
  }
  .boxPostBody span[style="font-size: 2.3rem;"] {
    font-size: 9.5vw !important;
  }
}

.boxPostBody h2 {
  margin-bottom: 1.0em;
  padding: 0.1em 0;
}
.boxPostBody h3 {
  margin-bottom: 1.0em;
  padding: 0.1em 0;
}
.boxPostBody h4 {
  margin-bottom: 1.0em;
  padding: 0.1em 0;
}

@media all and (max-width: 750px){
  .boxPostBody table {
    width: 100% !important;
  }
  .boxPostBody table th,
  .boxPostBody table td {
    width: auto !important;
  }
  .boxPostBody table td {
    vertical-align: top;
  }
}

.boxPostBody a {
  text-decoration: underline;
  color: #306751;
}

.boxPostBody p {
  margin: 0;/*Reset*/
  padding: 0;/*Reset*/
  margin-bottom: 20px;
}
@media all and (max-width: 750px){
  .boxPostBody p {
    margin-bottom: 5%;
  }
}

.boxPostBody strong {
  font-weight: 700;
}

.boxPostBody em {
  font-style: italic;
}

.boxPostBody ul {
  padding-left: 20px;
  list-style: disc;
}
@media all and (max-width: 750px){
  .boxPostBody ul {
    padding-left: 5%;
  }
}

.boxPostBody ol {
  padding-left: 20px;
  list-style: decimal;
}
@media all and (max-width: 750px){
  .boxPostBody ol {
    padding-left: 8%;
  }
}

.boxPostBody li {
  margin-bottom: 10px;
}
@media all and (max-width: 750px){
  .boxPostBody li {
    margin-bottom: 3%;
  }
}

.boxPostBody .alignleft {
  float: left;
  margin: 7px 28px 28px 0;
}
@media all and (max-width: 750px){
  .boxPostBody .alignleft {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    margin: 5% 0 5% 0;
  }
}

.boxPostBody .alignright {
  float: right;
  margin: 7px 0 28px 28px;
}
@media all and (max-width: 750px){
  .boxPostBody .alignright {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    margin: 5% 0 5% 0;
  }
}

.boxPostBody .aligncenter {
  clear: both;
  display: block;
  margin: 7px auto;
}
@media all and (max-width: 750px){
  .boxPostBody .aligncenter {
    clear: both;
    display: block;
    margin: 5% auto;
  }
}

.writeModeLR{
  display: inline-block;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
}
.writeModeRL{
  display: inline-block;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
}
.rlNum{
  text-combine-upright: all;
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  -ms-writing-mode: lr-tb;
}

.txtL,
.boxBtnL,
.boxL{
  text-align: left;
}
.txtC,
.boxBtnC,
.boxC{
  text-align: center;
}
.txtR,
.boxBtnR,
.boxR{
  text-align: right;
}

/***** Popup *****/
.boxBasePopupBg {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.boxBasePopupBg:hover {
  cursor: pointer;
}
.btnBasePopupClose {
  position: absolute;
  z-index: 1002;
  top: 0;
  right: 0.6%;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}
@media all and (max-width: 750px){
  .btnBasePopupClose {
    width: 7%;
    font-size: 8.0vw;
    cursor: auto;
  }
}

.boxBaseMoviePopup {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateY(-50%) translateX(-50%);
  /*margin: auto;*/
  /*top: 3%;*/
  width: 96%;
  z-index: 1001;
  vertical-align: middle;
}
@media all and (max-width: 750px){
  .boxBaseMoviePopup {
    width: 98%;
    max-width: 100%;
  }
}

/***** YoutubeBox *****/
.boxYoutube {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  /*border: 1px #ccc solid;*/
}
.boxYoutube .youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.boxYoutube .imgYoutubePoster,
.boxYoutube .imgMoviePoster {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  /*width: 100%;*/
  max-width: none;
  height: 100%;
  cursor: pointer;
}

/***** VimeoBox *****/
.boxVimeo{
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  border: 1px #ccc solid;
}
.boxVimeo .vimeo{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/***** Mp4MovieBox *****/
.boxMp4Movie {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  /*border: 1px #ccc solid;*/
}
.boxMp4Movie .mp4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.boxMp4Movie .imgMp4Poster,
.boxMp4Movie .imgMoviePoster {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  /*width: 100%;*/
  max-width: none;
  height: 100%;
  /*height: auto;*/
  cursor: pointer;
}


/***** Pagination *****/
.boxPagination{
  position: relative;
  z-index: 10;
  /*margin-bottom: 20px;*/
  padding: 10px 0 10px 0;
  border-top: 0;
  text-align: center;
}
@media all and (max-width: 750px){
  .boxPagination {
    margin-bottom: 5vw;
    padding: 5vw 0 5vw 0;
  }
  .boxPagination.top {
    padding-bottom: 0;
    border: 0;
  }
}

.boxPaginationIn{
  width: 100%;
  margin: 0 auto;
}

.boxPaginationInLR{
  display: table;
  margin-left: auto;
}
@media all and (max-width: 750px){
  .boxPaginationInLR {
    display: block;
  }
}

.boxPaginationInL{
  display: table-cell;
  vertical-align: middle;
}
@media all and (max-width: 750px){
  .boxPaginationInL {
    display: none;
  }
}

.boxPaginationInL span{
  padding-right: 20px;
  padding-left: 15px;
  display: inline-block;
}

.boxPaginationInL .txtSeparation{
  display: inline-block;
  padding-right: 5px;
  font-size: 1.5rem;
}
@media all and (max-width: 750px){
  .boxPaginationInL .txtSeparation {
    padding-right: 3%;
    font-size: 4.5vw;
  }
}

.boxPaginationInR{
  display: table-cell;
  vertical-align: middle;
}
@media all and (max-width: 750px){
  .boxPaginationInR {
    display: block;
  }
}

ul.page-numbers{
  display: table;
  margin: 0 auto;
}

ul.page-numbers li{
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
}
@media all and (max-width: 750px){
  ul.page-numbers li {
    padding: 0 1vw;
  }
}

ul.page-numbers li > .page-numbers{
  display: table-cell;
  width: 29px;
  height: 29px;
  padding-top: 1px;
  /*padding-bottom: 2px;*/
  border: 0;
  border-radius: 0;
  vertical-align: middle;
  text-align: center;
  line-height: 1.0;
  letter-spacing: normal;
  font-size: 1.35rem;
  font-weight: 700;
  color: #727171;
  text-decoration: none;
  transition: none;
  -ms-transition: none;
}
@media all and (max-width: 750px){
  ul.page-numbers li > .page-numbers {
    width: 7vw;
    height: 7vw;
    padding-top: 0;
    font-size: 4.0vw;
  }
}

ul.page-numbers li > .page-numbers.current,
ul.page-numbers li > .page-numbers:hover {
  border-radius: 38px;
  background-color: #9d9b9e;
  /*border-bottom: 1px #5b5b5b solid;*/
  /*
  background-image: url('./../images/common/pagination-bg-current01.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;*/
  font-size: 1.35rem;
  font-weight: 500;
  color: #fff;
}
@media all and (max-width: 750px){
  ul.page-numbers li > .page-numbers.current,
  ul.page-numbers li > .page-numbers:hover {
    /*
    background-image: url('./../images_sp/common/sp-pagination-bg-current01.png');
    background-size: 100% 100%;*/
    font-size: 4.0vw;
  }
}

ul.page-numbers li > .page-numbers.next,
ul.page-numbers li > .page-numbers.prev {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 96px;
  height: 30px;
  border: 0;
  border-radius: 30px;
  background-color: #9d9b9e;
  background-repeat: no-repeat;
  background-size: auto auto;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 0.9rem;
  color: #fff;
}
@media all and (max-width: 750px){
  ul.page-numbers li > .page-numbers.next,
  ul.page-numbers li > .page-numbers.prev {
    width: 17vw;
    height: 7vw;
    background-size: 1.5vw auto;
    font-size: 0.8rem;
  }
}

ul.page-numbers li > .page-numbers.next {
  padding: 0 10px 0 0;
  background-image: url('./../images/common/pagination-icn-arrow-next01.png');
  background-position: 87% center;
}
@media all and (max-width: 750px){
  ul.page-numbers li > .page-numbers.next {
    /*position: relative;
    top: -3vw;*/
    padding: 0 2vw 0 0;
    background-position: 89% center;
    /*background-image: url('./../images_sp/common/sp-pagination-icn-arrow-next01.png');
    background-position: center bottom;*/
  }
}

ul.page-numbers li > .page-numbers.prev {
  padding: 0 0 0 10px;
  background-image: url('./../images/common/pagination-icn-arrow-prev01.png');
  background-position: 13% center;
}
@media all and (max-width: 750px){
  ul.page-numbers li > .page-numbers.prev {
    /*position: relative;
    top: -3vw;*/
    padding: 0 0 0 2vw;
    background-position: 11% center;
    /*background-image: url('./../images_sp/common/sp-pagination-icn-arrow-prev01.png');
    background-position: center bottom;*/
  }
}

ul.page-numbers li > .page-numbers.next:hover,
ul.page-numbers li > .page-numbers.prev:hover {
  /*
  background-color: inherit;
  color: inherit;*/
  font-weight: 700;
}

ul.page-numbers li.liNext,
ul.page-numbers li.liPrev {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /*background-color: #000;*/
  color: #04b6df;
}
@media all and (max-width: 750px){
  ul.page-numbers li.liNext,
  ul.page-numbers li.liPrev {
    top: auto;
    bottom: -3vw;
    -ms-transform: none;
    transform: none;
  }
}

ul.page-numbers li.liNext {
  right: 0;
  padding-left: 0;
  padding-right: 0;
}
@media all and (max-width: 750px){
  ul.page-numbers li.liNext {
    right: 0;
  }
}

ul.page-numbers li.liPrev {
  left: 0;
  padding-right: 2px;
  padding-left: 0;
}
@media all and (max-width: 750px){
  ul.page-numbers li.liPrev {
    left: 0;
    padding-right: 1vw;
  }
}

/*
ul.page-numbers li.liNext a,
ul.page-numbers li.liPrev a {
  color: #04b6df;
}*/

/***** Single Navi *****/
.boxSingleNavi{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  /*margin: 10px 0 30px 0;*/
}
@media all and (max-width: 750px){
  .boxSingleNavi{
    /*margin: 5vw 0;*/
  }
}

.boxSingleNavi a[rel="prev"],
.boxSingleNavi a[rel="next"]{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 96px;
  height: 30px;
  border: 0;
  border-radius: 30px;
  background-color: #9d9b9e;
  background-repeat: no-repeat;
  background-size: auto auto;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 0.9rem;
  font-weight: 700;
  color: #fff;
}
@media all and (max-width: 750px){
  .boxSingleNavi a[rel="prev"],
  .boxSingleNavi a[rel="next"]{
    width: 18vw;
    height: 8vw;
    border: 0;
    border-radius: 8vw;
    background-size: 1.5vw auto;
    font-size: 0.8rem;
  }
}

.boxSingleNavi a[rel="prev"]{
  padding-left: 10px;
  background-image: url('./../images/common/pagination-s-icn-arrow-prev01.png');
  background-position: 13% center;
}
@media all and (max-width: 750px){
  .boxSingleNavi a[rel="prev"]{
    padding-left: 2vw;
    /*background-image: url('./../images_sp/common/sp-pagination-s-icn-arrow-back01.png');*/
  }
}

.boxSingleNavi.type2Col a[rel="prev"]{
  left: 0;
}

@media all and (max-width: 750px){
  .boxSingleNavi a[rel="prev"]:hover{
    transform: none;
    -ms-transform: none;
  }
}

.boxSingleNavi a[rel="next"]{
  padding-right: 10px;
  background-image: url('./../images/common/pagination-s-icn-arrow-next01.png');
  background-position: 87% center;
}
@media all and (max-width: 750px){
  .boxSingleNavi a[rel="next"]{
    padding-right: 2vw;
    /*background-image: url('./../images_sp/common/sp-pagination-s-icn-arrow-next01.png');*/
  }
}

.boxSingleNavi.type2Col a[rel="next"]{
  right: 0;
}

@media all and (max-width: 750px){
  .boxSingleNavi a[rel="next"]:hover{
    transform: none;
    -ms-transform: none;
  }
}

.boxSingleToArchive {
  margin-top: -30px;
  /*margin-bottom: 70px;*/
  text-align: center;
}
@media all and (max-width: 750px){
  .boxSingleToArchive {
    margin-top: -8vw;
    /*margin-bottom: 13%;*/
  }
}

.boxSingleToArchive .linkSingleToArchive {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 180px;
  height: 34px;
  border-radius: 34px;
  background-color: #ececec;
  line-height: 1.0;
  letter-spacing: 0.15em;
  font-size: 1.13rem;
  font-weight: 700;
  color: #727171;
}
@media all and (max-width: 750px){
  .boxSingleToArchive .linkSingleToArchive {
    width: 41%;
    height: 8vw;
    padding: 0;
    border-radius: 8vw;
    font-size: 1.0rem;
  }
}

.boxSingleToArchive .linkSingleToArchive span {
  display: inline-block;
  padding: 0;
  /*
  background-image: url('./../images/common/pagination-s-icn-arrow-to-archive01.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto auto;*/
}
@media all and (max-width: 750px){
  .boxSingleToArchive .linkSingleToArchive span {
    padding: 0;
    /*
    background-image: url('./../images_sp/common/sp-pagination-s-icn-arrow-to-archive01.png');
    background-size: 6% auto;*/
  }
}

/***** Breadcrumb *****/
.boxBreadcrumb {
  margin-bottom: 38px;
  padding: 0;
}
@media all and (max-width: 750px){
  .boxBreadcrumb{
    display: none;
  }
}

.breadcrumb {
  width: 1080px;
  margin: 0 auto;
  text-align: center;
}
.breadcrumb div{
  display: inline-block;
  text-align: left;
  letter-spacing: normal;
  font-size: 1.13rem;
}
.breadcrumb a{
  border-bottom: 1px #6f6f6f solid;
}
.breadcrumb .sepaBreadcrumb{
  padding: 0 4px;
}

/***** Accordion *****/
.icnAccordion,
.btnAccordion {
  cursor: pointer;
}
@media all and (max-width: 750px){
  .icnAccordion {
    cursor: pointer;
  }
}

.boxAccordion {
  display: none;
}

.icnAccordionPc {
  cursor: pointer;
}
@media all and (max-width: 750px){
  .icnAccordionPc {
    display: none;
    cursor: auto;
  }
}

.boxAccordionPc {
  display: none;
}
@media all and (max-width: 750px){
  .boxAccordionPc {
    display: block;
  }
}

.icnAccordionSp {
  display: none;
}
@media all and (max-width: 750px){
  .btnAccordionSp {
    margin-bottom: 5%;
  }
  .icnAccordionSp {
    display: inline-block;
  }
  .boxAccordionSp {
    display: none;
  }
}

/* upToTop */
.upToTop{
  display: none;
  position: fixed;
  right: 2%;
  bottom: 30px;
  z-index: 13;
  cursor: pointer;
}
@media all and (max-width: 750px){
  .upToTop{
    right: 1%;
    bottom: 11vw;
    width: 11vw;
    height: auto;
  }
}

.upToTop:hover{
  opacity: 0.8;
}

.upToTop.type02 .btnUpToTop {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  transition: 0.8s;
  width: 150%;
  max-width: none;
  height: auto;
}
.upToTop.type02 .btnUpToTop.active {
  opacity: 1;
  width: 100%;
}

@media all and (max-width: 750px){
  .upToTop .txtPageTop{
    display: inline-block;
    padding: 10px 4vw 0 0;
    font-weight: bold;
    color: #333;
  }
}

.upto{
  display: none;
  position: fixed;
  right: 5%;
  bottom: 288px;
  z-index: 3;
  background-color: #c3c3c3;
  color: #fff;
  font-size: 0.7rem;
}
/* /upToTop */


/**【 /BaseModule 】**/