@charset "UTF-8";
/*
	@include sc(pc) {
		width: 100%;
	}
	@include sc(sp) {
		width: 50%;
	}
*/
/*
	@include hover() {
		opacity: 0.6;
	}
*/
/*
	$line:イラレの行の値
	$size:イラレの文字の値

	@include lh(38, 15);
*/
/*
	$size:object-fitの値

	@include objectfit();
	@include objectfit('contain');
*/
/*
	@include taJ();
*/
/*
	@extend %rightarr;
*/
/*
@mixin f_roboto($weight:400) {
	font-family: 'Roboto',"游ゴシック","游ゴシック体","Yu Gothic",YuGothic, sans-serif;
	font-weight:$weight;
}
Robotoフォント設定
400：Regular（デフォルト）
500：Medium
700：Bold
*/
/*
	$weight:フォントの太さ

	@include f_min();
	@include f_min(500);
	@include f_min(600);
*/
/*
	$color:色指定
	$stripe:線サイズ
	$spacing:線の空きサイズ
	$height:太さ

	@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Overpass:wght@100;300;400;500;600;700&display=swap");
.Note_Sans_JP {
  font-family: 'Noto Sans JP', sans-serif; }

.Note_Serif_JP {
  font-family: 'Noto Serif JP', serif; }

.zen_kaku_Gothic_New {
  font-family: 'Zen Kaku Gothic New', sans-serif; }

.Overpass {
  font-family: 'Overpass', sans-serif; }

#p_price {
  margin: 0 0 96px;
  padding-top: 40px; }
  @media screen and (max-width: 640px) {
    #p_price {
      margin-bottom: 12%;
      padding-top: 30px; } }
  #p_price h2 {
    width: 220px;
    margin: 0 auto 48px; }
    #p_price h2 img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 640px) {
      #p_price h2 {
        width: 44.1%;
        margin: 0 auto 6%; } }
  #p_price .price_tb {
    width: 1100px;
    margin: 0 auto 0;
    box-sizing: border-box;
    border-left: solid 1px #333;
    border-top: solid 1px #333; }
    @media screen and (max-width: 640px) {
      #p_price .price_tb {
        width: 100%; } }
    #p_price .price_tb .tr {
      border-bottom: solid 1px #333; }
      #p_price .price_tb .tr.title_area {
        background-color: #F8B62D;
        display: flex;
        justify-content: space-between; }
        #p_price .price_tb .tr.title_area .th {
          width: 300px;
          height: 64px;
          display: flex;
          justify-content: center;
          align-items: center;
          box-sizing: border-box;
          border-right: solid 1px #333;
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 14px;
          font-weight: 700;
          color: #333333; }
        #p_price .price_tb .tr.title_area .td {
          width: 160px;
          height: 64px;
          display: flex;
          justify-content: center;
          align-items: center;
          box-sizing: border-box;
          border-right: solid 1px #333;
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 14px;
          font-weight: 700;
          color: #333333;
          text-align: center; }
      #p_price .price_tb .tr.price_area {
        background-color: #FFF;
        display: flex;
        justify-content: space-between; }
        #p_price .price_tb .tr.price_area .th {
          width: 300px;
          height: 120px;
          box-sizing: border-box;
          border-right: solid 1px #333; }
          #p_price .price_tb .tr.price_area .th .col2 {
            display: flex;
            justify-content: space-between; }
            #p_price .price_tb .tr.price_area .th .col2 .ph {
              width: 50%; }
              #p_price .price_tb .tr.price_area .th .col2 .ph img {
                width: auto;
                height: 110px; }
            #p_price .price_tb .tr.price_area .th .col2 .name {
              width: 50%;
              text-align: center;
              font-family: 'Zen Kaku Gothic New', sans-serif;
              font-size: 20px;
              font-weight: 700;
              color: #333333;
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              align-items: center;
              line-height: 1.2;
              padding: 20px 0; }
              #p_price .price_tb .tr.price_area .th .col2 .name span {
                font-family: 'Zen Kaku Gothic New', sans-serif;
                font-size: 14px;
                font-weight: 400;
                color: #333333;
                display: block;
                width: 100%; }
        #p_price .price_tb .tr.price_area .line2 .tr2 {
          width: 100%;
          height: 60px;
          display: flex;
          justify-content: space-between;
          border-bottom: solid 1px #333; }
          #p_price .price_tb .tr.price_area .line2 .tr2 + .tr2 {
            border-bottom: none; }
          #p_price .price_tb .tr.price_area .line2 .tr2 .td {
            width: 160px;
            height: 60px;
            box-sizing: border-box;
            border-right: solid 1px #333;
            font-family: 'Zen Kaku Gothic New', sans-serif;
            font-size: 14px;
            font-weight: 500;
            color: #333333;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center; }
            #p_price .price_tb .tr.price_area .line2 .tr2 .td span {
              font-size: 18px; }
  @media screen and (max-width: 640px) {
    #p_price .price_tb {
      width: 90%;
      margin: 0 auto 0;
      border: none; }
      #p_price .price_tb .price_area {
        width: 100%;
        margin: 0 auto 5%;
        border-left: solid 1px #333;
        border-top: solid 1px #333;
        border-right: solid 1px #333; }
        #p_price .price_tb .price_area .th .tit {
          text-align: center;
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 4vw;
          font-weight: 700;
          background-color: #F8B62D;
          padding: 3% 0; }
        #p_price .price_tb .price_area .th .col2 {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-top: solid 1px #333;
          background-color: #FFF; }
          #p_price .price_tb .price_area .th .col2 .ph {
            width: 50%; }
            #p_price .price_tb .price_area .th .col2 .ph img {
              width: 100%;
              height: auto; }
          #p_price .price_tb .price_area .th .col2 .name {
            width: 50%;
            text-align: center;
            font-family: 'Zen Kaku Gothic New', sans-serif;
            font-size: 5.6vw;
            font-weight: 700; }
            #p_price .price_tb .price_area .th .col2 .name span {
              font-size: 3.6vw;
              font-weight: 500;
              display: block; }
        #p_price .price_tb .price_area .line + .line .title {
          border-top: none; }
        #p_price .price_tb .price_area .line .title {
          text-align: center;
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 4.2vw;
          font-weight: 700;
          padding: 3% 0;
          background-color: #F8B62D;
          border-top: solid 1px #333;
          border-bottom: solid 1px #333; }
        #p_price .price_tb .price_area .line .tr {
          display: flex;
          justify-content: space-between; }
          #p_price .price_tb .price_area .line .tr .td {
            width: calc(100% / 4);
            box-sizing: border-box;
            border-right: solid 1px #333;
            text-align: center;
            font-family: 'Zen Kaku Gothic New', sans-serif;
            font-size: 3.0vw;
            font-weight: 700;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 3% 0; }
            #p_price .price_tb .price_area .line .tr .td:last-child {
              border-right: none; }
          #p_price .price_tb .price_area .line .tr.tit {
            background-color: #E5E5E5;
            text-align: center;
            font-family: 'Zen Kaku Gothic New', sans-serif;
            font-size: 3.0vw;
            font-weight: 700; } }
  #p_price .price_rem {
    width: 1100px;
    padding: 16px 0 0;
    margin: 0 auto 64px;
    text-align: right;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333333; }
    @media screen and (max-width: 640px) {
      #p_price .price_rem {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
        font-size: 2.8vw;
        margin: 0 auto 8%; } }
  #p_price .other_price {
    width: 1100px;
    margin: 0 auto 0;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 640px) {
      #p_price .other_price {
        width: 90%;
        display: block; } }
    #p_price .other_price .l_box {
      width: 510px; }
      @media screen and (max-width: 640px) {
        #p_price .other_price .l_box {
          width: 100%; } }
      #p_price .other_price .l_box h4 {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
        background-color: #3EA6B2;
        font-family: 'Zen Kaku Gothic New', sans-serif;
        font-size: 18px;
        font-weight: 700;
        color: #FFF;
        margin-bottom: 16px; }
        @media screen and (max-width: 640px) {
          #p_price .other_price .l_box h4 {
            font-size: 4.0vw;
            height: 30px; } }
      #p_price .other_price .l_box p {
        font-family: 'Zen Kaku Gothic New', sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #333333;
        text-align: center;
        margin-bottom: 40px; }
        #p_price .other_price .l_box p a {
          text-decoration: underline; }
        @media screen and (max-width: 640px) {
          #p_price .other_price .l_box p {
            font-size: 3.6vw;
            margin: 0 0 5%; } }
      #p_price .other_price .l_box .col2 {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 640px) {
          #p_price .other_price .l_box .col2 {
            margin-bottom: 5%; } }
        #p_price .other_price .l_box .col2 .col {
          width: 250px;
          /*width: 100%;*/
          height: 100px;
          border-radius: 4px;
          border: solid 1px #333;
          box-sizing: border-box;
          display: flex;
          justify-content: center;
          align-items: center;
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 16px;
          font-weight: 700;
          color: #333333;
          background-color: #FFF; }
          @media screen and (max-width: 640px) {
            #p_price .other_price .l_box .col2 .col {
              width: 48%;
              height: 70px;
              font-size: 3.6vw;
              text-align: center; } }
    #p_price .other_price .r_box {
      width: 510px; }
      @media screen and (max-width: 640px) {
        #p_price .other_price .r_box {
          width: 100%; } }
      #p_price .other_price .r_box h4 {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
        background-color: #3EA6B2;
        font-family: 'Zen Kaku Gothic New', sans-serif;
        font-size: 18px;
        font-weight: 700;
        color: #FFF;
        margin-bottom: 16px; }
        @media screen and (max-width: 640px) {
          #p_price .other_price .r_box h4 {
            font-size: 4.0vw;
            height: 30px; } }
      #p_price .other_price .r_box p {
        font-family: 'Zen Kaku Gothic New', sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #333333;
        text-align: center;
        margin-bottom: 40px; }
        @media screen and (max-width: 640px) {
          #p_price .other_price .r_box p {
            font-size: 3.0vw;
            margin-bottom: 5%; } }
      #p_price .other_price .r_box .col5 {
        display: flex;
        justify-content: space-between; }
        #p_price .other_price .r_box .col5 .col {
          width: 94px;
          height: 100px;
          border-radius: 4px;
          border: solid 1px #333;
          box-sizing: border-box;
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 16px;
          font-weight: 700;
          color: #333333;
          background-color: #FFF; }
          @media screen and (max-width: 640px) {
            #p_price .other_price .r_box .col5 .col {
              width: 18%;
              height: auto;
              padding: 2% 0;
              font-size: 3.0vw;
              text-align: center; } }
          #p_price .other_price .r_box .col5 .col span.com {
            width: 100%;
            display: block;
            text-align: center;
            margin-top: 50%;
            transform: translate(0%, -50%); }
            #p_price .other_price .r_box .col5 .col span.com span {
              font-size: 18px; }
              @media screen and (max-width: 640px) {
                #p_price .other_price .r_box .col5 .col span.com span {
                  font-size: 2.8vw; } }

/* 240530 */
#p_price .price_tb .tr.price_area .line2 .tr2 .td.twotimes{
  width: 320px;
}
#p_price .price_tb .price_area .line .tr .td.twotimes_sp{
  width: calc(100% / 2);
}
#p_price .other_price.pricedown{
  margin-top: 100px;
}
@media screen and (max-width: 640px) {
  #p_price .other_price.pricedown{
    margin-top: 20px;
  }
}
#p_price .other_price.pricedown h4 {
  background-color: #E35514;
}
#p_price .other_price p.price_off{
  color: #E35514;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  #p_price .other_price.pricedown p{
    font-size: 3.0vw;
  }
  #p_price .other_price p.price_off{
    font-size: 4.0vw;
  }
}

.cam_banner{
  padding-top: 40px;
  width: 450px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .cam_banner{
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
  }
}