@charset "utf-8";

html {
    scroll-behavior: smooth;
}
input[type="submit"]:focus {
    outline: none;
}
.main {
	padding-bottom: 0px;
}
.mgb80 {
	margin-bottom: 80px;
}















.col1414_l  {
	color: #666;
}
.photo_in0301 {
	width: 992px;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 70px;
}
.photo03_d {
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 60px;
	width: 316px;
	box-shadow:0px 0px 8px -3px #abb2bf;
}

 


.textMv::before {
    background: none;
}

a.registration--box {
    display: block;
    width: 100%;
    padding: 16px 40px 16px 20px;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
    background: url(https://www.his-j.com/cmn/icon/icon_arrow_right.svg) right 10px center no-repeat;
    background-size: 30px;
    background-color: #FFF;
    border: 1px solid #BBB;
    margin: 0 auto 20px;
}

a.registration--box:hover {
    opacity: .7;
    background-color: #EEE;
}

.textMv__textWrapper {
    padding: 60px 24px 0;
}

.textMv {
    height: 300px;
}

.grid-col__link:hover,
.imgContainer--banner:hover,
.imgContainer--full>img:hover {
    opacity: 1;
  text-decoration: none;
  color:#333;
}
.heading--title{
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin-bottom: 10px;
}
#mainInfo .mb-md{
  text-align: center;
  margin-bottom: 0!important
}
#mainInfo .heading__morelink{
  display: inline-block;
  margin-top: 10px;
  position: relative;
  padding-right: 1.0em
}
#mainInfo .heading__morelink::after{
  content:"\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0
}


#mainInfo .newsRelatedInfo li {
    text-align: center;
    font-size: .9rem;
}

#mainInfo .newsRelatedInfo.departure {
    width: auto;
    margin: auto
}

#mainInfo .newsRelatedInfo.departure li {
    text-align: left;
    font-size: 1.0rem;
    line-height: 1.4;
    font-size: .9rem;
}

#mainInfo .newsRelatedInfo.departure li+li {
    margin-top: 5px
}

#mainInfo .newsRelatedInfo li.note {
    color: #C00;
    font-weight: bold
}

.grid-col__link {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}





.long-banner a img {
    width: 100%;
}

.long-banner a:hover {
    opacity: .7;
    transition: .3s;
}

.textBox__em {
    font-weight: 800;
    letter-spacing: .03em;
    background: linear-gradient(transparent 50%, yellow 50%);
    padding: 0 5px;
}

.shareList {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px 0 0 -5px;
    padding: 0;
}

.shareList__item {
    height: 40px;
    line-height: 40px;
    width: 50px;
    margin: 5px 0 0 5px;
    text-align: center;
}

.shareList__item--title {
    margin-right: 10px;
}

.shareList__item--title h3 {
    font-size: 0.9rem;
}

.shareList__link {
    display: block;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
}

.shareList__link::before {
    font-size: 16px;
    display: block;
    transition: ease-in-out .2s;
    border-radius: 5px;
}

.shareList__link:hover::before {
    background: #ffffff;
    transform: scale(1);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}

.shareList__link.icon-twitter {
    background: #55acee;
}

.shareList__link.icon-twitter:hover::before {
    color: #55acee;
}

.shareList__link.icon-facebook {
    background: #3B5998;
}

.shareList__link.icon-facebook:hover::before {
    color: #3B5998;
}

.shareList__link.icon-google-plus {
    background: #dd4b39;
}

.shareList__link.icon-google-plus:hover::before {
    color: #dd4b39;
}

.shareList__link.icon-hatebu {
    background: #008FDE;
}

.shareList__link.icon-hatebu:hover::before {
    color: #008FDE;
}

.shareList__link.icon-pocket {
    background: #EB4654;
}

.shareList__link.icon-pocket:hover::before {
    color: #EB4654;
}

.shareList__link.icon-rss {
    background: #ff9900;
}

.shareList__link.icon-rss:hover::before {
    color: #ff9900;
}

.shareList__link.icon-feedly {
    background: #6cc655;
}

.shareList__link.icon-feedly:hover::before {
    color: #6cc655;
}

.shareList__link.icon-pinterest {
    background: #cb2027;
}

.shareList__link.icon-pinterest:hover::before {
    color: #cb2027;
}

.shareList__link.icon-linkedin {
    background: #0e76a8;
}

.shareList__link.icon-linkedin:hover::before {
    color: #0e76a8;
}

.shareList__link.icon-line {
    background: #1dcd00;
}

.shareList__link.icon-line:hover::before {
    color: #1dcd00;
}

.faqBox__container a {
    word-break: break-all;
}

.faq--answer,
.faq--question {
    padding-left: 4rem;
    position: relative;
}

.faq--answer {
    margin-bottom: 40px;
}

.faq--answer::before {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-image: url(../images/icon-answer.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-color: #48c409;
    position: absolute;
    left: 12px;
    top: 12px;
}

.faq--answer__icon {
    display: inline-block;
    padding: 30px 0;
    padding-right: 40px;
    position: relative
}

.faq--answer__icon::after {
    content: "";
    background: url("../images/icon_goto.png") no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.pointBox {
    margin: 20px 0 12px;
}

.pointBox li {
    width: 100%;
    padding: 16px;
    margin: 0 0 12px;
}

.notice--text {
    text-align: left;
    font-size: 0.9rem;
    color: #999;
    margin: 0 0 0;
}

.notice--text:first-of-type {
    margin: 20px 0 0;
}

.bnrList li a>p {
    text-align: center;
}

#campaignHowto .section__container{
  padding: 24px 16px
}

#campaignHowto .heading--md{
    border-bottom: 1px dotted;
    padding-bottom: 3px;
  font-size:1.0rem
  }
  
  .howtoBox{
    padding: 1.0em;
    background: #F2F2F2
  }
  .howtoBox--list{
    margin-bottom: 32px;
  }
  .howtoBox--list>li{
    margin-bottom: 5px;
    font-size:0.9rem;
    line-height: 1.4
  }
  .howtoBox--list .howtoBox--list__notice{
    position: relative;
    padding-left: 1.0em;    
  }
  .howtoBox--list .howtoBox--list__notice::before{
    content: "※";
    position: absolute;
    top: 0;
    left: 0
  }
  .howtoBox--list.info__txt{
    margin-bottom: 0
  }
  .howtoBox--list.info__txt li{
    position: relative;
    padding-left: 1.0em;
    word-break: break-all
  }
  .howtoBox--list.info__txt>li:not(.howtoBox--list__notice)::before{
    content:"・";
    position: absolute;
    top: 0;
    left: 0
  }
  .howtoBox--list.caution{
    margin-bottom: 16px;
  }
  .howtoBox--list.caution>li{
    font-size:0.85rem;
    font-weight: bold;
    margin-bottom: 3px;
    position: relative;
    padding-left: 1.0em
  }
  .howtoBox--list.caution>li:not(.howtoBox--list__notice)::before{
    content:"・";
    position: absolute;
    top: 0;
    left: 0
  }
  .howtoBox--list .heading--ss{
    font-weight: 700;
    margin-bottom: 0
  }
  .howto--ec{
    position: relative;
    padding-left: 1.0em
  }
  .howto--ec::before{
    content:"・";
    position: absolute;
    top: 0;
    left: 0
  }
.howtoBox--list>li .target__icon {
    display:inline-block;
    padding: 10px 0;
    padding-right: 50px;
    position: relative
}

.howtoBox--list>li .target__icon::after {
    content: "";
    background: url("../images/icon_goto.png") no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}



  .howto--resist{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
  }
  .howto--resist>li{
    width: calc(98% / 2);
    background:#4cb330;
    border-radius: 4px;
    margin-bottom: 0.5em
  }
  .howto--resist>li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; 
    color:#FFF;
    padding: 7px;
    text-align: center;
    font-size:12px;
  }

.howto--ec__img{
  display: block;
  text-align: center;
  margin: 10px auto
}
.howto--ec__img img{
  max-width: 100%
}
.howto--ec__img>span{
  display: block;
  text-align: left;
  margin-bottom: 5px
}
.textBox p{
  font-size:0.9rem;
  line-height: 1.4
}


/* sp */
#sec_search {
    width: 97%;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

#sec_search h2 {
    background: #009;
    padding: 5px;
    font-weight: 700;
    font-size: 120%;
    color: #FFF;
}

#seachBox {
    padding: 10px;
}

#seachBox .formInner dl {
    margin: 0 auto 2vw;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#seachBox .formInner dl dt {
    width: 38%;
    float: left;
    margin-right: 1%;
    font-size: 3.6vw
}

#seachBox .formInner dl dd {
    width: 60%;
    float: right;
    margin-right: 1%;
    font-size: 3.0vw
}

#seachBox .formInner dl.sec02 dd input {
    margin-right: 1%;
}

#seachBox .formInner dl.sec04 dt small {
    font-size: 85%;
    color: #C00;
}

#seachBox .formInner dl.sec01 dt,
#seachBox .formInner dl.sec01 dd {
    float: none;
    margin-right: 0;
    margin-bottom: 1%;
    vertical-align: middle;
}

#seachBox .formInner dl.sec01 dd {
    min-width: 80%;
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#seachBox .sec07 p {
    text-align: center;
    margin: 15px 0 10px 0;
}

#seachBox .sec07 .btn_search {
    width: 60%;
    font-size: 5.0vw;
    border-bottom: #000000 solid 3px;
    border-radius: 7px 7px 7px 7px;
    height: 50px;
    font-weight: bold;
    color: #FFF;
    background: #009;
    border-radius: 50px;
}

#seachBox .btn_HTBsearch {
    background: #f60;
    border-radius: 5px;
    border: none;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 120%;
}

.discountBox {
    margin-bottom: 60px;
}

.discountBox:last-child {
    margin-bottom: 0;
}

.discountBox--wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    padding: 10px 0;
}


.discountBox--header {
    width: 100%;
    margin-bottom: 2%;
    background-color: #48c409;
    border-radius: 6px;
    text-align: center;
    padding: 10px;
}

.discountBox--left {
    width: 49%;
    margin-right: 1%;
    background-color: red;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.discountBox--leftTop {
    margin-bottom: 2%;
    width: 100%;
    font-size: 0.9rem;
}

.discountBox--leftTop .discountBox--subtext {
    font-weight: bold;
    color: yellow;
}

.discountBox--leftMiddle {
    width: 100%;
    background-color: #FFF;
    color: red;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.discountBox--leftBottom {
    width: 100%;
    background-color: #2488ff;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.discountBox--right {
    width: 49%;
    margin-left: 1%;
    background-color: #0057b8;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.discountBox--footer {
    width: 100%;
    margin-top: 2%;
    background-color: #FFF;
    border: 3px solid #0057b8;
    border-radius: 6px;
    text-align: left;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    flex-wrap: wrap;
}

.discountBox--footer p:first-child {
    width: 100%;
    /* color: #0057b8; */
    color: #555;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
    padding-left: 25px;
    position: relative;
}

.discountBox--footer p:first-child::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(https://www.his-j.com/cmn/icon/icon_info.svg) no-repeat 0 0;
    /* color: #0057b8;
    fill: currentColor; */
    background-size: cover;
    position: absolute;
    top: 1px;
    left: 0;
}


.discountBox--footer p:last-child {
    width: 100%;
}

.discountBox--footer p:last-child span {
    font-weight: bold;
    color: #0057b8;
}

.discountBox--leftMiddle p,
.discountBox--leftBottom p,
.discountBox--right p {
    width: 90%;
    font-weight: bold;
}

.discountBox--subtext {
    font-size: 0.8rem;
    font-weight: normal;
}

.discountBox--price {
    font-size: 1.4rem;
    font-weight: bold;
    margin-right: 1%;
    line-height: 1;
}

.discountBox--notice-red {
    font-size: 1rem;
    color: red;
    margin-top: 5px;
    text-align: left;
    line-height: 1.4;
}

.result-subtext {
    font-size: 0.9rem;
    font-weight: 300;
}



#simulator_goto .discountBox--wrap {
    border: none;
    padding: 0;
    margin-top: 20px;
}

#simulator_goto .section__container {
    padding: 12px;
    margin: 12px;
    border: 1px solid #DDD;
    border-radius: 12px;
    background-color: #FFF;
}
.mvNav__list{
  padding: 0;
}

.mvNav__list>li {
  line-height: 1.2;
}



.grid-row.grid-row--narrowGutter {
    
    margin: 0;
    background-color: #ffffff;
    border-radius: 6px 6px 0 0;
    /* border-bottom: 5px solid #4cb330; */
}


#itemSection .grid-col8 {
    width: 50%;
    padding: 0 8px 0;
}

#itemSectionWrapper.section__container {
    padding: 24px 0;
    box-sizing: border-box;
}

li.search__list--item { 
    width: 100%;
}

@media screen and (min-width:768px) and ( max-width:1024px){
	.koku_photo03{
		width: 31%;
	}
	.photo_in0301 {
	width: 100%;
}
	.photo03_d {
		width: 30%;
	}
}


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

	.koku_photo03 {
	width: 100%;
}
	.photo_in0301 {
	width: 100%;
		
}
	
	
	
	
	
   

    .sp-none {
        display: none!important;
    }

    .pc-none {
        display: static!important;
    }
	
	.grid-col2--sp, .grid-col6 {
		width: 33.3%;
	}
	
	

    /*検索エリア*/
    .search__lead {
        font-size: calc(24vw/ (750 /100));
    }

    .search__list--item {
        width: calc(690vw/ (750 / 100));
        margin: calc(40vw/ (750 /100)) auto;
    }

    .search__list--button {
        padding: calc(30vw/ (750 / 100)) calc(80vw/ (750 / 100));
        padding-bottom: calc(34vw/ (750 / 100));
        border: calc(2vw/ (750 / 100)) solid #000;
        background: #fff;
        display: block;
        font-size: calc(28vw/ (750 / 100));
        line-height: 1.2;
        font-weight: bold;
        text-align: center;
    }

    .button {
        padding-right: calc(100vw/ (750 / 100));
        position: relative;
    }

    .search__list--button::after {
        content: "";
        width: calc(60vw/ (750 / 100));
        height: calc(60vw/ (750 / 100));
        background: none;
        background-size: cover;
        position: absolute;
        top: 0;
        bottom: 0;
        right: calc(16vw/ (750 / 100));
        margin: auto;
    }

    .search__list--button[target="_blank"]::after {
        right: calc(20vw/ (750 / 100));
    }

    #sec_search {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
        background: url(/kokunai/campaign/genki/kanto/images/bg_search_sp.jpg) no-repeat center;
        background-size: cover;
        padding: 0;
        background-size: auto 100%;
    }

    #seachBox {
        width: 100%;
        margin: auto;
        background-color: rgba(0, 0, 0, .6);
        box-sizing: border-box;
        padding: 15px;
    }

    #seachBox select {
        padding: calc(4vw / (750 / 100));
        background: url(https://www.his-j.com/cmn/n-headfoot/images/arrow_down.svg) right 10px center no-repeat;
        background-size: 12px 7px;
        padding-right: 18px;
    }

    #seachBox input {
        padding: calc(8vw / (750 / 100));
        padding-top: calc(12vw / (750 / 100));
    }

    #seachBox .formInner dl {
        display: flex;
        align-items: center;
        margin-bottom: calc(30vw / (750 / 100)) !important;
    }

    #seachBox .formInner dl dt {
        width: 24% !important;
        float: none;
        font-size: calc(28vw / (750 / 100)) !important;
        color: #FFF !important
    }

    #seachBox .formInner dl dd {
        /* width: 75% !important; */
        margin-right: 0 !important;
        float: none;
        font-size: calc(28vw / (750 / 100)) !important;
        color: #fff !important
    }

    #seachBox .formInner dl.sec02 dd img {
        display: none;
        /*width: calc(50vw / (750 / 100)) !important;*/
    }

    #seachBox .formInner dl.sec02 dd input,
    #seachBox .formInner dl.sec06 dd input {
        box-sizing: border-box;
        border: calc(2vw / (750 / 100)) solid;
    }

    #seachBox .formInner dl.sec06 dd input {
        width: 100%;
    }

    #seachBox .sec07 .btn_search {
        width: 80% !important;
        height: calc(84vw / (750 / 100)) !important;
        background: #000 !important;
        border: calc(2vw / (750 / 100)) solid #fff;
        border-bottom-width: calc(2vw / (750 / 100)) !important;
        border-bottom-color: #fff !important;
        font-size: calc(28vw / (750 / 100)) !important;
        color: #fff !important;
        border-radius: 50px;
    }

    .sp #seachBox .sec07 p {
        margin: calc(50vw / (750 / 100)) 0 0 0 !important;
    }

    #ui-datepicker-div.ui-datepicker {
        width: 85% !important
    }

    .tagNav__list {
        width: 100%;
        flex-wrap: wrap;
    }

    .tagNav__list>li {
        margin-right: 16px;
        margin-bottom: 10px;
        /* width: 25%; */
    }

    
    #seachBox .formInner dl dt {
        width: 30% !important;
    }
}

@media only screen and (min-width: 741px) {
    .pc-none {
        display: none !important;
    }

    .sp-none {
        display: static !important;
    }

    .textMv {
        height: 400px;
    }

    .textMv__textWrapper {
        padding: 90px 24px 0;
    }

    .textMv::before {
        background: none;
    }

    .breadcrumb {
        width: 100%;
    }

    .textMv__textWrapper {
        width: 100%;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
    }

    .section__container {
        width: 100%;
        margin: 0 auto;
        padding: 32px 16px;
    }
  
  .mvNav__list{
    padding: 0 24px
  }

    #mainInfo .newsRelatedInfo.departure {
        margin: auto;
      padding: 0 24px
    }
  
  .grid-col__link:hover,
.imgContainer--banner:hover,
.imgContainer--full>img:hover {
    opacity: .7;
  text-decoration: none;
  color:#333;
}

    .shareList__item {
        height: 30px;
        line-height: 30px;
        width: 90px;
    }

    .shareList__item--title h3 {
        font-size: 1rem;
    }

    /* .faqBox__container .textBox {
        display: flex;
        flex-wrap: nowrap;
    }
    .faqBox__container .faq--question {
        width: 40%;
        padding: 16px 16px 16px 4rem;
    }
    .faqBox__container .faq--answer {
        width: 60%;
        margin: 0;
    }
    .faqBox__container .faq--question::before{
        top: 12px;
    } */
    .pointBox li {
        width: 24%;
        margin: 0 0.5% 1%;
        padding: 16px;
    }

    #sec_search {
        width: 100%;
        margin: 0 auto;
        background: #fff;
        border-radius: 5px;
        overflow: hidden;
    }

    #sec_search h2 {
        background: #009;
        padding: 5px;
        font-weight: 700;
        font-size: 18px;
        color: #FFF;
    }

    #seachBox {
        padding: 10px 20px 5px;
    }
  #seachBox input{
    line-height: 1.15!important
  }

    #seachBox .formInner dl {
        margin-bottom: 20px;
    }

    #seachBox .formInner dl dt {
        color: #FFF;
        background: #009;
        padding: 3px 8px;
        display: inline-block;
        border-radius: 3px;
        margin-right: 10px;
        font-size: 14px;
        max-width: 100px;
        text-align: center;
    }

    #seachBox .formInner dl dd {
        display: inline-block;
        font-size: 16px;
        float: left;
    }

    #seachBox .sec01 dd label {
        margin-right: 20px;
    }

    #seachBox .formInner dl.sec02,
    #seachBox .formInner dl.sec04 {
        display: inline-block;
        margin-right: 1%;
        width: 48%;
    }

    #seachBox .formInner dl.sec02 dd input {
        margin-right: 5px;
    }

    #seachBox .formInner dl.sec03,
    #seachBox .formInner dl.sec05 {
        display: inline-block;
        margin-right: 0;
        width: 50%;
    }

    #seachBox .formInner dl.sec06 input[type="text"],
    textarea {
        width: 100%;
        min-width: 500px;
        max-width: 700px;
    }

    #seachBox .sec07 p {
        text-align: center;
        margin: 15px 0 10px 0;
    }

    #seachBox .sec07 .btn_search {
        font-size: 24px;
        border: none;
      line-height: 1.15!important
    }

    #seachBox .btn_search {
        background: #009;
        border-radius: 5px;
        border: none;
        padding: 10px 20px;
        font-weight: 700;
        font-size: 18px;
        color: #FFF;
        cursor: pointer;
    }

    /*検索エリア*/
    #searchArea {
        background: url("../images/bg_search_pc.jpg") no-repeat center 0;
        background-size: cover;
    }

    .search__list {
        display: flex;
      margin-bottom: 0!important
    }

    li.search__list--item {
        width: auto;
    }

    .search__list--item:not(:last-child) {
        margin-right: 3px;
    }

    .search__list--button {
        padding: 15px 20px;
        padding-bottom: 17px;
        border: 2px solid #FF3366;
        background: #fff;
        display: block;
        font-size: 14px;
        line-height: 1.2;
        font-weight: bold;
    }

    .search__list--button.is-active,
    .search__list--button:not(.is-active):hover {
        background: #FF3366;
        color: #fff;
    }

    .search__list--button:not(.is-active) {
        padding-right: 50px;
        position: relative;
    }

    .search__list--button:not(.is-active)::after {
        content: "";formInner
        width: 30px;
        height: 30px;
        background: url(/cmn/icon/icon_arrow_right.svg) no-repeat 0 0;
        background-size: cover;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 8px;
        margin: auto;
    }


    .search__list--button:not(.is-active)[target="_blank"]::after {
        background-image: url(/cmn/icon/icon_blank.svg);
        right: 10px;
    }

    .search__list--button:not(.is-active):hover::after {
        background-image: url(/cmn/icon/icon_arrow_right_white.svg);
    }

    .search__list--button:not(.is-active)[target="_blank"]:hover::after {
        background-image: url(/cmn/icon/icon_blank_white.svg);
    }

    #sec_search {
        border: 4px solid #FF3366;
        border-radius: 0 !important;
        margin-top: -2px !important;
        position: relative;
    }

    #seachBox {
        padding: 16px 15px 10px !important;
    }

    #seachBox .formInner dl dt {
        width: 30%;
        background: #FF3366 !important;
        padding: 5px 8px !important;
    }

    #seachBox .formInner dl.sec02 dd input {
        margin-right: 5px;
        max-width: 200px;
    }

    #seachBox input,
    #seachBox select,
    #seachBox textarea {
        padding: 5px;
    }

    #sec_search .btn_search {
        background: #F90 !important;
        box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
    }

    .discountBox .heading--sm {
        font-size: 1.4rem;
        margin-bottom: 10px;
        text-align: center;
    }

    .discountBox--wrap {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        padding: 24px;
        border: 1px solid #EEE;
        background-color: #FFF;
    }

    .discountBox--left {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 16px;
    }

    .discountBox--leftTop {
        margin-bottom: 2%;
        width: 100%;
    }

    .discountBox--leftMiddle {
        width: 49%;
        /* margin-right: 1%; */
        margin-bottom: 0;
    }

    .discountBox--leftBottom {
        width: 49%;
        /* margin-left: 1%; */
        margin-bottom: 0;
    }

    .discountBox--footer {
        flex-wrap: nowrap;
    }

    .discountBox--footer p:first-child {
        width: 10%;
        min-width: 110px;
        font-size: 1.2rem;
        font-weight: bold;
        margin-bottom: 0;
    }

    .discountBox--footer p:last-child {
        width: 90%;
    }

    .discountBox--price {
        font-size: 2.2rem;
    }

    .discountBox--leftTop {
        margin-bottom: 2%;
        width: 100%;
        font-size: 1.2rem;
    }

    .discountBox--leftTop .discountBox--subtext {
        font-size: 1rem;
        margin-left: 5px;
    }

    #simulator_goto .discountBox--wrap {
        border: none;
        background-color: transparent;
        padding: 12px;
    }

    #simulator_goto .section__container {
        margin: 12px auto;
        padding: 36px 24px 24px;
    }

   
    .grid-row.grid-row--narrowGutter {
        padding: 15px 0px 5px;
        margin: 0;
        border-radius: 6px 6px 0 0;
        background-color: transparent;
        /* border-bottom: 5px solid #4cb330; */
    }

    

    #itemSection .grid-col8 {
        width: calc(100% / 9);
        padding: 0 4px 0;
    }

    #itemSectionWrapper.section__container {
        padding: 24px;
    }
  
  #campaignHowto .section__container{
  padding: 24px 24px
}
  
  #campaignHowto .heading--md{
    font-size:1.43rem
  }
  
  .howtoBox--list>li{
    font-size:1rem;
  }
  .textBox p{
    font-size:1rem;  
}
  
  .howtoBox{
    padding: 20px;
  }
    .howto--ec__img{

    width: 800px;
  }
  .howto--resist>li{
    width: calc(97% / 4);
    background:#4cb330;
    border-radius: 4px;
  }
  
  

}

@media only screen and (min-width: 1024px) {
    .textMv {
        height: 400px;
    }

    .breadcrumb {
        width: 1024px;
    }

    .textMv__textWrapper {
        width: 1024px;
    }

    .section__container {
        width: 1024px;
    }

   

}


/* ------------------------------------------------------------------------
シミュレーター　20200719追記
-------------------------------------------------------------------------- */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#simulator_goto {
    margin: 5px auto;
    padding-top: 15px;
  padding-bottom: 15px!important;
    width: 100%;
    background-color: #fdfdfd;
}
#simulator_goto .section__heading .heading--subTitle{
  font-size:0.5em;
  margin-top: 5px;
  color:#C00;
  line-height: 1.4
}

form.needs-validation {
    margin: 0 0 10px;
    padding: 0 0 30px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

form.needs-validation {
    width: 100%;
}

form.needs-validation ul {
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    flex-direction: row;
}

form.needs-validation ul>li {
    display: block;
    width: 100%;
    align-items: flex-start;
    height: 60px;
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: left;
}

form.needs-validation ul>li label {
    color: #333;
}

form.needs-validation .form-control {
    padding: .375rem .75rem;
    font-size: 1.5rem;
}

button.btn.btn-primary.btn-lg.btn-block {
    width: 60%;
    margin: 0 auto;
}

button.btn.btn-primary.btn-lg.btn-block a {
    color: #FFF;
    text-decoration: none;
}

form.needs-validation ul>li span {
    position: relative;
    width: 30%;
    text-align: center;
    padding: 2px 0;
    font-size: 1rem;
    color: #282828;
}


.submit {
    text-align: center;
}

.submit button {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    width: auto;
    font-size: 20px;
    padding: 10px 90px 8px;
    margin: 10px auto 0;
    color: #fff;
    background: no-repeat right center #F90;
    -webkit-background-size: auto 106px;
    background-size: auto 106px;
    border: none;
    cursor: pointer;
    transition: all 0.25s linear;
    border-radius: 2px;
    border-radius: 50px;
}

.submit button:hover {
    opacity: 0.8;
}

@media screen and (max-width: 768px) {
	
    #simulator_goto {
        margin: 5px auto 0;
        padding: 5px 2px 0;
        width: 100%;
    }

    form.needs-validation {
        margin: 0 0 10px;
        padding: 5px 5px 15px;
    }

    form.needs-validation ul {
        margin: 10px 0 0;
        padding: 0;
        flex-direction: column;
    }

    form.needs-validation ul>li {
        width: 100%;
        height: auto;
        padding: 4px 0;
        margin-bottom: 10px;
    }

    button.btn.btn-primary.btn-lg.btn-block {
        width: 90%;
        margin: 0 auto;
    }

    .submit {
        margin-top: 4px;
    }

    .submit button {
        font-size: 14px;
        padding: 10px 40px 8px;
        margin: 0;
        border-radius: 50px;
    }
}





/* スマホ検索BOX 20200727 */

@media only screen and (max-width: 740px) {
    #seachBox .formInner dl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: calc(20vw / (750 / 100)) !important;
    }

    #seachBox .formInner dl dt {
        width: 100% !important;
        font-size: calc(25vw / (750 / 100)) !important;
    }

    #seachBox .formInner dl dd {
        width: 100% !important;
        margin-right: 0 !important;
        float: none;
        font-size: calc(28vw / (750 / 100)) !important;
        color: #fff !important;
        position: relative;
    }

    #seachBox .formInner dl.sec01 dt {
        float: none;
        margin-right: 0;
        margin-bottom: 1%;
        vertical-align: middle;
    }

    #seachBox .formInner dl.sec01 dd {
        float: none;
        margin-right: 0;
        margin-bottom: 0;
        vertical-align: middle;
        min-width: 70%;
        margin-left: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border: 1px solid #FFF;
        padding: 8px 5px 0;
    }

    #seachBox .formInner dl dd label {
        padding: 0 5px 8px;
    }

    #seachBox select#set_country1 {
        width: 100%;
        padding: 14px;
        border-radius: 4px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #FFF;
    }

    #seachBox select#set_city1 {
        width: 100%;
        padding: 14px;
        border-radius: 4px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

    #seachBox select {
        background-color: #FFF;
    }

    #seachBox select:disabled {
        opacity: 0.7;
        border-color: rgba(118, 118, 118, 0.3);
    }

    #seachBox input#min_date,
    #seachBox input#min_date01,
    #seachBox input#min_date02,
    #seachBox input#min_date03,
    #seachBox input#min_date04,
    #seachBox input#min_date05,
    #seachBox input#min_date06,
    #seachBox input#min_date07,
    #seachBox input#min_date08,
    #seachBox input#min_date09 {
        width: 100%;
        padding: 14px;
        border-radius: 4px;
        border: none;
    }

    #seachBox div#set_days {
        font-size: 11px;
    }

    #seachBox div#set_days span.min_max_between {
        margin: 0 5px 0 0;
    }

    #seachBox .formInner dl.sec02 dd img {
        display: block;
        width: calc(34vw / (750 / 100)) !important;
        position: absolute;
        top: 11px;
        right: 8px;
    }

    img.ui-datepicker-trigger {
        vertical-align: middle;
    }

    #seachBox div#set_days select#set_min_days {
        width: 35%;
        padding: 14px;
        border-radius: 4px;
        font-size: calc(28vw / (750 / 100)) !important;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #FFF;
    }

    #seachBox div#set_days select#set_max_days {
        width: 35%;
        padding: 14px;
        border-radius: 4px;
        font-size: calc(28vw / (750 / 100)) !important;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #FFF;
    }

    #seachBox .formInner dl.sec06 dd input#set_keyword {
        width: 100%;
        padding: 14px;
        border-radius: 4px;
        border: none;
    }

    #seachBox .sec07 .btn_search {
        width: 80% !important;
        height: calc(84vw / (750 / 100)) !important;
        font-size: calc(28vw / (750 / 100)) !important;
        color: #fff !important;grid-row
        border-radius: 4px;
        border: none;
        background: #ff6200 !important;
        position: relative;
    }

    #seachBox .sec07 p {
        position: relative;
        margin: 25px 0 15px;
    }

    /* #seachBox .sec07 p::after {
		display: block;
		position: absolute;
		top: 14px;
		left: 50px;
		width: 15px;
		height: 15px;
		background: url(/searchMod/img/icon_search.svg) no-repeat;
		content: '';
	} */

}