/* タイムセールバナーにて利用する汎用css */
.time-sale p ,#overlay p{
  margin: 0px;
}
.time-sale p {
  line-height: 1.55;
}
.time-sale .f-color-white {
  color: white;
}
.time-sale .f-color-orange {
  color: #fd7800;
}
.time-sale .txt-center {
  text-align: center;
}
.time-sale .bold {
  font-weight: bold;
}
.time-sale .lh100{
  line-height:100%;
}
.time-sale .lh120{
  line-height:120%;
}
.time-sale .bgc-blue1 {
  background-color: #f2f9ff;
}
.time-sale .bgc-blue2 {
  background-color: #77b4e9;
}

.time-sale .flex {
  display: flex;
  flex-wrap: wrap;
}
.time-sale .justify-center {
  justify-content: center;
}
.time-sale .align-center {
  align-items: center;
}
.time-sale .va-m {
  vertical-align: middle;
}

.time-sale .inblock {
  display: inline-block;
}

.time-sale .pd4 {
  padding: 4px;
}
.time-sale .pdb5{
  padding-bottom: 5px;
}
.time-sale .pdtb5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.time-sale .ml5{
  margin-left: 5px;
}
.time-sale .mr5{
  margin-right: 5px;
}
.time-sale .mt10{
  margin-top: 10px;
}
.time-sale .mt20{
  margin-top: 20px;
}

/* timesaleのバナーにて利用 */
.time-sale .time-sale-under-line {
  border-bottom: 2px solid;
}
.time-sale .icon-only-now {
  max-width: 22%;
  max-height: 22%;
}
.time-sale .gap-embed {
  letter-spacing: -10px;
}
.js-view-time-sale {
  display: none;
}
.time-sale .f-color-yellow {
  color: #fff000;
}
.time-sale .img-slush{
  max-width: 18px;
  max-height: 54px;
}

/*オーバーレイのCSS*/
#overlay {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.4);
}
.time-sale .time-sale-overlay {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
.time-sale .time-sale-bg-red {
  background-color: rgb(230,70,70);
}

.time-sale .clock-icon-overlay-sp {
  max-width: 24px;
  max-height: 24px;
}
.time-sale .clock-icon-overlay-pc {
  max-width: 26px;
  max-height: 26px;
}
.time-sale .flex-column {
  flex-direction: column;
}


.tab-control-warpper { position:relative; }
.tab-control-warpper:after {
    content:"";
    width:100%;
    position:absolute;
    left:0px;
    bottom:0px;
    background-color:#000;
}

.flow-tab .tab-control li.item .item-content {
    box-sizing:border-box;
    border-radius:5px 5px 0 0;
    border-style:solid;
    border-color:transparent;
    background-color:#e6e6e6;
    position:relative;
}

.flow-tab .tab-control li.item .item-content a { color:#999; }

.flow-tab[data-current="left"]  li.item-left .item-content,
.flow-tab[data-current="right"]  li.item-right .item-content {
    background-color:#fff;
    border-top-color:#000;
    border-left-color:#000;
    border-right-color:#000;
    border-bottom-color:#fff;
    z-index:3;
}

.flow-tab[data-current="left"]  li.item-left .item-content a,
.flow-tab[data-current="right"]  li.item-right .item-content a {
    color:#f36700;
}


.flow-tab .tab-view { margin-top:-1px; position:relative;  }
.flow-tab .tab-view .tab-wrapper {
    width:100%;
    height:0px;
    overflow:hidden;
    position:absolute;
}

.flow-tab[data-current="left"] .tab-view .tab-wrapper.content-left,
.flow-tab[data-current="right"] .tab-view .tab-wrapper.content-right { position:relative; height:auto; }

.flow-tab .tab-content {
    box-sizing:border-box;
}


/*
---------------------------
        maragin-set
---------------------------
*/
.childs-mb0 > *:not(:last-child) { margin-bottom:0px; }
.childs-mb5 > *:not(:last-child) { margin-bottom:5px; }
.childs-mb10 > *:not(:last-child) { margin-bottom:10px; }
.childs-mb15 > *:not(:last-child) { margin-bottom:15px; }
.childs-mb20 > *:not(:last-child) { margin-bottom:20px; }
.childs-mb25 > *:not(:last-child) { margin-bottom:25px; }
.childs-mb30 > *:not(:last-child) { margin-bottom:30px; }
.childs-mb35 > *:not(:last-child) { margin-bottom:35px; }
.childs-mb40 > *:not(:last-child) { margin-bottom:40px; }
.childs-mb45 > *:not(:last-child) { margin-bottom:45px; }
.childs-mb50 > *:not(:last-child) { margin-bottom:50px; }
.childs-mb55 > *:not(:last-child) { margin-bottom:55px; }
.childs-mb60 > *:not(:last-child) { margin-bottom:60px; }
.childs-mb65 > *:not(:last-child) { margin-bottom:65px; }
.childs-mb70 > *:not(:last-child) { margin-bottom:70px; }
.childs-mb75 > *:not(:last-child) { margin-bottom:75px; }
.childs-mb80 > *:not(:last-child) { margin-bottom:80px; }
.childs-mb85 > *:not(:last-child) { margin-bottom:85px; }
.childs-mb90 > *:not(:last-child) { margin-bottom:90px; }
.childs-mb95 > *:not(:last-child) { margin-bottom:95px; }
.childs-mb100 > *:not(:last-child) { margin-bottom:100px; }
.childs-mb150 > *:not(:last-child) { margin-bottom:150px; }
.childs-mb200 > *:not(:last-child) { margin-bottom:200px; }
.childs-mb250 > *:not(:last-child) { margin-bottom:250px; }
.childs-mb300 > *:not(:last-child) { margin-bottom:300px; }

.mb0 { margin-bottom:0px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb17 { margin-bottom:17px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb55 { margin-bottom:55px; }
.mb60 { margin-bottom:60px; }
.mb65 { margin-bottom:65px; }
.mb70 { margin-bottom:70px; }
.mb75 { margin-bottom:75px; }
.mb80 { margin-bottom:80px; }
.mb85 { margin-bottom:85px; }
.mb90 { margin-bottom:90px; }
.mb95 { margin-bottom:95px; }
.mb100 { margin-bottom:100px; }
.mb150 { margin-bottom:150px; }
.mb200 { margin-bottom:200px; }
.mb250 { margin-bottom:250px; }
.mb300 { margin-bottom:300px; }

.mt0 { margin-top:0px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt55 { margin-top:55px; }
.mt60 { margin-top:60px; }
.mt65 { margin-top:65px; }
.mt70 { margin-top:70px; }
.mt75 { margin-top:75px; }
.mt80 { margin-top:80px; }
.mt85 { margin-top:85px; }
.mt90 { margin-top:90px; }
.mt95 { margin-top:95px; }
.mt100 { margin-top:100px; }
.mt150 { margin-top:150px; }
.mt200 { margin-top:200px; }
.mt250 { margin-top:250px; }
.mt300 { margin-top:300px; }

.ml0 { margin-left:0px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }
.ml55 { margin-left:55px; }
.ml60 { margin-left:60px; }
.ml65 { margin-left:65px; }
.ml70 { margin-left:70px; }
.ml75 { margin-left:75px; }
.ml80 { margin-left:80px; }
.ml85 { margin-left:85px; }
.ml90 { margin-left:90px; }
.ml95 { margin-left:95px; }
.ml100 { margin-left:100px; }
.ml150 { margin-left:150px; }
.ml200 { margin-left:200px; }
.ml250 { margin-left:250px; }
.ml300 { margin-left:300px; }

.mr0 { margin-right:0px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }
.mr55 { margin-right:55px; }
.mr60 { margin-right:60px; }
.mr65 { margin-right:65px; }
.mr70 { margin-right:70px; }
.mr75 { margin-right:75px; }
.mr80 { margin-right:80px; }
.mr85 { margin-right:85px; }
.mr90 { margin-right:90px; }
.mr95 { margin-right:95px; }
.mr100 { margin-right:100px; }
.mr150 { margin-right:150px; }
.mr200 { margin-right:200px; }
.mr250 { margin-right:250px; }
.mr300 { margin-right:300px; }


/*
---------------------------
        flex-box
---------------------------
*/
.flex {
  display:flex;
  display:-webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
}
[class*="flex"] > * { box-sizing:border-box; }
[class*="flex"].flpd-5 { width:calc(100% + 5px); margin-left:-5px; }
[class*="flex"].flpd-5 > * { padding-left:5px; }
[class*="flex"].flpd-10 { width:calc(100% + 10px); margin-left:-10px; }
[class*="flex"].flpd-10 > * { padding-left:10px; }
[class*="flex"].flpd-15 { width:calc(100% + 15px); margin-left:-15px; }
[class*="flex"].flpd-15 > * { padding-left:15px; }
[class*="flex"].flpd-20 { width:calc(100% + 20px); margin-left:-20px; }
[class*="flex"].flpd-20 > * { padding-left:20px; }
[class*="flex"].flpd-25 { width:calc(100% + 25px); margin-left:-25px; }
[class*="flex"].flpd-25 > * { padding-left:25px; }
[class*="flex"].flpd-30 { width:calc(100% + 30px); margin-left:-30px; }
[class*="flex"].flpd-30 > * { padding-left:30px; }
[class*="flex"].flpd-35 { width:calc(100% + 35px); margin-left:-35px; }
[class*="flex"].flpd-35 > * { padding-left:35px; }
[class*="flex"].flpd-40 { width:calc(100% + 40px); margin-left:-40px; }
[class*="flex"].flpd-40 > * { padding-left:40px; }
[class*="flex"].flpd-45 { width:calc(100% + 45px); margin-left:-45px; }
[class*="flex"].flpd-45 > * { padding-left:45px; }
[class*="flex"].flpd-50 { width:calc(100% + 50px); margin-left:-50px; }
[class*="flex"].flpd-50 > * { padding-left:50px; }

[class*="flex"] > .order-first { order:-1; }
[class*="flex"] > .order-1 { order:1; }
[class*="flex"] > .order-2 { order:2; }
[class*="flex"] > .order-3 { order:3; }
[class*="flex"] > .order-4 { order:4; }
[class*="flex"] > .order-5 { order:5; }

[class*="flex"] > .flex1 { flex:1; }
[class*="flex"] > .flex2 { flex:2; }
[class*="flex"] > .flex3 { flex:3; }
[class*="flex"] > .flex4 { flex:4; }
[class*="flex"] > .flex5 { flex:5; }

[class*="flex"].justify-center { justify-content: center; }
[class*="flex"].justify-between { justify-content: space-between; }
[class*="flex"].align-center { align-items: center; }
[class*="flex"].align-start { align-items: flex-start; }
[class*="flex"].align-end { align-items: flex-end; }
[class*="flex"].flx-nowrap { flex-wrap: nowrap; }

/*
---------------------------
    additional-settings
---------------------------
*/
.pic { vertical-align:bottom; }
.f-left { float:left; }
.f-right { float:right; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.txt-center { text-align:center; }
.block-center { margin-left:auto; margin-right:auto; }
.nowrap { white-space:nowrap; }
.kerning { letter-spacing:-.08em; }
.w100 { width:100%; }
.h100 { height:100%; }
.bold { font-weight:bold; }
.normal { font-weight:normal; }
.block { display:block; }
.inblock { display:inline-block; }
.border-box { box-sizing:border-box; }
.border-ccc { border:1px solid #cccccc; }
.border-black { border:1px solid #000; }
.border-b-ccc { border-bottom:1px solid #cccccc; }
.border-b-black { border-bottom:1px solid #000; }
.lh1 { line-height:1; }
.lh100 { line-height:100%; }
.lh120 { line-height:120%; }
.lh140 { line-height:140%; }
.round3 { border-radius:3px; }
.round5 { border-radius:5px; }
.round10 { border-radius:10px; }

/*
---------------------------
          table
---------------------------
*/
table {	border-collapse: collapse; }
.table { display:table; }
.table > .t-row { display:table-row; }
.table > .t-cell,
.table > .t-head,
.table > .t-row > .t-cell,
.table > .t-row > .t-head { display:table-cell; height:100%; }
.va-m { vertical-align:middle; }
.va-t { vertical-align:top; }
.va-b { vertical-align:bottom; }

/*.table > .t-head { font-weight:bold; }*/

.table > .t-row:not(:last-child) .t-head,
.table > .t-row:not(:last-child) .t-cell { border-bottom:1px solid #000; }
.table > .t-row .t-head:not(:last-child),
.table > .t-row .t-cell:not(:last-child) { border-right:1px solid #000; }

.table-column{
  margin-bottom: 20px;
}

table td.pd0{
  padding: 0px !important;
}
table td.pdl0{
  padding-left: 0px !important;
}
table td.pdr0{
  padding-right: 0px !important;
}
.border-b0{
  border-bottom: 0 !important;
}
.ml-auto{
  margin-left: auto;
}
.border-square{
  border: 4px solid #77b4e9;
}

/*
---------------------------
        grid-rayout
---------------------------
*/
.grid > .grid-inner > *,
.grid > *:not(.grid-inner) { float:left; }

.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w33 { width:33.33%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w66 { width:66.66%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width:100%; }
.w-auto { width:auto; }
.max-w50 { max-width:50%; }
.max-w100 { max-width:100%; }
.max-w450 { max-width:450px; margin-left:auto; margin-right:auto; }
.max-w470 { max-width:470px; margin-left:auto; margin-right:auto; }
.max-w600 { max-width:600px; margin-left:auto; margin-right:auto; }

/*
---------------------------
        accordion
---------------------------
*/
.js-accordion-btn{
  background-color: #ffffff;
}
.section-link {
  display: block;
  position: relative;
}

.section-link::before,
.section-link::after {
  content: '';
  display: block;
  width: 15px;
  height: 2px;
  border-radius: 5px;
  margin-right: 15px;
  background: #006699;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.section-link::after {
  background: #006699;
  transform: translateY(-50%) rotate(90deg);
}

.js-accordion-open::after {
  transform: rotate(0);
}
.js-accordion1 p{
  margin: auto;
}

/*
---------------------------
		  notes
---------------------------
*/
ul.notes,
ul.notes > li { box-sizing:border-box; }
.notes.order-dot > *,
.notes:not([class*="order-"]) > * {
	display:inline-block;
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:.35em;
  vertical-align:middle;
}

.notes.order-dot > *:before,
.notes:not([class*="order-"]) > * {
	content:"・";
	display:inline-block;
	width:1em;
	height:1em;
	vertical-align:middle;
	position:relative;
	line-height:100%;
	text-indent:0;
}
.notes[class*="order-"]:not(.order-dot) > li { display:table; }
.notes[class*="order-"]:not(.order-dot) > li > * { display:table-cell; }
.notes[class*="order-"]:not(.order-dot) > li > *:first-child { padding-right:.5em; }

/*
---------------------------
	   page specific
---------------------------
*/
.blue_table th { background-color:#f2f9ff; }

.blue_table th,
.blue_table td { text-align:center; vertical-align:top; box-sizing:border-box; }
.blue_table thead th{
  border-bottom: 1px solid #1eafbf;
}
.blue_table tr:not(:first-child) th, .blue_table tr:not(:first-child) td {
  border-top: 1px solid #1eafbf;
}
.blue_table td, .blue_table thead th:not(:first-child) {
  border-left: 1px solid #1eafbf;
}
.blue_table th:not(.has-icon),
.blue_table td { vertical-align: middle; }

.blue_table th.has-icon { height:200px; }

.blue_table td.txt-center { text-align:center; }
.blue_table td.txt-left { text-align:left; }
.blue_table td.txt-right { text-align:right; }

.yellow_table { border:4px solid #ffd200; width:100%; }
.yellow_table th {
  background-color:#ffffd5;
  font-size: 16px;
}
.yellow_table .table-ttl { background-color:#ffd200; }

.yellow_table th,
.yellow_table td { vertical-align:top; box-sizing:border-box; line-height: 1.714; }
.yellow_table td.txt-center { text-align:center; }
.yellow_table td.txt-right { text-align:right; }
.yellow_table td ul { text-align:left; }

.yellow_table tr:not(:last-child) th,
.yellow_table tr:not(:last-child) td { border-bottom:1px solid #ffd200; }

.yellow_table tr th:not(:last-child),
.yellow_table tr td:not(:last-child) { border-right:1px solid #ffd200; }

.yellow_table tr th.border-r,
.yellow_table tr td.border-r { border-right:1px solid #ffd200; }

.yellow_table th:not(.has-icon),
.yellow_table td { vertical-align: middle; }

.yellow_table th.has-icon { height:200px; }

table td.square{
  vertical-align: top;
}

.bnr-font { font-family:helvetica Neue, Meiryo, 'Hiragino Kaku Gothic ProN'; }

:not([href]) a { cursor:pointer; }
dd { margin:auto; }
.f-color-blue { color:#008bdb; }
.f-color-blue2 { color:#77b4e9; }
.f-color-orange1 { color:#f28706; }
.f-color-red1 { color:#e64646; }

.border-blue1 { border-style:solid; border-color:#77b4e9; box-sizing:border-box; }

.bgc-gray1 { background-color:#f2f2f2; }
.bgc-gray2 { background-color:#f7f7f7; }
.bgc-gray3 { background-color:#eaeeef; }
.bgc-blue1 { background-color:#f2f9ff; }
.bgc-blue2 { background-color:#77b4e9; }
.bgc-yellow2 { background-color:#ffffd5; }
.bgc-yellow3 { background-color:#fee100; }

.figure{
  margin-bottom: 20px;
}

a:focus{
  text-decoration: none;
  outline:none;
}

.label-hikari { border:1px solid #77b4e9; color:#77b4e9; padding:.25em; }
.bg-white { background-color:#fff; }
.and-more:before { content:"＼ "; }
.and-more:after { content:" ／"; }

.js-volume-seller-text {
  display: none;
}