@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Crimson+Text:400,600");
@import url(font-awesome.min.css);
/* ======Reset====== */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

hr,
legend {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

img,
fieldset {
  border: 0;
}

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}


/* ======Fonts====== */
html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
}

body > div, input, button, textarea, select {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #37353e;
}


/* bt-box
-------------*/

.bt-box{
width:442px;
margin:0 auto;
}

@media only screen and (max-width: 640px) {
.bt-box{
width:90%;
margin:0 auto;
}
}

.bt-box ul{
margin: 0;
list-style:none;
}


.bt-box li{
display:inline;
margin: 0;
padding: 0;
}

/* =============
.bt-box li a{
display:block;
background: -webkit-gradient(linear, left top, left bottom, from(#3f9feb),to(#0372ca));
border:1px solid #0077cc;
padding: 15px 10px;
text-decoration:none;
color:#ffffff;
width: 100%;
margin:0;
text-align:center;
font-size:22px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}

.bt-box li a:hover{
background-color:#ffa3db;
}

@media only screen and (max-width: 640px) {
.bt-box li a{
display:block;
background-color:#ff5ac3;
padding: 15px 10px;
text-decoration:none;
color:#ffffff;
width: 100%;
margin:0;
text-align:center;
font-size:18px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}
}
============= */

.bt-box li a{
display:block;
border:3px solid #ffffff;
padding: 15px 10px;
text-decoration:none;
color:#ffffff;
background-color:#000000;
width: 100%;
margin:0;
text-align:center;
font-size:22px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
.bt-box li a{
display:block;
padding: 15px 10px;
text-decoration:none;
color:#ffffff;
width: 100%;
margin:0;
text-align:center;
font-size:18px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}
}

.bt-box li a:hover{
background-color:#333333;
}

.bt-icon {
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  font-size:30px;
  line-height:30px;
  color: #FFF;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* bt-box-s
-------------*/

.bt-box-s{
width:85%;
margin:0 auto;
}

@media only screen and (max-width: 640px) {
.bt-box-s{
width:90%;
margin:0 auto;
}
}

.bt-box-s ul{
margin: 0;
list-style:none;
}


.bt-box-s li{
display:inline;
margin: 0;
padding: 0;
}

.bt-box-s li a{
display:block;
border:3px solid #ffffff;
padding: 15px 10px;
text-decoration:none;
color:#ffffff;
background-color:#000000;
width: 100%;
margin:0;
text-align:center;
font-size:22px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
.bt-box-s li a{
display:block;
padding: 15px 10px;
text-decoration:none;
color:#ffffff;
width: 100%;
margin:0;
text-align:center;
font-size:18px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}
}

.bt-box-s li a:hover{
background-color:#333333;
}

/* bt-box2
-------------*/

.bt-box2{
width:442px;
margin:0 auto;
}

@media only screen and (max-width: 640px) {
.bt-box2{
width:90%;
margin:0 auto;
}
}

.bt-box2 ul{
margin: 0;
list-style:none;
}


.bt-box2 li{
display:inline;
margin: 0;
padding: 0;
}

/* =============
.bt-box2 li a{
display:block;
background: -webkit-gradient(linear, left top, left bottom, from(#3f9feb),to(#0372ca));
border:1px solid #0077cc;
padding: 15px 10px;
text-decoration:none;
color:#ffffff;
width: 100%;
margin:0;
text-align:center;
font-size:22px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}

.bt-box li a:hover{
background-color:#ffa3db;
}

@media only screen and (max-width: 640px) {
.bt-box2 li a{
display:block;
background-color:#ff5ac3;
padding: 15px 10px;
text-decoration:none;
color:#ffffff;
width: 100%;
margin:0;
text-align:center;
font-size:18px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}
}
============= */

.bt-box2 li a{
display:block;
border:3px solid #000000;
padding: 15px 10px;
text-decoration:none;
color:#000000;
width: 100%;
margin:0;
text-align:center;
font-size:22px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
.bt-box2 li a{
display:block;
padding: 15px 10px;
text-decoration:none;
color:#000000;
width: 100%;
margin:0;
text-align:center;
font-size:18px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}
}

.bt-box2 li a:hover{
background-color:#EEEEEE;
}

.bt-icon2 {
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  font-size:30px;
  line-height:30px;
  color: #000000;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bt__title__icon {
vertical-align: middle;
  position: relative;
  top: -0.1em;
}

@media only screen and (max-width: 640px) {
  .bt__title__icon {
    top: 50%;
vertical-align: middle;
  position: relative;
  top: -0.1em;
  }
}

/* bt-box-site
-------------*/

.bt-box-site{
width:320px;
margin:0 auto;
}

@media only screen and (max-width: 640px) {
.bt-box-site{
width:90%;
margin:0 auto;
}
}

.bt-box-site ul{
margin: 0;
list-style:none;
}


.bt-box-site li{
display:inline;
margin: 0;
padding: 0;
}

.bt-box-site li a{
display:block;
padding: 10px 10px;
text-decoration:none;
color:#FFFFFF;
background-color: #0d1565;
width: 100%;
margin:0;
text-align:center;
font-size:20px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
.bt-box-site li a{
display:block;
padding: 15px 10px;
text-decoration:none;
width: 100%;
margin:0;
text-align:center;
font-size:18px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}
}

.bt-box-site li a:hover{
background-color:#8589b1;
}

.bt-icon-site {
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  font-size:30px;
  line-height:30px;
  color: #FFFFFF;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* bt-box-site-off
-------------*/

.bt-box-site-off {
display:block;
padding: 10px 10px;
text-decoration:none;
color:#999999;
background-color: #444444;
width: 100%;
margin:0;
text-align:center;
font-size:20px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
.bt-box-site-off {
display:block;
padding: 15px 10px;
text-decoration:none;
width: 100%;
margin:0;
text-align:center;
font-size:18px;
font-weight: 700;
border-radius: 50px;
box-sizing: border-box;
}
}

.bt-icon-site-off {
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  font-size:30px;
  line-height:30px;
  color: #999999;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* bt-box-periodic
-------------*/

.bt-box-periodic{
width:160px;
margin:0 auto;
}

@media only screen and (max-width: 640px) {
.bt-box-periodic{
width:160px;
margin:0 auto;
}
}

.bt-box-periodic ul{
margin: 0;
list-style:none;
}


.bt-box-periodic li{
display:inline;
margin: 0;
padding: 0;
}

.bt-box-periodic li a{
display:block;
padding: 10px 10px;
text-decoration:none;
color:#FFFFFF;
background-color: #0d1565;
width: 100%;
margin:0;
text-align:center;
font-size:14px;
font-weight: 700;
border-radius: 5px;
box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
.bt-box-periodic li a{
display:block;
padding: 10px 10px;
text-decoration:none;
width: 100%;
margin:0;
text-align:center;
font-size:12px;
font-weight: 700;
border-radius: 5px;
box-sizing: border-box;
}
}

.bt-box-periodic li a:hover{
background-color:#8589b1;
}

.bt-icon-periodic {
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  font-size:20px;
  line-height:20px;
  color: #FFFFFF;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* bt-box-periodic-off
-------------*/

.bt-box-periodic-off {
display:block;
padding: 10px 10px;
text-decoration:none;
color:#999999;
background-color: #444444;
width: 100%;
margin:0;
text-align:center;
font-size:14px;
font-weight: 700;
border-radius: 5px;
box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
.bt-box-periodic-off {
display:block;
padding: 10px 10px;
text-decoration:none;
width: 100%;
margin:0;
text-align:center;
font-size:12px;
font-weight: 700;
border-radius: 5px;
box-sizing: border-box;
}
}

.bt-icon-periodic-off {
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  font-size:20px;
  line-height:20px;
  color: #999999;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* notice-box
-------------*/
.notice-box {
  width: 100%;
  max-width: 1120px;
  color:#333;
  text-align: center;
  padding:20px 0px 0px 0px;
  margin:0 auto;
  position: relative;
  box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
.notice-box {
  width: 100%;
  color:#333;
  text-align: center;
  padding:0px 20px 20px 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;
}
}

.notice-box ul{
margin: 0;
list-style:none;
}

.notice-box li{
margin: 0;
padding: 0 0 20px 0;
}

.notice-box li a{
display:block;
padding:20px 20px 20px 20px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color:#333;
text-decoration: none;
color:#333;
width: 100%;
margin:0;
text-align:center;
font-size:18px;
font-weight: 700;
box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
.notice-box li a{
display:block;
padding:20px 20px 20px 20px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color:#333;
text-decoration: none;
color:#333;
width: 100%;
margin:0;
text-align:center;
font-size:18px;
font-weight: 700;
box-sizing: border-box;
}

}

.notice-icon {
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  font-size:30px;
  line-height:30px;
  color: #333;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.notice__title__icon {
vertical-align: middle;
  position: relative;
  top: -0.1em;
}

@media only screen and (max-width: 640px) {
  .notice__title__icon {
    top: 50%;
vertical-align: middle;
  position: relative;
  top: -0.1em;
  }
}


/* icomoon
-------------*/

@font-face {
  font-family: 'icomoon';
  src:  url('../../fonts/icomoon.eot?vpspt2');
  src:  url('../../fonts/icomoon.eot?vpspt2#iefix') format('embedded-opentype'),
    url('../../fonts/icomoon.ttf?vpspt2') format('truetype'),
    url('../../fonts/icomoon.woff?vpspt2') format('woff'),
    url('../../fonts/icomoon.svg?vpspt2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
  icon-list
 */

.icomoon-description:before {
  content: "\e91b";
}
.icomoon-error:before {
  content: "\e91c";
}
.icomoon-error_outline:before {
  content: "\e91d";
}
.icomoon-file_download:before {
  content: "\e91e";
}
.icomoon-file_upload:before {
  content: "\e91f";
}
.icomoon-warning:before {
  content: "\e920";
}
.icomoon-dash:before {
  content: "\f0ca";
}
.icomoon-plus:before {
  content: "\f05d";
}
.icomoon-star:before {
  content: "\f02a";
}
.icomoon-three-bars:before {
  content: "\f05e";
}
.icomoon-triangle-down:before {
  content: "\f05b";
}
.icomoon-triangle-left:before {
  content: "\f044";
}
.icomoon-triangle-right:before {
  content: "\f05a";
}
.icomoon-triangle-up:before {
  content: "\f0aa";
}
.icomoon-x:before {
  content: "\f081";
}
.icomoon-phone:before {
  content: "\e942";
}
.icomoon-amazon:before {
  content: "\ea87";
}
.icomoon-google-plus2:before {
  content: "\ea8c";
}
.icomoon-facebook:before {
  content: "\ea90";
}
.icomoon-facebook2:before {
  content: "\ea91";
}
.icomoon-instagram:before {
  content: "\ea92";
}
.icomoon-twitter:before {
  content: "\ea96";
}
.icomoon-youtube:before {
  content: "\ea9d";
}
.icomoon-youtube2:before {
  content: "\ea9e";
}
.icomoon-account_box:before {
  content: "\e912";
}
.icomoon-add:before {
  content: "\e913";
}
.icomoon-login:before {
  content: "\e914";
}
.icomoon-menu:before {
  content: "\e915";
}
.icomoon-member:before {
  content: "\e916";
}
.icomoon-print:before {
  content: "\e917";
}
.icomoon-refresh:before {
  content: "\e918";
}
.icomoon-remove:before {
  content: "\e919";
}
.icomoon-cancel:before {
  content: "\e900";
}
.icomoon-left:before {
  content: "\e901";
}
.icomoon-right:before {
  content: "\e902";
}
.icomoon-xclose:before {
  content: "\e91a";
}
.icomoon-check:before {
  content: "\e903";
}
.icomoon-up:before {
  content: "\e904";
}
.icomoon-down:before {
  content: "\e905";
}
.icomoon-heart:before {
  content: "\e906";
}
.icomoon-heartline:before {
  content: "\e907";
}
.icomoon-question:before {
  content: "\e908";
}
.icomoon-questionline:before {
  content: "\e909";
}
.icomoon-closeline:before {
  content: "\e90a";
}
.icomoon-home:before {
  content: "\e90b";
}
.icomoon-list:before {
  content: "\e90c";
}
.icomoon-mail:before {
  content: "\e90d";
}
.icomoon-android:before {
  content: "\e90e";
}
.icomoon-search:before {
  content: "\e90f";
}
.icomoon-cart:before {
  content: "\e910";
}
.icomoon-tablet:before {
  content: "\e911";
}


/* color
-------------*/

.red{color: #cc0000;}
.redbro{color: #792525;}
.deepred{color: #c41a41}
.lightred{color: #ff0000}
.kurenai{color: #c80a3c}
.deepblue{color: #1a26c4}
.navy{color: #0d1565}
.blue{color: #0088cc;}
.white{color: #FFFFFF;}
.black{color: #000000;}
.lightgray{color: #EEEEEE;}
.gray{color: #999999;}
.deepgray{color: #686868;}
.darkgray{color: #37353e;}
.violet{color: #a01b89;}
.darkgreen{color: #021b0f;}
.green{color: #093d25;}
.lightgreen{color: #0d933a;}
.ocher{color: #d3bb6a;}
.beige{color: #e6cda4;}
.deepblue{color: #17384b;}
.yellow{color: #e7b93f;}
.lightyellow{color: #fffc00;}
.skin{color: #fce4d6;}
.pink{color: #ff4e7c;}
.lightpink{color: #fce8e1;}
.deeppink{color: #b80030;}
.ras{color: #e7738a;}
.moe{color: #f3a020;}
.ban{color: #ebd62e;}
.lce{color: #65d0db;}
.imt{color: #99cc59;}
.bby{color: #b9b1ed;}
.rosepink{color: #df328c;}
.ras2{color: #f4b5c1;}
.moe2{color: #f8c371;}
.ban2{color: #f8e974;}
.imt2{color: #c2e595;}
.lce2{color: #98e5ed;}
.bby2{color: #d8d3fb;}
.orange{color: #f06600;}

.bgc-red{background-color: #cc0000;}
.bgc-redbro{background-color: #792525;}
.bgc-deepred{background-color: #c41a41}
.bgc-lightred{background-color: #ff0000}
.bgc-kurenai{background-color: #c80a3c}
.bgc-deepblue{background-color: #1a26c4}
.bgc-navy{background-color: #0d1565}
.bgc-blue{background-color: #0088cc;}
.bgc-white{background-color: #FFFFFF;}
.bgc-black{background-color: #000000;}
.bgc-lightgray{background-color: #EEEEEE;}
.bgc-gray{background-color: #999999;}
.bgc-deepgray{background-color: #686868;}
.bgc-darkgray{background-color: #37353e;}
.bgc-violet{background-color: #a01b89;}
.bgc-darkgreen{background-color: #021b0f;}
.bgc-green{background-color: #093d25;}
.bgc-lightgreen{background-color: #0d933a;}
.bgc-ocher{background-color: #d3bb6a;}
.bgc-beige{background-color: #e6cda4;}
.bgc-deepblue{background-color: #17384b;}
.bgc-yellow{background-color: #e7b93f;}
.bgc-lightyellow{background-color: #fffc00;}
.bgc-skin{background-color: #fce4d6;}
.bgc-pink{background-color: #ff4e7c;}
.bgc-lightpink{background-color: #fce8e1;}
.bgc-deeppink{background-color: #b80030;}
.bgc-ras{background-color: #e7738a;}
.bgc-moe{background-color: #f3a020;}
.bgc-ban{background-color: #ebd62e;}
.bgc-lce{background-color: #65d0db;}
.bgc-imt{background-color: #99cc59;}
.bgc-bby{background-color: #b9b1ed;}
.bgc-rosepink{background-color: #df328c;}
.bgc-ras2{background-color: #f4b5c1;}
.bgc-moe2{background-color: #f8c371;}
.bgc-ban2{background-color: #f8e974;}
.bgc-imt2{background-color: #c2e595;}
.bgc-lce2{background-color: #98e5ed;}
.bgc-bby2{background-color: #d8d3fb;}
.bgc-6set{background-color: #ffd8ed;}
.bgc-scl2{background-color: #d8b78e;}
.bgc-cho2{background-color: #945f51;}
.bgc-tmu2{background-color: #73b9fe;}
.bgc-str2{background-color: #f2b1cf;}
.bgc-mus2{background-color: #deee5a;}
.bgc-gra2{background-color: #d19ed9;}
.bgc-mat2{background-color: #cfcd80;}
.bgc-jmn2{background-color: #e8d181;}
.bgc-kiw2{background-color: #d4e3a5;}
.bgc-pin2{background-color: #ffe17a;}
.bgc-ras3{background-color: #ffd2db;}
.bgc-moe3{background-color: #ffe4bb;}
.bgc-ban3{background-color: #fff8bf;}
.bgc-imt3{background-color: #e9ffcd;}
.bgc-lce3{background-color: #cafaff;}
.bgc-bby3{background-color: #e3dfff;}
.bgc-12set{background-color: #ffdcf4;}
.bgc-scl3{background-color: #f5dec1;}
.bgc-cho3{background-color: #d5a99d;}
.bgc-tmu3{background-color: #a3d3ff;}
.bgc-str3{background-color: #ffd3e7;}
.bgc-mus3{background-color: #f7ffaf;}
.bgc-gra3{background-color: #ecc2f2;}
.bgc-mat3{background-color: #d7d6ad;}
.bgc-jmn3{background-color: #f2e1a4;}
.bgc-kiw3{background-color: #f2ffc9;}
.bgc-pin3{background-color: #ffe17a;}
.bgc-ram3{background-color: #cdf4ff;}
.bgc-silver{background-color: #d0d0d0;}
.bgc-pinkgold{background-color: #ebcdcc;}
.bgc-gold{background-color: #e2cd7b;}
.bgc-orange{background-color: #f06600;}

/* border-radius
-------------*/

.b-rad-0 img{border-radius: 0;}
.b-rad-5{border-radius: 5px;}
.b-rad-10{border-radius: 10px;}
.b-rad-15{border-radius: 15px;}
.b-rad-20{border-radius: 20px;}
.b-rad-25{border-radius: 25px;}
.b-rad-30{border-radius: 30px;}
.b-rad-35{border-radius: 35px;}
.b-rad-40{border-radius: 40px;}

/* text
-------------*/

  .m-text-index {
    font-size: 16px;
	line-height: 28px;
  }

  .m-text-index li {
  line-height: 28px;
}

@media (max-width: 979px) {

  .m-text-index {
    font-size: 15px;
	line-height: 26px;
  }

  .m-text-index li {
  line-height: 26px;
}

}

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

  .m-text-index {
    font-size: 13px;
	line-height: 23.4px;
  }

  .m-text-index li {
  line-height: 23.4px;
}

}

  .m-text-10 {
    font-size: 1rem;
  }

  .m-text-11 {
    font-size: 1.1rem;
  }

  .m-text-12 {
    font-size: 1.2rem;
  }

  .m-text-13 {
    font-size: 1.3rem;
  }

  .m-text-14 {
    font-size: 1.4rem;
  }

  .m-text-15 {
    font-size: 1.5rem;
  }

  .m-text-16 {
    font-size: 1.6rem;
  }

  .m-text-17 {
    font-size: 1.7rem;
  }

  .m-text-18 {
    font-size: 1.8rem;
  }

  .m-text-19 {
    font-size: 1.9rem;
  }

  .m-text-20 {
    font-size: 2.0rem;
  }

  .m-text-21 {
    font-size: 2.1rem;
  }

  .m-text-22 {
    font-size: 2.2rem;
  }

  .m-text-23 {
    font-size: 2.3rem;
  }

  .m-text-24 {
    font-size: 2.4rem;
  }

  .m-text-25 {
    font-size: 2.5rem;
  }

  .m-text-26 {
    font-size: 2.6rem;
  }

  .m-text-27 {
    font-size: 2.7rem;
  }

  .m-text-28 {
    font-size: 2.8rem;
  }

  .m-text-29 {
    font-size: 2.9rem;
  }

  .m-text-30 {
    font-size: 3.0rem;
  }

  .m-text-31 {
    font-size: 3.1rem;
  }

  .m-text-32 {
    font-size: 3.2rem;
  }

  .m-text-33 {
    font-size: 3.3rem;
  }

  .m-text-34 {
    font-size: 3.4rem;
  }

  .m-text-35 {
    font-size: 3.5rem;
  }

  .m-text-36 {
    font-size: 3.6rem;
  }

  .m-text-37 {
    font-size: 3.7rem;
  }

  .m-text-38 {
    font-size: 3.8rem;
  }

  .m-text-39 {
    font-size: 3.9rem;
  }

  .m-text-40 {
    font-size: 4.0rem;
  }

  .m-text-41 {
    font-size: 4.1rem;
  }

  .m-text-42 {
    font-size: 4.2rem;
  }

  .m-text-43 {
    font-size: 4.3rem;
  }

  .m-text-44 {
    font-size: 4.4rem;
  }

  .m-text-45 {
    font-size: 4.5rem;
  }

  .m-text-46 {
    font-size: 4.6rem;
  }

  .m-text-47 {
    font-size: 4.7rem;
  }

  .m-text-48 {
    font-size: 4.8rem;
  }

  .m-text-49 {
    font-size: 4.9rem;
  }

  .m-text-50 {
    font-size: 5.0rem;
  }

  .m-text-51 {
    font-size: 5.1rem;
  }

  .m-text-52 {
    font-size: 5.2rem;
  }

  .m-text-53 {
    font-size: 5.3rem;
  }

  .m-text-54 {
    font-size: 5.4rem;
  }

  .m-text-55 {
    font-size: 5.5rem;
  }

  .m-text-56 {
    font-size: 5.6rem;
  }

  .m-text-57 {
    font-size: 5.7rem;
  }

  .m-text-58 {
    font-size: 5.8rem;
  }

  .m-text-59 {
    font-size: 5.9rem;
  }

  .m-text-60 {
    font-size: 6.0rem;
  }

  .m-text-61 {
    font-size: 6.1rem;
  }

  .m-text-62 {
    font-size: 6.2rem;
  }

  .m-text-63 {
    font-size: 6.3rem;
  }

  .m-text-64 {
    font-size: 6.4rem;
  }

  .m-text-65 {
    font-size: 6.5rem;
  }

  .m-text-66 {
    font-size: 6.6rem;
  }

  .m-text-67 {
    font-size: 6.7rem;
  }

  .m-text-68 {
    font-size: 6.8rem;
  }

  .m-text-69 {
    font-size: 6.9rem;
  }

  .m-text-70 {
    font-size: 7.0rem;
  }

  .pt-text-1 {
    font-size: 1pt;
  }

  .pt-text-2 {
    font-size: 2pt;
  }

  .pt-text-3 {
    font-size: 3pt;
  }

  .pt-text-4 {
    font-size: 4pt;
  }

  .pt-text-5 {
    font-size: 5pt;
  }

  .pt-text-6 {
    font-size: 6pt;
  }

  .pt-text-7 {
    font-size: 7pt;
  }

  .pt-text-8 {
    font-size: 8pt;
  }

  .pt-text-9 {
    font-size: 9pt;
  }

  .pt-text-10 {
    font-size: 10pt;
  }

  .pt-text-11 {
    font-size: 11pt;
  }

  .pt-text-12 {
    font-size: 12pt;
  }

  .pt-text-13 {
    font-size: 13pt;
  }

  .pt-text-14 {
    font-size: 14pt;
  }

  .pt-text-15 {
    font-size: 15pt;
  }

  .pt-text-16 {
    font-size: 16pt;
  }

  .pt-text-17 {
    font-size: 17pt;
  }

  .pt-text-18 {
    font-size: 18pt;
  }

  .pt-text-19 {
    font-size: 19pt;
  }

  .pt-text-20 {
    font-size: 20pt;
  }

  .pt-text-21 {
    font-size: 21pt;
  }

  .pt-text-22 {
    font-size: 22pt;
  }

  .pt-text-23 {
    font-size: 23pt;
  }

  .pt-text-24 {
    font-size: 24pt;
  }

  .pt-text-25 {
    font-size: 25pt;
  }

  .pt-text-26 {
    font-size: 26pt;
  }

  .pt-text-27 {
    font-size: 27pt;
  }

  .pt-text-28 {
    font-size: 28pt;
  }

  .pt-text-29 {
    font-size: 29pt;
  }

  .pt-text-30 {
    font-size: 30pt;
  }

  .pt-text-31 {
    font-size: 31pt;
  }

  .pt-text-32 {
    font-size: 32pt;
  }

  .pt-text-33 {
    font-size: 33pt;
  }

  .pt-text-34 {
    font-size: 34pt;
  }

  .pt-text-35 {
    font-size: 35pt;
  }

  .pt-text-36 {
    font-size: 36pt;
  }

  .pt-text-37 {
    font-size: 37pt;
  }

  .pt-text-38 {
    font-size: 38pt;
  }

  .pt-text-39 {
    font-size: 39pt;
  }

  .pt-text-40 {
    font-size: 40pt;
  }

  .pt-text-41 {
    font-size: 41pt;
  }

  .pt-text-42 {
    font-size: 42pt;
  }

  .pt-text-43 {
    font-size: 43pt;
  }

  .pt-text-44 {
    font-size: 44pt;
  }

  .pt-text-45 {
    font-size: 45pt;
  }

  .pt-text-46 {
    font-size: 46pt;
  }

  .pt-text-47 {
    font-size: 47pt;
  }

  .pt-text-48 {
    font-size: 48pt;
  }

  .pt-text-49 {
    font-size: 49pt;
  }

  .pt-text-50 {
    font-size: 50pt;
  }

  .pt-text-51 {
    font-size: 51pt;
  }

  .pt-text-52 {
    font-size: 52pt;
  }

  .pt-text-53 {
    font-size: 53pt;
  }

  .pt-text-54 {
    font-size: 54pt;
  }

  .pt-text-55 {
    font-size: 55pt;
  }

  .pt-text-56 {
    font-size: 56pt;
  }

  .pt-text-57 {
    font-size: 57pt;
  }

  .pt-text-58 {
    font-size: 58pt;
  }

  .pt-text-59 {
    font-size: 59pt;
  }

  .pt-text-60 {
    font-size: 60pt;
  }

  /* margin */
  .m-mt-2xs {
    margin-top: 5px;
  }

  .m-mt-xs {
    margin-top: 5px;
  }

  .m-mt-s {
    margin-top: 10px;
  }

  .m-mt {
    margin-top: 15px;
  }

  .m-mt-l {
    margin-top: 20px;
  }

  .m-mt-xl {
    margin-top: 30px;
  }

  .m-mt-2xl {
    margin-top: 40px;
  }

  .m-mt-3xl {
    margin-top: 50px;
  }

  .m-mt-4xl {
    margin-top: 60px;
  }

  .m-mt-5xl {
    margin-top: 70px;
  }

  .m-mt-6xl {
    margin-top: 80px;
  }

  .m-mt-7xl {
    margin-top: 90px;
  }

  .m-mt-8xl {
    margin-top: 100px;
  }

  .m-mt-9xl {
    margin-top: 110px;
  }

  .m-mt-10xl {
    margin-top: 120px;
  }

  .m-mt-11xl {
    margin-top: 130px;
  }

  .m-mt-12xl {
    margin-top: 140px;
  }

  .m-mt-13xl {
    margin-top: 150px;
  }

  .m-mt-14xl {
    margin-top: 160px;
  }

  .m-mt-15xl {
    margin-top: 170px;
  }

  .m-mb-2xs {
    margin-bottom: 5px;
  }

  .m-mb-xs {
    margin-bottom: 5px;
  }

  .m-mb-s {
    margin-bottom: 10px;
  }

  .m-mb {
    margin-bottom: 15px;
  }

  .m-mb-l {
    margin-bottom: 20px;
  }

  .m-mb-xl {
    margin-bottom: 30px;
  }

  .m-mb-2xl {
    margin-bottom: 40px;
  }

  .m-mb-3xl {
    margin-bottom: 50px;
  }

  .m-mb-4xl {
    margin-bottom: 60px;
  }

  .m-mb-5xl {
    margin-bottom: 70px;
  }

  .m-mb-6xl {
    margin-bottom: 80px;
  }

  .m-mb-7xl {
    margin-bottom: 90px;
  }

  .m-mb-8xl {
    margin-bottom: 100px;
  }

  .m-mb-9xl {
    margin-bottom: 110px;
  }

  .m-mb-10xl {
    margin-bottom: 120px;
  }

  .m-mb-11xl {
    margin-bottom: 130px;
  }

  .m-mb-12xl {
    margin-bottom: 140px;
  }

  .m-mb-13xl {
    margin-bottom: 150px;
  }

  .m-mb-14xl {
    margin-bottom: 160px;
  }

  .m-mb-15xl {
    margin-bottom: 170px;
  }

  /* padding */
  .m-pt-2xs {
    padding-top: 5px;
  }

  .m-pt-xs {
    padding-top: 5px;
  }

  .m-pt-s {
    padding-top: 10px;
  }

  .m-pt {
    padding-top: 15px;
  }

  .m-pt-l {
    padding-top: 20px;
  }

  .m-pt-xl {
    padding-top: 30px;
  }

  .m-pt-2xl {
    padding-top: 40px;
  }

  .m-pt-3xl {
    padding-top: 50px;
  }

  .m-pt-4xl {
    padding-top: 60px;
  }

  .m-pt-5xl {
    padding-top: 70px;
  }

  .m-pt-6xl {
    padding-top: 80px;
  }

  .m-pt-7xl {
    padding-top: 90px;
  }

  .m-pt-8xl {
    padding-top: 100px;
  }

  .m-pt-9xl {
    padding-top: 110px;
  }

  .m-pt-10xl {
    padding-top: 120px;
  }

  .m-pt-11xl {
    padding-top: 130px;
  }

  .m-pt-12xl {
    padding-top: 140px;
  }

  .m-pt-13xl {
    padding-top: 150px;
  }

  .m-pt-14xl {
    padding-top: 160px;
  }

  .m-pt-15xl {
    padding-top: 170px;
  }

  .m-pb-2xs {
    padding-bottom: 5px;
  }

  .m-pb-xs {
    padding-bottom: 5px;
  }

  .m-pb-s {
    padding-bottom: 10px;
  }

  .m-pb {
    padding-bottom: 15px;
  }

  .m-pb-l {
    padding-bottom: 20px;
  }

  .m-pb-xl {
    padding-bottom: 30px;
  }

  .m-pb-2xl {
    padding-bottom: 40px;
  }

  .m-pb-3xl {
    padding-bottom: 50px;
  }

  .m-pb-4xl {
    padding-bottom: 60px;
  }

  .m-pb-5xl {
    padding-bottom: 70px;
  }

  .m-pb-6xl {
    padding-bottom: 80px;
  }

  .m-pb-7xl {
    padding-bottom: 90px;
  }

  .m-pb-8xl {
    padding-bottom: 100px;
  }

  .m-pb-9xl {
    padding-bottom: 110px;
  }

  .m-pb-10xl {
    padding-bottom: 120px;
  }

  .m-pb-11xl {
    padding-bottom: 130px;
  }

  .m-pb-12xl {
    padding-bottom: 140px;
  }

  .m-pb-13xl {
    padding-bottom: 150px;
  }

  .m-pb-14xl {
    padding-bottom: 160px;
  }

  .m-pb-15xl {
    padding-bottom: 170px;
  }

  .m-pl-2xs {
    padding-left: 5px;
  }

  .m-pl-xs {
    padding-left: 5px;
  }

  .m-pl-s {
    padding-left: 10px;
  }

  .m-pl {
    padding-left: 15px;
  }

  .m-pl-l {
    padding-left: 20px;
  }

  .m-pl-xl {
    padding-left: 30px;
  }

  .m-pl-2xl {
    padding-left: 40px;
  }

  .m-pl-3xl {
    padding-left: 50px;
  }

  .m-pl-4xl {
    padding-left: 60px;
  }

  .m-pl-5xl {
    padding-left: 70px;
  }

  .m-pl-6xl {
    padding-left: 80px;
  }

  .m-pl-7xl {
    padding-left: 90px;
  }

  .m-pl-8xl {
    padding-left: 100px;
  }

  .m-pl-9xl {
    padding-left: 110px;
  }

  .m-pl-10xl {
    padding-left: 120px;
  }

  .m-pl-11xl {
    padding-left: 130px;
  }

  .m-pl-12xl {
    padding-left: 140px;
  }

  .m-pl-13xl {
    padding-left: 150px;
  }

  .m-pl-14xl {
    padding-left: 160px;
  }

  .m-pl-15xl {
    padding-left: 170px;
  }

  .m-pr-2xs {
    padding-right: 5px;
  }

  .m-pr-xs {
    padding-right: 5px;
  }

  .m-pr-s {
    padding-right: 10px;
  }

  .m-pr {
    padding-right: 15px;
  }

  .m-pr-l {
    padding-right: 20px;
  }

  .m-pr-xl {
    padding-right: 30px;
  }

  .m-pr-2xl {
    padding-right: 40px;
  }

  .m-pr-3xl {
    padding-right: 50px;
  }

  .m-pr-4xl {
    padding-right: 60px;
  }

  .m-pr-5xl {
    padding-right: 70px;
  }

  .m-pr-6xl {
    padding-right: 80px;
  }

  .m-pr-7xl {
    padding-right: 90px;
  }

  .m-pr-8xl {
    padding-right: 100px;
  }

  .m-pr-9xl {
    padding-right: 110px;
  }

  .m-pr-10xl {
    padding-right: 120px;
  }

  .m-pr-11xl {
    padding-right: 130px;
  }

  .m-pr-12xl {
    padding-right: 140px;
  }

  .m-pr-13xl {
    padding-right: 150px;
  }

  .m-pr-14xl {
    padding-right: 160px;
  }

  .m-pr-15xl {
    padding-right: 170px;
  }

  .m-p-xs {
    padding: 5px;
  }

  .m-p-s {
    padding: 10px;
  }

  .m-p {
    padding: 15px;
  }

  .tac {
    text-align: center;
  }

  .tal {
    text-align: left;
  }

  .tar {
    text-align: right;
  }

  .fwn {
    font-weight:normal;
  }

  .fwb {
    font-weight:bold;
  }

  .m-no {
    margin: 0 auto 0 !important;
  }

/* == マーカーなし == */
  .li-style-none {
    list-style-type: none;
  }

/* == 黒丸 == */
  .li-style-disc {
    list-style-type: disc;
  }

/* == 白丸 == */
  .li-style-circle {
    list-style-type: circle;
  }

/* == 黒四角 == */
  .li-style-square {
    list-style-type: square;
  }

/* == 算用数字 == */
  .li-style-decimal {
    list-style-type: decimal;
  }

/* == 先頭に0をつけた算用数字 == */
  .li-style-zero {
    list-style-type: decimal-leading-zero;
  }

/* == 小文字のアルファベット == */
  .li-style-lower {
    list-style-type: lower-latin;
  }

/* == 大文字のアルファベット == */
  .li-style-upper {
    list-style-type: upper-latin;
  }

/* == 漢数字 == */
  .li-style-cjk {
    list-style-type: cjk-ideographic;
  }

/* == ひらがな == */
  .li-style-hiragana {
    list-style-type: hiragana;
  }

/* == カタカナ == */
  .li-style-katakana {
    list-style-type: katakana;
  }

/* =================================
【複数行対応】長過ぎる文字列を省略して末尾を三点リーダー
================================= */
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: $bg-color;
  line-height: $line-height;
  
  //複数行オプションClass
  &.multiline {
    white-space: normal;
    max-height: 2em * $line-height;
    position: relative;
    &::after {
      content: "…";
      position: absolute;
      display: block;
      bottom: 0;
      right: 0;
      background-color: $bg-color;
    }
  }
}

/* =================================
【3行対応】【TOPレビュー用】長過ぎる文字列を省略して末尾を三点リーダー
================================= */
/*複数行clump
  ※ellipsisと一緒に、height,line-height,-webkit-line-clampを付けること
  例) height:3em; line-height:1em; -webkit-line-clamp: 3 ;　←3行で... */
.line-clamp {
  overflow: hidden ;
  display: -webkit-box ;
  -webkit-box-orient: vertical ;
  word-break: break-all ;
}
.lc3 {
  -webkit-line-clamp: 3;/*表示する行数*/
  line-height: 1.2;
  height: 3.4em;/*line-heightの値の行数倍*/
}


/* =================================
base要素続き
================================= */

  .l-inner-l,
  .l-inner,
  .l-inner-s,
  .l-inner-xs,
  .l-inner-2xs {
    max-width: inherit;
    padding-left: 15px;
    padding-right: 15px;
  }

  .m-title > span.m-font-en {
    padding: 10px 0 0 0;
    font-size: 2rem;
  }
  .m-title > span.m-font-ja {
    font-size: 1.3rem;
  }

@media screen and (max-width: 767px) {
    .br-pc { display:none; }
}

@media screen and (min-width: 768px) {
    .br-sp { display:none; }
}


  .rp-m-text-m {
    font-size: 1.6rem;
  }

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

  .rp-m-text-m {
    font-size: 1.4rem;
  }

}

  .rp-m-text-l {
    font-size: 2.4rem;
  }

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

  .rp-m-text-l {
    font-size: 1.8rem;
  }

}

  .tac-spl {
    text-align: center;
  }

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

  .tac-spl {
    text-align: left;
  }

}

  .tac-spr {
    text-align: center;
  }

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

  .tac-spr {
    text-align: right;
  }

}

  .tar-spl {
    text-align: right;
  }

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

  .tar-spl {
    text-align: left;
  }

}

  .tal-spr {
    text-align: left;
  }

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

  .tal-spr {
    text-align: right;
  }

}

  .va-m-spt {
    vertical-align: middle;
  }

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

  .va-m-spt {
    vertical-align: top;
  }

}

.va-t {
 vertical-align: top;
}
.va-m {
 vertical-align: middle;
}
.va-b {
 vertical-align: text-bottom;
}
.va-base {
 vertical-align: top;
}
.va-text-t {
 vertical-align: middle;
}
.va-text-b {
 vertical-align: text-bottom;
}

.va-1 {
 vertical-align: 1px;
}

.va-2 {
 vertical-align: 2px;
}

.va-3 {
 vertical-align: 3px;
}

.va-4 {
 vertical-align: 4px;
}

.va-5 {
 vertical-align: 5px;
}

.va-6 {
 vertical-align: 6px;
}

.va-7 {
 vertical-align: 7px;
}

.va-8 {
 vertical-align: 8px;
}

.va-9 {
 vertical-align: 9px;
}

.va-10 {
 vertical-align: 10px;
}

.va-12 {
 vertical-align: 12px;
}

.va-14 {
 vertical-align: 14px;
}

.va-16 {
 vertical-align: 16px;
}

.va-18 {
 vertical-align: 18px;
}

.va-20 {
 vertical-align: 20px;
}

.va-22 {
 vertical-align: 22px;
}

.va-24 {
 vertical-align: 24px;
}

.va-26 {
 vertical-align: 26px;
}

.va-28 {
 vertical-align: 28px;
}

.va-30 {
 vertical-align: 30px;
}

.va-32 {
 vertical-align: 32px;
}

.va-34 {
 vertical-align: 34px;
}

.va-36 {
 vertical-align: 36px;
}

.va-38 {
 vertical-align: 38px;
}

.va-40 {
 vertical-align: 40px;
}

.va-1m {
 vertical-align: -1px;
}

.va-2m {
 vertical-align: -2px;
}

.va-3m {
 vertical-align: -3px;
}

.va-4m {
 vertical-align: -4px;
}

.va-5m {
 vertical-align: -5px;
}

.va-6m {
 vertical-align: -6px;
}

.va-7m {
 vertical-align: -7px;
}

.va-8m {
 vertical-align: -8px;
}

.va-9m {
 vertical-align: -9px;
}

.va-10m {
 vertical-align: -10px;
}

.va-12m {
 vertical-align: -12px;
}

.va-14m {
 vertical-align: -14px;
}

.va-16m {
 vertical-align: -16px;
}

.va-18m {
 vertical-align: -18px;
}

.va-20m {
 vertical-align: -20px;
}

.va-22m {
 vertical-align: -22px;
}

.va-24m {
 vertical-align: -24px;
}

.va-26m {
 vertical-align: -26px;
}

.va-28m {
 vertical-align: -28px;
}

.va-30m {
 vertical-align: -30px;
}

.va-32m {
 vertical-align: -32px;
}

.va-34m {
 vertical-align: -34px;
}

.va-36m {
 vertical-align: -36px;
}

.va-38m {
 vertical-align: -38px;
}

.va-40m {
 vertical-align: -40px;
}

.fll {
 float: left;
}

.flc {
 float: center;
}

.flr{
 float: right;
}

.label-heading {
  padding: 5px 5px 5px 5px;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.label-heading-gray {
  padding: 10px 5px 10px 5px;
  background-color: #fff;
  color: #000;
  border: 1px solid #dddddd;
}

.label-heading-none {
  padding: 5px 5px 5px 5px;
  background-color: #fff;
  color: #000;
}

.text-nomal-2xs li {
  line-height: 12px;
}

.text-nomal-xs li {
  line-height: 16px;
}

.text-nomal-s li {
  line-height: 20px;
}

.text-nomal li {
  line-height: 24px;
}

.text-nomal-l li {
  line-height: 28px;
}

.text-nomal-xl li {
  line-height: 32px;
}

.text-nomal-2xl li {
  line-height: 36px;
}

/*============================================================================================================

                responsive padding PC - headline

=============================================================================================================*/
  /* responsive padding */

  .rp-m-pt-2xs {
    padding-top: 5px;
  }

  .rp-m-pt-xs {
    padding-top: 5px;
  }

  .rp-m-pt-s {
    padding-top: 10px;
  }

  .rp-m-pt {
    padding-top: 15px;
  }

  .rp-m-pt-l {
    padding-top: 20px;
  }

  .rp-m-pt-xl {
    padding-top: 30px;
  }

  .rp-m-pt-2xl {
    padding-top: 40px;
  }

  .rp-m-pt-3xl {
    padding-top: 50px;
  }

  .rp-m-pt-4xl {
    padding-top: 60px;
  }

  .rp-m-pt-5xl {
    padding-top: 70px;
  }

  .rp-m-pt-6xl {
    padding-top: 80px;
  }

  .rp-m-pt-7xl {
    padding-top: 90px;
  }

  .rp-m-pt-8xl {
    padding-top: 100px;
  }

  .rp-m-pt-9xl {
    padding-top: 110px;
  }

  .rp-m-pt-10xl {
    padding-top: 120px;
  }

  .rp-m-pt-11xl {
    padding-top: 130px;
  }

  .rp-m-pt-12xl {
    padding-top: 140px;
  }

  .rp-m-pt-13xl {
    padding-top: 150px;
  }

  .rp-m-pt-14xl {
    padding-top: 160px;
  }

  .rp-m-pt-15xl {
    padding-top: 170px;
  }

  .rp-m-pb-2xs {
    padding-bottom: 5px;
  }

  .rp-m-pb-xs {
    padding-bottom: 5px;
  }

  .rp-m-pb-s {
    padding-bottom: 10px;
  }

  .rp-m-pb {
    padding-bottom: 15px;
  }

  .rp-m-pb-l {
    padding-bottom: 20px;
  }

  .rp-m-pb-xl {
    padding-bottom: 30px;
  }

  .rp-m-pb-2xl {
    padding-bottom: 40px;
  }

  .rp-m-pb-3xl {
    padding-bottom: 50px;
  }

  .rp-m-pb-4xl {
    padding-bottom: 60px;
  }

  .rp-m-pb-5xl {
    padding-bottom: 70px;
  }

  .rp-m-pb-6xl {
    padding-bottom: 80px;
  }

  .rp-m-pb-7xl {
    padding-bottom: 90px;
  }

  .rp-m-pb-8xl {
    padding-bottom: 100px;
  }

  .rp-m-pb-9xl {
    padding-bottom: 110px;
  }

  .rp-m-pb-10xl {
    padding-bottom: 120px;
  }

  .rp-m-pb-11xl {
    padding-bottom: 130px;
  }

  .rp-m-pb-12xl {
    padding-bottom: 140px;
  }

  .rp-m-pb-13xl {
    padding-bottom: 150px;
  }

  .rp-m-pb-14xl {
    padding-bottom: 160px;
  }

  .rp-m-pb-15xl {
    padding-bottom: 170px;
  }

  .rp-m-pl-2xs {
    padding-left: 5px;
  }

  .rp-m-pl-xs {
    padding-left: 5px;
  }

  .rp-m-pl-s {
    padding-left: 10px;
  }

  .rp-m-pl {
    padding-left: 15px;
  }

  .rp-m-pl-l {
    padding-left: 20px;
  }

  .rp-m-pl-xl {
    padding-left: 30px;
  }

  .rp-m-pl-2xl {
    padding-left: 40px;
  }

  .rp-m-pl-3xl {
    padding-left: 50px;
  }

  .rp-m-pl-4xl {
    padding-left: 60px;
  }

  .rp-m-pl-5xl {
    padding-left: 70px;
  }

  .rp-m-pl-6xl {
    padding-left: 80px;
  }

  .rp-m-pl-7xl {
    padding-left: 90px;
  }

  .rp-m-pl-8xl {
    padding-left: 100px;
  }

  .rp-m-pl-9xl {
    padding-left: 110px;
  }

  .rp-m-pl-10xl {
    padding-left: 120px;
  }

  .rp-m-pl-11xl {
    padding-left: 130px;
  }

  .rp-m-pl-12xl {
    padding-left: 140px;
  }

  .rp-m-pl-13xl {
    padding-left: 150px;
  }

  .rp-m-pl-14xl {
    padding-left: 160px;
  }

  .rp-m-pl-15xl {
    padding-left: 170px;
  }

  .rp-m-pr-2xs {
    padding-right: 5px;
  }

  .rp-m-pr-xs {
    padding-right: 5px;
  }

  .rp-m-pr-s {
    padding-right: 10px;
  }

  .rp-m-pr {
    padding-right: 15px;
  }

  .rp-m-pr-l {
    padding-right: 20px;
  }

  .rp-m-pr-xl {
    padding-right: 30px;
  }

  .rp-m-pr-2xl {
    padding-right: 40px;
  }

  .rp-m-pr-3xl {
    padding-right: 50px;
  }

  .rp-m-pr-4xl {
    padding-right: 60px;
  }

  .rp-m-pr-5xl {
    padding-right: 70px;
  }

  .rp-m-pr-6xl {
    padding-right: 80px;
  }

  .rp-m-pr-7xl {
    padding-right: 90px;
  }

  .rp-m-pr-8xl {
    padding-right: 100px;
  }

  .rp-m-pr-9xl {
    padding-right: 110px;
  }

  .rp-m-pr-10xl {
    padding-right: 120px;
  }

  .rp-m-pr-11xl {
    padding-right: 130px;
  }

  .rp-m-pr-12xl {
    padding-right: 140px;
  }

  .rp-m-pr-13xl {
    padding-right: 150px;
  }

  .rp-m-pr-14xl {
    padding-right: 160px;
  }

  .rp-m-pr-15xl {
    padding-right: 170px;
  }

  .rp-m-p-xs {
    padding: 5px;
  }

  .rp-m-p-s {
    padding: 10px;
  }

  .rp-m-p {
    padding: 15px;
  }

/*============================================================================================================

                responsive padding SMART - headline

=============================================================================================================*/
  /* responsive padding */

/* =================================
smartphone
================================= */
@media (max-width: 767px) {

  .rp-m-pt-2xs {
    padding-top: 5px;
  }

  .rp-m-pt-xs {
    padding-top: 5px;
  }

  .rp-m-pt-s {
    padding-top: 10px;
  }

  .rp-m-pt {
    padding-top: 10px;
  }

  .rp-m-pt-l {
    padding-top: 15px;
  }

  .rp-m-pt-xl {
    padding-top: 15px;
  }

  .rp-m-pt-2xl {
    padding-top: 20px;
  }

  .rp-m-pt-3xl {
    padding-top: 20px;
  }

  .rp-m-pt-4xl {
    padding-top: 25px;
  }

  .rp-m-pt-5xl {
    padding-top: 25px;
  }

  .rp-m-pt-6xl {
    padding-top: 30px;
  }

  .rp-m-pt-7xl {
    padding-top: 30px;
  }

  .rp-m-pt-8xl {
    padding-top: 35px;
  }

  .rp-m-pt-9xl {
    padding-top: 35px;
  }

  .rp-m-pt-10xl {
    padding-top: 40px;
  }

  .rp-m-pt-11xl {
    padding-top: 40px;
  }

  .rp-m-pt-12xl {
    padding-top: 45px;
  }

  .rp-m-pt-13xl {
    padding-top: 45px;
  }

  .rp-m-pt-14xl {
    padding-top: 50px;
  }

  .rp-m-pt-15xl {
    padding-top: 50px;
  }

  .rp-m-pb-2xs {
    padding-bottom: 5px;
  }

  .rp-m-pb-xs {
    padding-bottom: 5px;
  }

  .rp-m-pb-s {
    padding-bottom: 10px;
  }

  .rp-m-pb {
    padding-bottom: 10px;
  }

  .rp-m-pb-l {
    padding-bottom: 15px;
  }

  .rp-m-pb-xl {
    padding-bottom: 15px;
  }

  .rp-m-pb-2xl {
    padding-bottom: 20px;
  }

  .rp-m-pb-3xl {
    padding-bottom: 20px;
  }

  .rp-m-pb-4xl {
    padding-bottom: 25px;
  }

  .rp-m-pb-5xl {
    padding-bottom: 25px;
  }

  .rp-m-pb-6xl {
    padding-bottom: 30px;
  }

  .rp-m-pb-7xl {
    padding-bottom: 30px;
  }

  .rp-m-pb-8xl {
    padding-bottom: 35px;
  }

  .rp-m-pb-9xl {
    padding-bottom: 35px;
  }

  .rp-m-pb-10xl {
    padding-bottom: 40px;
  }

  .rp-m-pb-11xl {
    padding-bottom: 40px;
  }

  .rp-m-pb-12xl {
    padding-bottom: 45px;
  }

  .rp-m-pb-13xl {
    padding-bottom: 45px;
  }

  .rp-m-pb-14xl {
    padding-bottom: 50px;
  }

  .rp-m-pb-15xl {
    padding-bottom: 50px;
  }

  .rp-m-pl-2xs {
    padding-left: 5px;
  }

  .rp-m-pl-xs {
    padding-left: 5px;
  }

  .rp-m-pl-s {
    padding-left: 10px;
  }

  .rp-m-pl {
    padding-left: 10px;
  }

  .rp-m-pl-l {
    padding-left: 15px;
  }

  .rp-m-pl-xl {
    padding-left: 15px;
  }

  .rp-m-pl-2xl {
    padding-left: 20px;
  }

  .rp-m-pl-3xl {
    padding-left: 20px;
  }

  .rp-m-pl-4xl {
    padding-left: 25px;
  }

  .rp-m-pl-5xl {
    padding-left: 25px;
  }

  .rp-m-pl-6xl {
    padding-left: 30px;
  }

  .rp-m-pl-7xl {
    padding-left: 30px;
  }

  .rp-m-pl-8xl {
    padding-left: 35px;
  }

  .rp-m-pl-9xl {
    padding-left: 35px;
  }

  .rp-m-pl-10xl {
    padding-left: 40px;
  }

  .rp-m-pl-11xl {
    padding-left: 40px;
  }

  .rp-m-pl-12xl {
    padding-left: 45px;
  }

  .rp-m-pl-13xl {
    padding-left: 45px;
  }

  .rp-m-pl-14xl {
    padding-left: 50px;
  }

  .rp-m-pl-15xl {
    padding-left: 50px;
  }

  .rp-m-pr-2xs {
    padding-right: 5px;
  }

  .rp-m-pr-xs {
    padding-right: 5px;
  }

  .rp-m-pr-s {
    padding-right: 10px;
  }

  .rp-m-pr {
    padding-right: 10px;
  }

  .rp-m-pr-l {
    padding-right: 15px;
  }

  .rp-m-pr-xl {
    padding-right: 15px;
  }

  .rp-m-pr-2xl {
    padding-right: 20px;
  }

  .rp-m-pr-3xl {
    padding-right: 20px;
  }

  .rp-m-pr-4xl {
    padding-right: 25px;
  }

  .rp-m-pr-5xl {
    padding-right: 25px;
  }

  .rp-m-pr-6xl {
    padding-right: 30px;
  }

  .rp-m-pr-7xl {
    padding-right: 30px;
  }

  .rp-m-pr-8xl {
    padding-right: 35px;
  }

  .rp-m-pr-9xl {
    padding-right: 35px;
  }

  .rp-m-pr-10xl {
    padding-right: 40px;
  }

  .rp-m-pr-11xl {
    padding-right: 40px;
  }

  .rp-m-pr-12xl {
    padding-right: 45px;
  }

  .rp-m-pr-13xl {
    padding-right: 45px;
  }

  .rp-m-pr-14xl {
    padding-right: 50px;
  }

  .rp-m-pr-15xl {
    padding-right: 50px;
  }

  .rp-m-p-xs {
    padding: 5px;
  }

  .rp-m-p-s {
    padding: 10px;
  }

  .rp-m-p {
    padding: 15px;
  }
}

/*============================================================================================================

                文字間隔縦幅 lineheight - headline

=============================================================================================================*/
/* lineheight
-------------*/

  .con-lh-32 {
    line-height: 3.2rem;
  }

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

  .con-lh-32 {
    line-height: 2.2rem;
  }

}

  .lh-10 {
    line-height: 1rem;
  }

  .lh-11 {
    line-height: 1.1rem;
  }

  .lh-12 {
    line-height: 1.2rem;
  }

  .lh-13 {
    line-height: 1.3rem;
  }

  .lh-14 {
    line-height: 1.4rem;
  }

  .lh-15 {
    line-height: 1.5rem;
  }

  .lh-16 {
    line-height: 1.6rem;
  }

  .lh-17 {
    line-height: 1.7rem;
  }

  .lh-18 {
    line-height: 1.8rem;
  }

  .lh-19 {
    line-height: 1.9rem;
  }

  .lh-20 {
    line-height: 2.0rem;
  }

  .lh-21 {
    line-height: 2.1rem;
  }

  .lh-22 {
    line-height: 2.2rem;
  }

  .lh-23 {
    line-height: 2.3rem;
  }

  .lh-24 {
    line-height: 2.4rem;
  }

  .lh-25 {
    line-height: 2.5rem;
  }

  .lh-26 {
    line-height: 2.6rem;
  }

  .lh-27 {
    line-height: 2.7rem;
  }

  .lh-28 {
    line-height: 2.8rem;
  }

  .lh-29 {
    line-height: 2.9rem;
  }

  .lh-30 {
    line-height: 3.0rem;
  }

  .lh-31 {
    line-height: 3.1rem;
  }

  .lh-32 {
    line-height: 3.2rem;
  }

  .lh-33 {
    line-height: 3.3rem;
  }

  .lh-34 {
    line-height: 3.4rem;
  }

  .lh-35 {
    line-height: 3.5rem;
  }

  .lh-36 {
    line-height: 3.6rem;
  }

  .lh-37 {
    line-height: 3.7rem;
  }

  .lh-38 {
    line-height: 3.8rem;
  }

  .lh-39 {
    line-height: 3.9rem;
  }

  .lh-40 {
    line-height: 4.0rem;
  }

  .lh-41 {
    line-height: 4.1rem;
  }

  .lh-42 {
   line-height: 4.2rem;
  }

  .lh-43 {
    line-height: 4.3rem;
  }

  .lh-44 {
    line-height: 4.4rem;
  }

  .lh-45 {
    line-height: 4.5rem;
  }

  .lh-46 {
    line-height: 4.6rem;
  }

  .lh-47 {
    line-height: 4.7rem;
  }

  .lh-48 {
    line-height: 4.8rem;
  }

  .lh-49 {
    line-height: 4.9rem;
  }

  .lh-50 {
    line-height: 5.0rem;
  }

  .lh-51 {
    line-height: 5.1rem;
  }

  .lh-52 {
    line-height: 5.2rem;
  }

  .lh-53 {
    line-height: 5.3rem;
  }

  .lh-54 {
    line-height: 5.4rem;
  }

  .lh-55 {
    line-height: 5.5rem;
  }

  .lh-56 {
    line-height: 5.6rem;
  }

  .lh-57 {
    line-height: 5.7rem;
  }

  .lh-58 {
    line-height: 5.8rem;
  }

  .lh-59 {
    line-height: 5.9rem;
  }

  .lh-60 {
    line-height: 6.0rem;
  }

  .lh-61 {
    line-height: 6.1rem;
  }

  .lh-62 {
    line-height: 6.2rem;
  }

  .lh-63 {
    line-height: 6.3rem;
  }

  .lh-64 {
    line-height: 6.4rem;
  }

  .lh-65 {
    line-height: 6.5rem;
  }

  .lh-66 {
    line-height: 6.6rem;
  }

  .lh-67 {
    line-height: 6.7rem;
  }

  .lh-68 {
    line-height: 6.8rem;
  }

  .lh-69 {
    line-height: 6.9rem;
  }

  .lh-70 {
    line-height: 7.0rem;
  }

/*============================================================================================================

                文字間隔横幅 letter-spacing - headline

=============================================================================================================*/

  .ls-0 {
    letter-spacing:0px;
  }

  .ls-1 {
    letter-spacing:1px;
  }

  .ls-2 {
    letter-spacing:2px;
  }

  .ls-3 {
    letter-spacing:3px;
  }

  .ls-4 {
    letter-spacing:4px;
  }

  .ls-5 {
    letter-spacing:5px;
  }

  .ls-6 {
    letter-spacing:6px;
  }

  .ls-7 {
    letter-spacing:7px;
  }

  .ls-8 {
    letter-spacing:8px;
  }

  .ls-9 {
    letter-spacing:9px;
  }

  .ls-10 {
    letter-spacing:10px;
  }

  .ls-11 {
    letter-spacing:11px;
  }

  .ls-12 {
    letter-spacing:12px;
  }

  .ls-13 {
    letter-spacing:13px;
  }

  .ls-14 {
    letter-spacing:14px;
  }

  .ls-15 {
    letter-spacing:15px;
  }

  .ls-16 {
    letter-spacing:16px;
  }

  .ls-17 {
    letter-spacing:17px;
  }

  .ls-18 {
    letter-spacing:18px;
  }

  .ls-19 {
    letter-spacing:19px;
  }

  .ls-20 {
    letter-spacing:20px;
  }

/*============================================================================================================

                width % - headline

=============================================================================================================*/

  .width-5 {
    width:5%;
  }

  .width-10 {
    width:10%;
  }

  .width-15 {
    width:15%;
  }

  .width-20 {
    width:20%;
  }

  .width-25 {
    width:25%;
  }

  .width-30 {
    width:30%;
  }

  .width-35 {
    width:35%;
  }

  .width-40 {
    width:40%;
  }

  .width-45 {
    width:45%;
  }

  .width-50 {
    width:50%;
  }

  .width-55 {
    width:55%;
  }

  .width-60 {
    width:60%;
  }

  .width-65 {
    width:65%;
  }

  .width-70 {
    width:70%;
  }

  .width-75 {
    width:75%;
  }

  .width-80 {
    width:80%;
  }

  .width-85 {
    width:85%;
  }

  .width-90 {
    width:90%;
  }

  .width-95 {
    width:95%;
  }

  .width-100 {
    width:100%;
  }

/*============================================================================================================

                border - headline

=============================================================================================================*/

  .bdgray-1 {
    border:1px solid #dddddd;
  }

  .bdgray-1-t {
    border-top:1px solid #dddddd;
  }

  .bdgray-1-b {
    border-bottom:1px solid #dddddd;
  }

  .bdgray-1-r {
    border-right:1px solid #dddddd;
  }

  .bdgray-1-l {
    border-left:1px solid #dddddd;
  }

/*============================================================================================================

                tab - headline

=============================================================================================================*/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 3px solid #000000;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}

/* =================================
smartphone
================================= */
@media (max-width: 767px) {

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 30px 20px 0;
  clear: both;
  overflow: hidden;
}

}


/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #000000;
  color: #fff;
}

/*============================================================================================================

                color tag - headline

=============================================================================================================*/

.color-tag{

}

.color-tag ul{
font-size:0;
list-style:none;
padding:0;
margin:0
}

.color-tag li{
text-align:center;
display:inline-block;
width: 26px;
margin: 0 10px 0 10px;
}

.color-tag-white{
background-color: #FFFFFF;
border-radius: 100px;
width: 24px;
height: 24px;
border:1px solid #dddddd;
}
.color-tag-black{
background-color: #000000;
border-radius: 100px;
width: 24px;
height: 24px;
border:1px solid #000000;
}
.color-tag-red{
background-color: #b92332;
border-radius: 100px;
width: 24px;
height: 24px;
border:1px solid #b92332;
}
.color-tag-blue{
background-color: #0e69a8;
border-radius: 100px;
width: 24px;
height: 24px;
border:1px solid #0e69a8;
}
.color-tag-pink{
background-color: #ff72b8;
border-radius: 100px;
width: 24px;
height: 24px;
border:1px solid #ff72b8;
}
.color-tag-gray{
background-color: #dddddd;
border-radius: 100px;
width: 24px;
height: 24px;
border:1px solid #dddddd;
}

/*============================================================================================================

                review coupon - headline

=============================================================================================================*/

.review-step{
width: 80%;
margin: 0 auto 0;
}

.review-note{
width: 80%;
margin: 0 auto 0;
}

.review-bn{
max-width: 1112px;
width: 84%;
margin: 0 auto 0;
}

.pickup-m{
max-width: 1112px;
width: 90%;
border-radius: 50px;
background-color: #FFFFFF;
border: 2px solid #c80a3c;
color: #c80a3c;
margin: 0 auto 0;
text-align: center;
padding: 1px 0 1px 0;
font-size: 18px;
}

/* =================================
smartphone
================================= */
@media (max-width: 767px) {

.review-step{
width: 100%;
}

.review-note{
width: 100%;
}

.review-bn{
width: 92%;
margin: 0 auto 0;
}

.pickup-m{
max-width: 800px;
width: 92%;
}

}


/*============================================================================================================

                img-width - headline

=============================================================================================================*/

  .img-tac {
    margin:0 auto 0;
  }

/* =================================
smart100%
================================= */

  .img-w10-100 {
    width:10%;
  }

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

  .img-w10-100 {
    width:100%;
  }

}

  .img-w20-100 {
    width:20%;
  }

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

  .img-w20-100 {
    width:100%;
  }

}

  .img-w30-100 {
    width:30%;
  }

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

  .img-w30-100 {
    width:100%;
  }

}

  .img-w40-100 {
    width:40%;
  }

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

  .img-w40-100 {
    width:100%;
  }

}

  .img-w50-100 {
    width:50%;
  }

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

  .img-w50-100 {
    width:100%;
  }

}

  .img-w60-100 {
    width:60%;
  }

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

  .img-w60-100 {
    width:100%;
  }

}

  .img-w70-100 {
    width:70%;
  }

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

  .img-w70-100 {
    width:100%;
  }

}

  .img-w80-100 {
    width:80%;
  }

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

  .img-w80-100 {
    width:100%;
  }

}

  .img-w90-100 {
    width:90%;
  }

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

  .img-w90-100 {
    width:100%;
  }

}

/* =================================
smart90%
================================= */

  .img-w10-90 {
    width:10%;
  }

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

  .img-w10-90 {
    width:90%;
  }

}

  .img-w20-90 {
    width:20%;
  }

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

  .img-w20-90 {
    width:90%;
  }

}

  .img-w30-90 {
    width:30%;
  }

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

  .img-w30-90 {
    width:90%;
  }

}

  .img-w40-90 {
    width:40%;
  }

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

  .img-w40-90 {
    width:90%;
  }

}

  .img-w50-90 {
    width:50%;
  }

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

  .img-w50-90 {
    width:90%;
  }

}

  .img-w60-90 {
    width:60%;
  }

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

  .img-w60-90 {
    width:90%;
  }

}

  .img-w70-90 {
    width:70%;
  }

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

  .img-w70-90 {
    width:90%;
  }

}

  .img-w80-90 {
    width:80%;
  }

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

  .img-w80-90 {
    width:90%;
  }

}

  .img-w90-90 {
    width:90%;
  }

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

  .img-w90-90 {
    width:90%;
  }

}

/* =================================
smart80%
================================= */

  .img-w10-80 {
    width:10%;
  }

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

  .img-w10-80 {
    width:80%;
  }

}

  .img-w20-80 {
    width:20%;
  }

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

  .img-w20-80 {
    width:80%;
  }

}

  .img-w30-80 {
    width:30%;
  }

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

  .img-w30-80 {
    width:80%;
  }

}

  .img-w40-80 {
    width:40%;
  }

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

  .img-w40-80 {
    width:80%;
  }

}

  .img-w50-80 {
    width:50%;
  }

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

  .img-w50-80 {
    width:80%;
  }

}

  .img-w60-80 {
    width:60%;
  }

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

  .img-w60-80 {
    width:80%;
  }

}

  .img-w70-80 {
    width:70%;
  }

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

  .img-w70-80 {
    width:80%;
  }

}

  .img-w80-80 {
    width:80%;
  }

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

  .img-w80-80 {
    width:80%;
  }

}

  .img-w90-80 {
    width:90%;
  }

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

  .img-w90-80 {
    width:80%;
  }

}

/* =================================
smart70%
================================= */

  .img-w10-70 {
    width:10%;
  }

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

  .img-w10-70 {
    width:70%;
  }

}

  .img-w20-70 {
    width:20%;
  }

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

  .img-w20-70 {
    width:70%;
  }

}

  .img-w30-70 {
    width:30%;
  }

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

  .img-w30-70 {
    width:70%;
  }

}

  .img-w40-70 {
    width:40%;
  }

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

  .img-w40-70 {
    width:70%;
  }

}

  .img-w50-70 {
    width:50%;
  }

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

  .img-w50-70 {
    width:70%;
  }

}

  .img-w60-70 {
    width:60%;
  }

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

  .img-w60-70 {
    width:70%;
  }

}

  .img-w70-70 {
    width:70%;
  }

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

  .img-w70-70 {
    width:70%;
  }

}

  .img-w80-70 {
    width:80%;
  }

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

  .img-w80-70 {
    width:70%;
  }

}

  .img-w90-70 {
    width:90%;
  }

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

  .img-w90-70 {
    width:70%;
  }

}

/* =================================
smart60%
================================= */

  .img-w10-60 {
    width:10%;
  }

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

  .img-w10-60 {
    width:60%;
  }

}

  .img-w20-60 {
    width:20%;
  }

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

  .img-w20-60 {
    width:60%;
  }

}

  .img-w30-60 {
    width:30%;
  }

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

  .img-w30-60 {
    width:60%;
  }

}

  .img-w40-60 {
    width:40%;
  }

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

  .img-w40-60 {
    width:60%;
  }

}

  .img-w50-60 {
    width:50%;
  }

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

  .img-w50-60 {
    width:60%;
  }

}

  .img-w60-60 {
    width:60%;
  }

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

  .img-w60-60 {
    width:60%;
  }

}

  .img-w70-60 {
    width:70%;
  }

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

  .img-w70-60 {
    width:60%;
  }

}

  .img-w80-60 {
    width:80%;
  }

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

  .img-w80-60 {
    width:60%;
  }

}

  .img-w90-60 {
    width:90%;
  }

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

  .img-w90-60 {
    width:60%;
  }

}

/* =================================
smart50%
================================= */

  .img-w10-50 {
    width:10%;
  }

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

  .img-w10-50 {
    width:50%;
  }

}

  .img-w20-50 {
    width:20%;
  }

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

  .img-w20-50 {
    width:50%;
  }

}

  .img-w30-50 {
    width:30%;
  }

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

  .img-w30-50 {
    width:50%;
  }

}

  .img-w40-50 {
    width:40%;
  }

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

  .img-w40-50 {
    width:50%;
  }

}

  .img-w50-50 {
    width:50%;
  }

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

  .img-w50-50 {
    width:50%;
  }

}

  .img-w60-50 {
    width:60%;
  }

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

  .img-w60-50 {
    width:50%;
  }

}

  .img-w70-50 {
    width:70%;
  }

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

  .img-w70-50 {
    width:50%;
  }

}

  .img-w80-50 {
    width:80%;
  }

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

  .img-w80-50 {
    width:50%;
  }

}

  .img-w90-50 {
    width:50%;
  }

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

  .img-w90-50 {
    width:50%;
  }

}


/* =================
LP数量選択レイアウト
================== */
.quantity_select ul {
  overflow: hidden;
}
.quantity_select ul li {
  list-style-type: none;
}
.quantity_select li p {
  float: left;
  font-weight: bold;
  padding: 10px;
  text-align: left;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.quantity_select .topBlock li p {
  width: 50%;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.quantity_select .topBlock li.active p {

}
.quantity_select .topBlock li:last-child p {
  border-right: none;
}

#quantity select {
  width: 80px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}