@font-face {
  font-family: "jins_next_ttregular";
  src: url("/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextRegular.eot");
  src: url("/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextRegular.eot?#iefix") format("embedded-opentype"), url("/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextRegular.woff") format("woff"), url("/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextRegular.ttf") format("truetype"), url("/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextRegular.svg#jins_next_ttregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media (min-width: 320px) and (max-width: 769px) {
	div#contentContainer {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 40px;
	}	
}
.icon-cart:before
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACVklEQVR4Ae3cAWRbaxgG4A9BcVFcFFAMQzEUF1AAoICLiwEuYCguiqGAoCiGYSiGoYACAhiGAoogGAIoIAieC8Bs20SaLzl5Hw4Ar7yQ//v+cyoiIiIiIgKzFZ6/aj3Cau5qPcLqTqpVCvhQrVLAEsfVJgXAdUVrAQscVbQVAG8rng+mfm6B2R49D7jGYW0CXovvmW2kBIzwVfT9CcEb8T0PtQk4wFx867E2BW/Ft97VpuAQTwBiiVe1SRiLvlkYjrAQfRMA3Iir6oIXWNpfcxxWJ3ywv/6tbjixn6YY1TbAnf1zXtsCp/bLpLYNJvbHaW0bnNkPH2tb4cGwLfCithXODdu4th0eDdNT76Era8uL2gUYYWpYpjioNllb/l1tsrb8UrsI/xmGs2qTteVd7TJc2V3L3kNX1pbvaghwbfc84aiGAMdY2i2XNST4YnfMew9dGVO/rjYZUd/XkOAfu2OGP2socICZ3XC/+R8/o4gn3OG8+rWMIRY4rmg7fI0rnve+aMN6L/DRr72pWD+cNN6pDNw0rvcC08ZXOQNLPzfHy4rnYeBq22GuVQq41SoFnKWAZvikVQr4A48poL+ETymgGc5wi3kKiIiIzct27AqfMcMME1ziKPmeCUYYY+nHFrhIvjXDCPd+323y9V9Hv0i+NcBLLBu+uzaIfN0vY1zue77uzxRMBpCvFxZWNxtAvl5YWt3XAeTrhanVfR5Avl54b3VXA8jXC6cNL0UPJl/nzYhx8q13Hfng900wSr6enfANRsm32Z3wDO/xKvkiIiIiImLf/A/XBdpr9BqtogAAAABJRU5ErkJggg==');
}
.detail__itemImage {
	width: calc(100% - 450px);
    max-width: 745px;
}
.detail__itemImage.-weekendset {
	margin-bottom: 20px;
}
.detail__formBlock:nth-child(2) {
	padding-left: 0;
}
.myForm__select div.select {
	height: auto;
	padding: 15px 0 15px 16px;
	font-size: 1.5rem;
    line-height: 1.3;
    border-radius: 0;
}
span.select-arrow:after {
	font-size: 16px;
	top: calc(50% - 6px);
    right: 0;
    color: #747474;
}
.dropdown-content {
	border: 2px solid #f8f8f8;
}
.dropdown-content li {
	font-size: 1.4rem;
	line-height: 2.1;
}

@media (min-width: 320px) and (max-width: 769px) {
	.detail__itemImage {
		width: 100%;
		max-width: 100%;
	}
	.detail__itemImage.-weekendset {
		padding: 0 10px;
	}
}

/* 詳細ページのスタイル */
.detail
{
    position: relative;

    max-width: 1350px;
    margin: 0 auto;
}

.detail__subTitle
{
	margin: 25px 0 5px;
    font-size: 1.5rem;
    color: #1b1b1b;
}
.detail__select
{
    width: 450px;
    right: 0;
    padding: 0 25px;
    background-color: #fff;
}
.detail__title
{
    line-height: 1.8;
}
.detail__itemTitle
{
    font-size: 30px;
    font-weight: bold; 
    color: #1b1b1b;
	line-height: 1.5;
}
.detail__itemTitle small {
	display: block;
	font-size: 60%;
}
.detail__itemTitle__summary {
	font-size: 2.6rem;
    font-weight: normal;
}
.detail__price {
	margin: 12px 0;
	font-size: 1.6rem;
	font-weight: bold;
	color: #1c1c1c;
}
.detail__price b {
	font-size: 2.4rem;
	font-family: "jins_next_ttregular",'proxima-nova', 'Proxima Nova', "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, MyYuGothicM, YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.detail__price small {
	font-size: 75%;
}
.detail__txt {
	font-size: 1.5rem;
    margin: 12px 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
	color: #1c1c1c;
}
.detail__radioBox {
	margin: 25px 0;
}
.detail__radioTit {
	font-size: 1.5rem;
	font-weight: bold;
}
.detail__radioList {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.detail__radioItem {
	width: 49%;
	margin-top: 2%;
    border: 1px solid #f0f0f0;
}
.detail__radio_label span {
	transition: 0.3s;
}
.detail__radio_label span b {
	font-size: 1.8rem;
}
.detail__radioItem:not(.active):hover .detail__radio_label span {
	opacity: 0.7;
}
.detail__radioItem.active {
	background-color: #f8f8f8;
}
.detail__radioItem .detail__radio_label {
	display: flex;
	flex-direction: column;
    align-items: center;
	padding: 20px 4% 4%;
	font-size: 100%;
    font-weight: normal;
}
input[type='radio'] + .detail__radio_label::before,
input[type='radio'] + .detail__radio_label::after {
	content: none;
}
.detail__radio_icon {
	position: relative;
	height: 10px;
    margin-left: -15px;
}
.detail__radio_icon::before {
	position: absolute;
    content: '';
    transition: all .2s;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    margin-top: -9px;
	border: 1px solid #1c1c1c;
}
.detail__radio_icon::after {
	content: '';
	position: absolute;
	left: 3px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    background-color: #1c1c1c;
	transform: scale(1);
    opacity: 0;
    border-radius: 50%;
}
.detail__radioItem.active .detail__radio_icon::after {
	opacity: 1;
}
.detail__radioList.-col1 .detail__radioItem {
	width: 100%;
}
.detail__radio_price
{
	font-weight: bold;
	font-size: 2.0rem;
	font-family: "jins_next_ttregular",'proxima-nova', 'Proxima Nova', "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, MyYuGothicM, YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.detail__radio_price small {
	font-size: 50%;
	font-family: 'proxima-nova';
}
.detail__radio_price span
{
    font-size: 14px;
    font-weight: normal;

    padding-left: 3px;

    color: #3a4763;
}
.detail__radio_text {
	font-size: 1.2rem;
}
.detail__radio_text b {
	font-size: 1.6rem;
	font-family: "jins_next_ttregular",'proxima-nova', 'Proxima Nova', "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, MyYuGothicM, YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.detail__selectBlock {
	margin: 8px 0;
}
.detail__countBtn {
	width: 110px;
	border-radius: 0;
}
.detail__counter {
	margin: 8px 0;
}
.detail__counter input,
.detail__counter button {
	height: 40px;
	transition: 0.3s;
}
.detail__counter button:hover {
	opacity: 0.7;
}
.detail__result {
	border: 0 !important;
    border-radius: 0;
    font-size: 1.4rem;
}
.detail__extention
{
    font-size: 12px;
	color: #626262;
}
.detail__btn button
{
    padding: 25px 0;
    background-color: #2D2A26;
    border-radius: 0;
    transition: 0.3s;
}
.detail__btn button:hover {
	opacity: 1;
    background-color: #4A443E;
}
.detail__btn button.souryou{
    padding: 15px 0; 
}

.detail__text {
	font-size: 1.6rem;
}
@media (min-width: 320px) and (max-width: 769px)
{
    .detail__select
    {
        position: relative;
        top: 0;
        right: 0;

        width: auto;
        max-width: 100%; 
        padding: 0 6%;
        z-index: 0;
    }
    .detail__title
    {
        margin-top: 0; 
        padding: 0;
    }
    .detail__itemTitle {
	    font-size: 7vw;
	    text-align: left;
    }
    .detail__itemTitle__summary {
    	font-size: 6vw;
    }
    .detail__block {
	    padding: 0;
    }
	.detail__radioBox {
		margin: 0;
	}
	.detail__radioTit {
		font-size: 5vw;
	}
    .detail__radio.active {
	    background-color: rgba(247, 247, 247, .9);
    }
    .detail__radio_label span {
	    font-size: 3.7vw;
    }
    .detail__radio_label span b {
		font-size: 4.1vw;
    }
    .detail__radio_label .detail__radio_text {
	 	font-size: 2.9vw;
    }
    .detail__radio_label .detail__radio_price {
	    font-size: 4.8vw;
    }
    .detail__subTitle {
		margin: 20px 0 5px;
    }
    .detail__price b {
	    font-size: 2.0rem;
    }
    .detail__slider {
        padding-top: 20px;
    }
}

.detail__btnArea {
	margin-top: 25px;
}
.banner
{
    max-width: 1350px;
    margin: 0 auto;
}
.readMore
{
    max-width: 1350px;
}
.readMore__title
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;

    height: auto !important;
    margin-bottom: 20px;

    color: #1c1c1c;
}
.readMore__text
{
    font-size: 1.4rem;
    line-height: 1.8;

	width: calc(100% - 450px);
    max-width: 745px;
    margin-top: 0;
    padding-left: 2%;

    color: #1c1c1c;
}
.readMore__text #readBox
{
    overflow: hidden; 

    height: auto;
}
.readMore__attention {
	margin-bottom: 50px;
}
@media (min-width: 320px) and (max-width: 769px)
{
    .readMore
    {
        margin-bottom: 0; 
        padding: 0 6%;
    }
    .readMore .readMore__text {
	    width: 100%;
	    font-size: 1.3rem;
    }
    .readMore__text #readBox {
		overflow: hidden; 
		height: 100%;
	}
}

.information
{
    max-width: 1350px;
    padding: 0 0 30px;
}
.information table
{
    width: 100%; 
    margin: 6% 0;
    border-top: 1px solid #f0f0f0;
}
.information table tr
{
    font-size: 1.3rem; 

    border-bottom: 1px solid #f0f0f0;
}
.information table th,
.information table td
{
    font-weight: normal;
    line-height: 2; 

    padding: 20px 0;

    text-align: left;

    color: #1c1c1c;
}
.information table th
{
    width: 25%;
    min-width: 140px;
}
.information table.information__annotation,
.information table.information__annotation tr {
	border: 0;
}
.information table.information__annotation th,
.information table.information__annotation td {
	padding: 0;
	color: #666666;
}
.information table.information__annotation th {
	width: 6%;
	min-width: 30px;
}
.information__text
{
    color: #1c1c1c;
    font-size: 1.4rem;
}
.information__text.gray {
	color: #666666;
}
@media only screen and (min-width: 770px) {
	.information__text {
		font-size: 1.3rem;
	}
	#bnr_subscription img {
	    width: 100%;
	}	
}
.modalLens,
.modalMovie {
	left: 0;
}

/* top ここから */

.myService .btn {
  position: relative;
  bottom: -10px;
  max-width: 210px;
  padding-bottom: 2px;
  opacity: 0; }
  @media only screen and (max-width: 600px) {
    .myService .btn {
      max-width: 140px; } }
  .ieUnder .myService .btn, .myService .ieUnder .btn {
    opacity: 1; }
  .myService .active.btn {
    -webkit-animation: fadeInBtn;
    -moz-animation: fadeInBtn;
    animation: fadeInBtn;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -webkit-animation-delay: 0;
    animation-delay: 0; }

.myService {
  position: relative;
  padding: 10% 0 20%;
  height: 90vh;
  max-height: 1000px; }
  @media only screen and (max-width: 992px) {
    .myService {
      height: auto;
      max-height: none;
      padding: 0 0 80px; } }
  .myService.coming {
    padding-bottom: 40%; }
    @media only screen and (max-width: 992px) {
      .myService.coming {
        padding-bottom: 80px; } }
  .myService .container {
    position: relative; }
    @media only screen and (max-width: 992px) {
      .myService .container {
        position: static; } }
  .myService .inner {
    position: relative; }
  .myService .bg {
    position: absolute;
    top: 30%;
    left: 40%;
    right: -80px;
    width: 64%;
    max-width: 859px;
    text-align: center; }
    @media only screen and (max-width: 1200px) {
      .myService .bg {
        width: 52%; } }
    @media only screen and (max-width: 1024px) {
      .myService .bg {
        top: 30%;
        left: auto;
        right: 20px; } }
    @media only screen and (max-width: 992px) {
      .myService .bg {
        position: static;
        width: auto;
        height: auto;
        max-width: none;
        margin: 40px -30px 0; } }
    .myService .bg img {
      width: 100%; }
      @media only screen and (max-width: 992px) {
        .myService .bg img {
          width: 100%;
          max-width: 100%;
          height: auto; } }
  .myService .icon {
    max-width: 420px;
    margin-bottom: 60px;
    opacity: 0; }
    @media only screen and (max-width: 992px) {
      .myService .icon {
        margin-bottom: 46px; } }
    .myService .icon.active {
      -webkit-animation: fadeIn;
      -moz-animation: fadeIn;
      animation: fadeIn;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -moz-animation-delay: 0;
      -webkit-animation-delay: 0;
      animation-delay: 0; }

.myQuarity .inner {
  float: right; }

.myQuarity .bg {
  right: unset;
  left: 0; }

.myReview .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  @media only screen and (max-width: 1024px) {
    .myReview .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

/* top ここまで */

/* detail__icon追加分 */
.detail__icon {
    margin-top: 20px;
}
.detail__icon .detail__icon__list {
    display: flex;
    font-size: 10px;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    color: #727272;
    line-height: 1;
}
.detail__icon .detail__icon__list li {
    display: flex;
    background: #f2f2f2;
    padding: 0 4%;
    height: 32px;
    align-items: center;
}
@media only screen and (max-width: 770px) {
    .detail__icon .detail__icon__list li {
    width: 23%;
    padding: 0 3.5%;
    height: calc(100 * 56vw/750);
    justify-content: center;
}
}
@media only screen and (max-width: 500px)  {
    .detail__icon .detail__icon__list li {
        width: auto;
        padding: 0 2.5%;
    }
}
@media only screen and (max-width: 320px)  {
    .detail__icon .detail__icon__list li {
        padding: 0 1%;
    }
}
/* detail__icon追加分 ここまで*/