@charset "utf-8";
/* CSS Document */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

html {
font-size: 14px;
/*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
font-family: "M PLUS Rounded 1c";
line-height: 24px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body {
  margin: 0 auto;
  padding: 0;
	color: #666;
}
*, *::before, *::after {
  box-sizing: border-box;
}
a:link, a:visited, a:hover, a:active {
  color: #666;
  text-decoration: none;
}
img{
	vertical-align: bottom;
}
.sp{
	display:none!important;
}
@media screen and (max-width: 768px) {
.pc{
	display:none!important;
}
.sp{
	display:inherit!important;
}
}

ul{
	margin: 0;
	padding: 0;
}
ul li{
	margin: 0;
	padding: 0;
	list-style:none;
}
.hidden{
	overflow: hidden;
}
.rankArea{
	background: #fffbcd;    /*sakaguchi*/
	height:50px;
	text-align: center;
	padding: 13px;
  max-width: 1900px;      /*後で確認*/
  margin: 0 auto;
  /* 追加miz */
  font-weight: bold
}
.rankImg{
	width:19px;
	display: inline-block;
	margin-right: 10px;
}
.rankImg img{
	vertical-align:middle;
	width:100%;
	height:auto;
}
.aboutRank{
	text-align: center;
	vertical-align:middle;
}
.aboutRank a{
	background: #ff003c;
	text-align: center;
	color:#fff;
	font-size:12px;
	padding:3px 5px;
	margin-left:10px;
	border-radius:5px;
}

/* start 2022-08-04 miz 追加 */
.topArea {
    background: #fff;
    height: 50px;
    text-align: center;
    padding: 13px;
    max-width: 1900px;
    margin: 0 auto;
}

.only-sp{
    display: none;
}

@media screen and (max-width: 599px) {
    .topArea{
        height:auto;
        text-align: right;
        font-size:12px;
    }

    .only-sp{
        display: block;
    }
}
/* end 2022-08-04 miz 追加 */

@media screen and (max-width: 599px) {
.rankArea{
	height:auto;
	text-align: right;
	font-size:12px;
    /* 追加 miz */
    font-weight: normal;
}
.aboutRank{
	text-align: right;
	display:block;
}
}
.style{
	border-top: 1px solid #AFAFAF;
}
.block{
	padding:5px 0 5px 0 ;
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 599px) {
.block{
	padding:5px 10px 5px 10px ;
	border-bottom: 1px solid #ccc;
}
}
.block .inner{
	max-width:1100px;
	margin:auto;
	position: relative;
	height:42px;
}
@media screen and (max-width: 599px) {
.block .inner{
	max-width:100%;
	margin:auto;
	position: relative;
	height:auto;
}
}
.block .inner .logo{
	position: absolute;
}
@media screen and (max-width: 599px) {
.block .inner .logo{
	position: static;
    margin-bottom: 5px;
    padding-top: 5px;
    width: 166px;
}
.block .inner .logo img{
	width:100%;
	height: auto;
}
}
.point{
    position: absolute;
    left: 230px;
}
.point li{
	float: left;
	margin-left:10px;
}
@media screen and (max-width: 768px) {
.point{
    position: static;
    /* z-index: 100; */
    overflow: hidden;
    text-align: center;
    margin: auto;
    width: 354px;
}
.point li{
    /* miz 追加 */
    margin-top: 5px;
	margin-left:5px;
}
}

.btnArea{
    position: absolute;
    right: 215px;
    top: 11px;
}
@media screen and (max-width: 599px) {
/* @media screen and (max-width: 1080px) { */
.btnArea {
    display: none;
}
}
.btnArea li{
    float: left;
	margin-left:10px;
}
.btnArea li a{
	text-align: center;
	color:#666;
	font-size:13px;
	padding:3px 8px;
	margin-left:5px;
	border-radius:5px;
	border: 1px solid #666666;
}
/*rightの数値を変更坂口*/
.cartArea{
	position: absolute;
    right: 43px;
    top: 11px;
}
@media screen and (max-width: 599px) {
.cartArea{
    /* right: 10px; */
}
}
.cartArea .number{
	border-radius: 18px;
    background: #ff003c;
    color: #fff;
    font-size: 10px;
    padding: 0px 7px 0px 7px;
    vertical-align: middle;
    position: absolute;
    top: -8px;
    right: -6px;
}
.cartImg{
	width:19px;
	display: inline-block;
	margin-right: 10px;
}
.cartImg img{
	vertical-align:middle;
	width:100%;
	height:auto;
}
/*rightの数値を変更坂口*/
.heartArea{
	position: absolute;
    right: 86px;
    top: 11px;
}
@media screen and (max-width: 599px) {
.heartArea{
    /* right: 10px; */
}
}
.heartArea .number{
	border-radius: 18px;
    background: #ff003c;
    color: #fff;
    font-size: 10px;
    padding: 0px 7px 0px 7px;
    vertical-align: middle;
    position: absolute;
    top: -8px;
    right: -6px;
}
.heartImg{
	width:19px;
	display: inline-block;
	margin-right: 10px;
	height:auto;
}
.heartImg img{
	vertical-align:middle;
	width:100%;
}
/*rightの数値を変更坂口*/
.infoArea{
	position: absolute;
    right: 138px;
    top: 9px;
}
@media screen and (max-width: 599px) {
.infoArea{
    /* right: 10px; */
}

}
.infoArea .number{
	border-radius: 18px;
    background: #ff003c;
    color: #fff;
    font-size: 10px;
    padding: 0px 7px 0px 7px;
    vertical-align: middle;
    position: absolute;
    top: -8px;
    right: -15px;
}

.infoImg{
	vertical-align:middle;
	display: inline-block;
}

/*マイページエリア書き足し坂口*/
.mypageArea{
	position: absolute;
    right: 10px;
    top: 11px;
    /* right: -35px; */
}
@media screen and (max-width: 599px) {
.mypageArea{
    right: 10px;
}
}
.mypageArea .number{
	border-radius: 18px;
    background: #ff003c;
    color: #fff;
    font-size: 10px;
    padding: 0px 7px 0px 7px;
    vertical-align: middle;
    position: absolute;
    top: -8px;
    right: -6px;
}
/*ここまで坂口*/

.block02{
	max-width:1100px;
	margin:auto;
	position: relative;
	height:60px;
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
.block02{
	max-width:100%;
	margin:auto 10px;
	position: relative;
	height:auto;
	border-bottom: 1px solid #ccc;
	padding:10px 0;
}
}
nav{
	position: absolute;
	top:20px;
}
@media screen and (max-width: 599px) {
nav{
	display: none;
}
}
nav ul{
	overflow:hidden;
}
nav li{
	float: left;
	margin-right:40px;
	font-size:15px;
	font-weight: bold;
}
.search{
	position: absolute;
	right:0;
	top:13px;
	width:30%;
}
.searchBox{
	border:1px solid #ccc;
	border-radius:5px;
	padding:8px;
	width:84%;
	display: inline-block;
}
.searchImg{
	vertical-align: middle;
	margin-top:-2px;
}
@media screen and (max-width: 768px) {
.search{
	position: static;
	text-align: center;
	width: 100%;
}
.searchBox{
	border:1px solid #ccc;
	border-radius:5px;
	padding:8px;
	width:70%;
	display: inline-block;
}
}
#kv{
	max-width: 1100px;
	margin:20px auto 30px auto;
	overflow: hidden;
}
#kv .kvLeft{
	float: left;
	width:75%;
}
#kv .kvRight{
	float: right;
	width:22.7%;
}
#kv .kvRight li{
	margin-bottom:8px;
}
#kv .kvRight li:last-child{
	margin-bottom:0px;
}
#kv .kvLeft img,#kv .kvRight img{
	width:100%;
	height: auto;
}
@media screen and (max-width: 599px) {
#kv{
	max-width: 100%;
	margin:20px 10px 30px 10px;
	overflow: hidden;
}
#kv .kvLeft{
	float: none;
	width:100%;
	margin:0 0 10px 0;
}
#kv .kvRight{
	float: none;
	width:100%;
}
#kv .kvRight li{
	margin-bottom:8px;
	float: left;
	width:49%;
}
#kv .kvRight li:last-child{
	margin-bottom:0px;
	float: right;
}
#kv .kvLeft img,#kv .kvRight img{
	width:100%;
	height: auto;
}
}
#main{
	max-width: 1100px;
	margin: 50px auto 0 auto;
}
@media screen and (max-width: 599px) {
#main{
	max-width: 100%;
	margin: 30px 10px auto 10px;
}
}
.tit{
	margin-bottom:30px;
}
h1{
	padding:0;
	margin:0;
}
h2.title-border {
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 24px;
	font-family: 'Questrial', sans-serif;
	width:50%;
	margin: auto;
}
h2.title-border span {
	color: #cccc00
}
h2.title-border:before,
h2.title-border:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
}
h2.title-border:before {
	margin-right: 3rem;
}
h2.title-border:after {
	margin-left: 3rem;
}
@media screen and (max-width: 599px) {
h2.title-border {
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 24px;
	font-family: 'Questrial', sans-serif;
	width:100%;
	margin: auto;
}
h2.title-border span {
	color: #cccc00
}
h2.title-border:before,
h2.title-border:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
}
h2.title-border:before {
	margin-right: 2rem;
}
h2.title-border:after {
	margin-left: 2rem;
}
}
h2.pattern01 {
    /* background: #333333; */
    color: #666;
    font-size: 16px;
    padding: 10px 15px;
    margin: 0 0 20px 0;
    background-image: linear-gradient(270deg, rgba(251, 213, 251, 1), rgb(207 249 255));
	font-weight: 600;
}
.subTit{
	font-size: 13px;
	text-align: center;
	font-weight: normal;
	margin-top:10px;
}
ul.list{
	overflow: hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.list li{
	width: 19.2%;
    float: left;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    padding: 8px;
    margin: 0 1% 1% 0;
    border-radius: 5px;
}
ul.list li:nth-child(5n){
	margin: 0 0% 1% 0;
}
@media screen and (max-width: 599px) {
    ul.list li{
        width: 48%;
        float: left;
        background: #fff;
        border:1px solid #ccc;
        /* padding:8px; */
        padding:4px;
        margin: 0 4% 4% 0;
    }
    ul.list li:nth-child(even){
        margin: 0 0% 4% 0;
    }
    ul.list li:nth-child(5n){
        margin: 0 4% 0 0;
    }
    ul.list li:nth-child(1n){
        margin: 0 2% 4% 0;
    }
    ul.list li:last-child{
        margin: 0 0% 4% 0;
    }
} 
.icon01,.icon02,.icon03,.icon04{
	    background: #fffcb3;
    font-size: 11px;
    text-align: center;
    padding: 2px 5px;
    margin: 0 5px 0 0;
    border-radius: 5px;
}
.icon01_on{
	background: #b9001a;
	font-size:11px;
	text-align: center;
	padding:2px;
	margin:0 5px 0 0;
	color:#fff;
}
.icon02_on{
	background: #ef7c00;
	font-size:11px;
	text-align: center;
	padding:2px;
	margin:0 5px 0 0;
	color:#fff;
}
.icon03_on{
	background: #00958c;
	font-size:11px;
	text-align: center;
	padding:2px;
	margin:0 5px 0 0;
	color:#fff;
}
.icon04_on{
	background: #ffff00;
	font-size:11px;
	text-align: center;
	padding:2px;
	margin:0 5px 0 0;
	color:#000;
}
.photo{
	border:1px solid #ccc;
	margin-top: 5px;
}
.photo img{
	width:100%;
	height:auto;
}
.detail{
	margin-top: 5px;
}
.detailbtn {
	margin-top:5px;
}
.detailbtn a{
	text-align: center;
    color: #004248;
    font-size: 11px;
    padding: 2px 15px;
    border-radius: 5px;
    /* background: #000; */
    background: #c4e4e7;
}
.box{
	margin:0 0 70px 0;
}
.moreBtn{
	text-align: center;
	margin: 30px 0 0 0 ;
}
.moreBtn a{
	border:1px solid #000;
	padding:10px 50px;
	text-align: center;
	border-radius:50px;
}
.bnrArea{
	overflow: hidden;
}
.bnrArea li{
	float: left;
    width: 32%;
    margin: 0 2% 0 0;

}
.bnrArea li img{
	width:100%;
	height:auto;
}
.bnrArea li:last-child{
	float: left;
	margin:0 0 0 0 ;
}

ul.slider li .photo{
	
}
ul.slider li .dc{
	text-align: center;
	color:#ffff00;
	font-size:13px;
	padding:3px 15px;
	border-radius:5px;
	background: #b60000;
	display: inline-block;
	margin:5px 0 0 0;
}
ul.slider li .detail{
	margin-top: 5px;
}
ul.date{
	overflow: hidden;
	display: flex;
    justify-content: space-between;
}
ul.date li{
	text-align: center;
	color:#fff;
	display: block;
	width: -webkit-fill-available;
	margin-right:1px;
	font-weight: bold;
	font-size:13px;
}
@media(min-width:766px) {
  .photo {
    margin: 15px 15px;
  }
  .photo img{
	max-width:180px;
    /*sakaguchi*/
    /*追加 2022/10/04 */
    margin: 0 auto;
 }   
  
  
}

@media screen and (max-width: 599px) {
ul.date li{
	font-size:10px;
}
}
ul.date li:last-child{
	margin-right:0px;
}
ul.date li a{
	color:#fff;
	display: block;
	padding:7px 0;
	background: #000;
}
ul.date li.on a{
	color:#000;
	display: block;
	padding:7px 0;
	background: #f9ee00;
}
.info {
	margin: 1em auto;
	padding: 0 1.5em;
	text-align: left;
	font-size: 1em;
	/*line-height: 1.3;*/
	overflow: hidden;
	width: 90%;
}
.info dl {padding: 0 0 20px 0;margin: 0;}
.info dt {padding-bottom: 0;width: 7em;font-weight: bold;}
.info dt {clear: left;float: left;}
.info dd {margin-left: 7em;}


@media screen and (max-width: 767px) {
	.info dt{
		width: 100%;
		padding-bottom: 8px;
	}
	.info dd {
		margin-left: 0;
	}
}


@media screen and (max-width: 599px) {
.info {
	margin: 1em auto;
	padding: 0 ;
	text-align: left;
	font-size: 1em;
	line-height: 1.3;
	overflow: hidden;
	width: 100%;
}
}
ul.column{
	overflow: hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.column li{
	width: 23.5%;
    margin: 0px 2% 0 0;
}
ul.column li:last-child{
	margin:0;
}
ul.column li .colPho{
	margin:0 0 5px 0;
}
ul.column li .colPho img{
	width:100%;
	height:auto;
}
ul.column li .date{
	font-weight: bold;
	margin-bottom:5px;
}
@media screen and (max-width: 599px) {
ul.column li{
	width: 48%;
    margin: 0px 4% 0 0;
}
ul.column li:nth-child(even){
    margin: 0px 0 0 0;
}
ul.column li:last-child{
	margin:0;
}
}

footer{
	background: #7a7171;
	padding:50px 0 0 0;
}
footer .inner{
	max-width:1100px;
	text-align:center;
	margin: auto auto 50px auto;
	color: #fff;
	font-size:12px;
	overflow: hidden;
}
footer .inner .footlogo{
	margin: auto auto 10px auto;
}
#copyright{
	background: #666161;
	text-align: center;
	padding:5px 0 5px 0;
	color: #FFFFFF;
	font-size:12px;
}
.footnav01,.footnav02,.footnav03{
	float: left;
	text-align: left;
}
.footnav01 li a,.footnav02 li a,.footnav03 li a{
	color: #fff;
}
.footnav01 li:first-child,.footnav02 li:first-child,.footnav03 li:first-child{
	font-weight: bold;
	font-size:14px;
}
.footnav01{
	margin:0 0 0 33%;
}
.footnav02{
	margin:0 0 0 3%;
}
.footnav03{
	margin:0 0 0 3%;
}
.kyoka{
	text-align: center;
	margin-bottom:20px;
}
@media screen and (max-width: 599px) {
footer .inner{
	max-width:100%;
	text-align:center;
	margin: auto 10px 50px 10px;
	color: #fff;
	font-size:12px;
	overflow: hidden;
}
.footnav01,.footnav02,.footnav03{
	float: none;
	text-align: left;
}
.footnav01{
	margin:0 0 0 0%;
}
.footnav02{
	margin:0 0 0 0%;
}
.footnav03{
	margin:0 0 0 0%;
}
.footnav01 li a,.footnav02 li a,.footnav03 li a{
	color: #fff;
	background:#8d8080;
	padding:10px;
	display: block;
	border-bottom: 1px solid #7a7171;
}
.footnav01 li:first-child,.footnav02 li:first-child,.footnav03 li:first-child{
	font-weight: bold;
	padding:10px;
	font-size:14px;
	background: #6a6363;
}
}
.productLeft{
	float: left;
	width:49%;
}
.productRight{
	float: right;
	width:49%;
}
@media screen and (max-width: 599px) {
.productLeft{
	float: none;
	width:100%;
}
.productRight{
	float: none;
	width:100%;
}
}
table.demo01 { width: 100%; }
table.demo01 th, table.demo01 td  { padding: 10px; border: 1px solid #ddd; }
table.demo01 th  { background: #fefff1; }

/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01 th  { width: 30%; text-align: left; }

@media only screen and (max-width:599px){
    .demo01 { margin: 0; }
    .demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .demo01 tr:first-child th { border-top: 1px solid #ddd; }
}
span.hai a{
	background: #000000;
	color:#fff;
	padding:2px 8px;
	font-size:12px;
	margin-left:20px;
	border-radius:5px;
}
.productBtn{
	overflow:hidden;
	/*margin-bottom:30px;*/
	margin-top: 20px;
}
.reltalBtn{
	float: left;
	width:49%;
}
.reltalBtn a{
	background: #a7ddd9;
    color: #fff;
    padding: 10px 30px;
    font-size: 14px;
    border-radius: 5px;
    display: block;
    text-align: center;
}
.cartBtn{
	float: right;
	width:49%;
}
.cartBtn a{
	background: #e5c2d2;
    color: #fff;
    padding: 10px 30px;
    font-size: 14px;
    border-radius: 5px;
    display: block;
    text-align: center;
}
.productLeft .photoArea{
	margin-bottom:20px;
}
.mainImage{
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.mainImage img{
 text-align:center;
	width:100%;
	height:auto;
}
.thumbnails{
 width:100%;
 margin:0 auto;
	overflow: hidden;
}
.thumbnails img{
 width:100%;
	vertical-align: middle;
}
#subImg {
    display: flex;
    /* justify-content: space-between; */
    justify-content: flex-start;
}
#subImg li {
    width: 24%;
    border: 1px solid #ccc;
    /* 追加  */
    margin-right: 5px;
}
.rankInfo{
	background: #fffbcd;
	text-align: center;
	padding:10px;
	margin-bottom:10px;
}
.wait{
	overflow: hidden;
	border:1px solid #ccc;
	padding:20px;
	display: flex;
    justify-content: space-around; /*左右中央揃え*/
    align-items: center;     /*上下中央揃え*/
        -webkit-flex-wrap : wrap;
        -ms-flex-wrap : wrap;
            flex-wrap : wrap;

}
@media screen and (max-width: 599px) {
.wait{
	margin-bottom: 20px;
}
}
.waitNumber{
	font-size:16px;
	margin-right: 30px;
}
.waitNumber span{
	font-size:23px;
	color:#ff003c;
}
.waitBtn{
	width:45%;
}
.waitBtn a{
	background: #9db8cb;
    color: #fff;
    padding: 10px 30px;
    font-size: 14px;
    border-radius: 5px;
    display: block;
    text-align: center;
}
.favoriteBtn{
	width:45%;
}
.favoriteBtn a{
	background: #e5c39f;
    color: #fff;
    padding: 10px 30px;
    font-size: 14px;
    border-radius: 5px;
    display: block;
    text-align: center;
}
.material-symbols-outlined {
	color: #666;
}
.icon_fill{
	color: #e60033;
	font-variation-settings:
	'FILL' 1
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
}
@media screen and (max-width: 599px) {
.modal__content{
    background: #fff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
}
}
.modalTitle{
	font-size:18px;
	font-weight: bold;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px #ccc solid;
	text-align: center;
}
.js-modal-close{
	text-align: center;
	color:#009486!important;
	display: block;
	font-weight: bold;
}

.modalBtn01,.modalBtn02,.modalBtn03{
	width:80%;
	margin: 0 auto 20px auto;
	font-weight: bold;
	font-size: 16px;
}
@media screen and (max-width: 599px) {
.modalBtn01,.modalBtn02,.modalBtn03{
	width:100%;
	margin: 0 auto 10px auto;
	font-weight: bold;
	font-size: 16px;
}
}
.modalBtn01 a{
	border: 1px solid #ccc;
	padding:10px 0 10px 0;
	display: block;
	text-align: center;
	border-radius:5px;
	background: #f2f2f2;
}
.modalBtn02 a{
	border: 1px solid #ccc;
	padding:10px 0 10px 0;
	display: block;
	text-align: center;
	border-radius:5px;
	background: #cfcfcf;
}
.modalBtn03 a{
	border: 1px solid #ccc;
	padding:10px 0 10px 0;
	display: block;
	text-align: center;
	border-radius:5px;
	background: #ef7c00;
	color:#fff
}



ul.kiBtn{
	overflow: hidden;
	display: flex;
    justify-content: space-between;
	margin-bottom:30px;
}
ul.kiBtn li{
	text-align: center;
	color:#fff;
	display: block;
	width: -webkit-fill-available;
	margin-right:1px;
	font-weight: bold;
	font-size:13px;
}

ul.kiBtn li a{
	background: #d3e4e7;
    border-right: 1px solid #fff;
    display: block;
    padding: 10px 0 10px 0;
    /* color: #fff;*/
}
ul.kiBtn li:last-child a{
	border-right:none;
}
h3.termB{
	/*background: #000; */
    /* color: #fff; */
    font-size: 17px;
    padding: 15px;
    background-image: linear-gradient(270deg, rgba(251, 213, 251, 1), rgb(207 249 255));
}

/*210104*/
.douibtb{
	text-align: center;
    padding: 20px;
    background: #fffee8;
    margin-top: 30px;
}
.entbtb{
	width:300px;
	margin: auto;
	display:block;
	margin-top: 20px;
}
.entbtb a{
	background: #49d3d3;
    color: #fff;
    margin: 10px auto 0 auto;
    display: block;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 50px;
}
.entbtb .submit{
    background:#ffabab;
    color:#fff;
    margin: auto;
    display:block;
    padding:10px;
    text-align: center;
    font-weight: bold;
    width: 300px;
    /* 追加 2022/10/26  */
    border: none;
	border-radius: 50px;
}
.entbtb button{
    background: #ffabab;
    color: #fff;
    margin: auto;
    display: block;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    width: 300px;
    border-radius: 50px;
}

.kiyabtn{
	overflow: hidden;
	margin-top:30px;
}
.kiyabtn .ki01,.kiyabtn .ki03{
	float: left;
	width:49%;
	margin-bottom: 20px;
}
.kiyabtn .ki02,.kiyabtn .ki04{
	float: right;
	width:49%;
	margin-bottom: 20px;
}
.kiyabtn .ki01 a{
	background: #d2f1ff;
    display: block;
    padding: 10px;
    color: #666;
    text-align: center;
    border-radius: 50px;
}
.kiyabtn .ki02 a{
	background: #d1ebe9;
    display: block;
    padding: 10px;
    color: #666;
    text-align: center;
    border-radius: 50px;
}
.kiyabtn .ki03 a{
	background: #efddca;
    display: block;
    padding: 10px;
    color: #666;
    text-align: center;
    border-radius: 50px;
}
.kiyabtn .ki04 a{
	background: #AB970F;
	display: block;
	padding:10px;
	color:#fff;
	text-align: center;
}
@media screen and (max-width: 599px) {
.kiyabtn .ki01,.kiyabtn .ki03{
	float: none;
	width:100%;
	margin-bottom: 10px;
}
.kiyabtn .ki02,.kiyabtn .ki04{
	float: none;
	width:100%;
	margin-bottom: 10px;
}
}
.full{
	width:100%;
	padding:10px;
}
.harf{
	width:30%;
	padding:10px;
}
.fil{
	padding:10px;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.f15{
	width:15%;
	padding:10px;
}
.f20{
	width:20%;
	padding:10px;
}
.f30{
	width:30%;
	padding:10px;
}
.f50{
	width:50%;
	padding:10px;
}

.ec-progress {
    margin-bottom: 30px;
    padding: 0;
}
.ec-progress {
    margin: 0 auto 20px auto;
    padding: 8px 0 16px;
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 600px;
    list-style: none;
}
.ec-progress .ec-progress__number {
    line-height: 42px;
    width: 42px;
    height: 42px;
    font-size: 20px;
}
.ec-progress .ec-progress__item {
    display: table-cell;
    position: relative;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    z-index: 10;
}
.ec-progress .is-complete .ec-progress__number {
    background: #5CB1B1;
}
.ec-progress .ec-progress__label {
    font-size: 12px;
	margin-top:5px;
}
.ec-progress .ec-progress__item:after {
    content: '';
    position: absolute;
    display: block;
    background: #525263;
    width: 100%;
    height: 0.25em;
    top: 12%;
    left: 38%;
    margin-left: 1.5em;
    z-index: -1;
}
.ec-progress .ec-progress__item:last-child:after {
      display: none;
    }
.ec-progress .ec-progress__number {
    line-height: 30px;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    font-size: 12px;
    background: #525263;
    color: #fff;
    top: 0;
    left: 18px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
}
.ec-progress_photo{
	display:block;
	width: 26%;
    height: auto;
	margin: auto;
}
.ec-progress_photo img{
	width: 100%;
    height: auto;
}
/*====================================
追記漏れ 追加
====================================*/
/*20210107追加*/
table.demoQ { width: 100%; }
table.demoQ th, table.demoQ td  { padding: 10px; border: 1px solid #ddd; }
table.demoQ th  { background: #f4f4f4; }

/*----------------------------------------------------
  .demoQ
----------------------------------------------------*/
.demoQ th  { width: 10%; text-align: center; }

@media only screen and (max-width:599px){
    .demoQ { margin: 0; }
    .demoQ th,
    .demoQ td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .demoQ tr:first-child th { border-top: 1px solid #ddd; }
}
.vds{
	background: #EDEDED;
	color:#000;
	text-align: center;
	padding:10px;
	margin-bottom:10px;
}
.ransan{
	border:1px solid #D10003;
	padding:20px;
	margin-bottom: 30px;
	color:#D10003;
	text-align: center;
	font-size:16px;
	line-height: 25px;
}



/*=================================================================
20210104 my page
=================================================================*/
.my_pg {
    overflow: hidden;
    margin-bottom: 32px;
}
.l_bx {
    float: left;
    width: 50%;
    padding: 0% 1%;
}
.user_area {
    overflow: hidden;
    margin-bottom: 4px;
}
.user_area span {
    font-size: 14px;
    font-weight: bold;
}
span.name:before {
    content: '';
    width: 21px;
    height: 24px;
    display: inline-block;
    background-image: url(images/icon01.png);
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
}
span.name {
    float: left;
    background: #fffbcd;
    padding: 8px 16px 4px 16px;
    width: 50%;
    text-align: center;
}
span.lank {
    float: right;
    padding: 8px 16px 6px 16px;
    border: #ddd solid 1px;
    color: #757575;
    width: 50%;
    text-align: center;
}
.user_data {
    /*border: 1px solid #ddd;*/
}
.user_data h3 {
    text-align: center;
    margin: 0;
    padding: 10px 1%;
    background: #ebeadc;
}
.erea01 {
    padding: 4%;
}
.user_data table {
    width: 100%;
    margin-bottom: 24px;
}
.user_data table th {
    text-align: left;
    /* width: 26%; */
    width: 40%;
    padding: 8px 0;
}
hr.line {
    margin: 32px 0 22px 0;
    color: #ccc;
}
.more02 {
    text-align: right;
    margin-bottom: 20px;
}
.more02 a {
    color: #fff;
    padding: 8px 10%;
    background: #9cd9d6;
    border-radius: 50px;
}
.status_area ul li {
    display: inline-block;
    text-align: center;
    width: 27%;
    vertical-align: middle;
    font-size: 12px;
}
.status_area ul li:first-child {
    background: #ddd;
    padding: 8px 1%;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
}
.status_area ul li:last-child {
    width: 15%;
}
.status_area ul li:nth-child(2) a {
    display: block;
    border-radius: 5px;
    padding: 7px 1%;
    box-sizing: border-box;
    background: #249d95;
    color: #fff;
    font-weight: bold;
}
.status_area ul li:nth-child(3) a {
    display: block;
    border-radius: 5px;
    padding: 7px 1%;
    box-sizing: border-box;
    background: #dd8ab1;
    color: #fff;
    font-weight: bold;
}
.r_bx {
    float: right;
    width: 50%;
    padding: 0% 1%;

}
.my_info h3.mp {
    margin-top: 0;
}
.info_list {
    padding: 10px 30px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.info_list li {
    line-height: 22px;
}
.info_list li span {
    display: inline-block;
    width: 85px;
}
.cl_r a {
    color: #ff0505 !important;
	font-weight: bold
}
.cl_r {
    color: #ff0505 !important;
    font-weight: bold;
}
.more {
    text-align: right;
	margin-bottom: 20px;
}
.more a {
    text-decoration: underline;
}
h3.mp {
    background-image: linear-gradient(270deg, rgba(251, 213, 251, 1), rgb(207 249 255));
    font-size: 17px;
    padding: 10px 1%;
    text-align: center;
}
.app {
    width: 100%;
    height: 47px;
    display: block;
    vertical-align: middle;
}
.app02 {
    width: 100%;
    height: 47px;
    display: block;
    vertical-align: middle;
    padding-top: 10px;
}
.app03 {
    width: 100%;
    height: 56px;
    display: block;
    vertical-align: middle;
    line-height: 16px;
}
.app04 {
    width: 100%;
    height: 56px;
    display: block;
    vertical-align: middle;
    padding-top: 10px;
}
.app p {
    margin: 0 auto 4px;
    display: block;
    text-align: center;
}
.app02 p {
    margin: 0 auto 4px;
    display: block;
    text-align: center;
    background: #dddddd;
    padding: 4px 1%;
    border-radius: 5px;
    font-weight: bold;
}
.app03 p {
    margin: 0 auto 4px;
    display: block;
    text-align: center;
}
.app04 p {
    margin: 0 auto 4px;
    display: block;
    text-align: center;
    background: #dddddd;
    padding: 4px 1%;
    border-radius: 5px;
    font-weight: bold;
    color: #000;
}
.bx {
    display: flex;
    flex-wrap: wrap;
    margin: 8px 0;
}

.bx a.btn01 {
    flex: 47%;
    max-width: 47%;
    text-align: center;
    background: #7b7b7b;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    margin: 0 auto;
    padding: 4px 0;
}
.bx a.btn02 {
    flex: 47%;
    max-width: 47%;
    text-align: center;
    background: #7b7b7b;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    margin: 0 auto;
    padding: 4px 0;
}
.buybtn a {
    background: #E21716;
    display: block;
    text-align: center;
    padding: 4px 1%;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
}
.buybtn02 {
    background: #dddddd;
    display: block;
    text-align: center;
    padding: 4px 1%;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
}
.buybtn02 a{
	color: #fff;
}
@media screen and (max-width: 768px) {
.my_pg {
    overflow: hidden;
    padding: 0 1%;
}
.l_bx {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 32px;
}
.r_bx {
    float: none;
    width: 100%;
    padding: 0;
}
}

/*=================================================================
20200105	Purchase History
=================================================================*/
.p_his {
    overflow: hidden;
    margin-bottom: 32px;
    position: relative;
}
.p_his .l_bx {
    width: 30%;
}
.p_his .r_bx {
    width: 70%;
}
.p_his span.name {
    width: 100%;
    text-align: center;
}
.p_his h3 {
    width: 100%;
    margin: 0;
    padding: 10px 1%;
    font-size: 14px;
    text-align: center;
    /* background: #000; */
    /* color: #fff; */
    background-image: linear-gradient(270deg, rgba(251, 213, 251, 1), rgb(207 249 255));
}
.total p {
    text-align: right;
    padding: 19px 2% 12px 2%;
    font-size: 32px;
    font-family: "Impact",sans-serif;
    margin: 0;
    border: 1px solid #ccc;
}
.total p span {
    font-size: 12px;
}

.prdct_cnt {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.l_bx02 {
    flex: 40%;
    max-width: 40%;
    margin: 0;
    box-sizing: border-box;
    border: #ccc solid 1px;
}
.l_bx02 h3 {
    padding: 4px 1%;
}
.l_bx02 .txt {
    padding: 3%;
    line-height: 39px;
}
/*.l_bx02 .txt02 {
    line-height: 48px;
}*/
.l_bx02 .txt li span {
    font-weight: bold;
}
.l_bx02 .txt li.btn {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
}
.l_bx02 .txt li.btn a {
    flex: 48%;
    max-width: 48%;
    text-align: center;
    background: #9cd9d6;
    margin: 0 1% 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
}
.l_bx02 ul.fbr_btn li.btn {
    margin-top: 160px;
}
.l_bx02 ul.fbr_btn02 li.btn {
    margin-top: 207px;
    z-index: 10;
    position: relative;

}
.r_bx02 {
    flex: 60%;
    max-width: 60%;
    padding: 0;
    /*border: solid 2px #ccc;*/
  border-left: none;      /*sakaguchi*/
  border-top: none;
}
.r_bx02 h3 {
    padding: 4px 1%;
    border: 2px solid #ccc;
    border-left: none;
    border-bottom: none;
  border-right: none;

}
.cnt ul.slider03.slick-initialized.slick-slider.slick-dotted {
    margin-bottom: 0;
    border-left: none;
}
.cnt ul.slider04.slick-initialized.slick-slider.slick-dotted {
    margin-bottom: 0;
    border-left: none;
}

.pagination {
    text-align: center;
    margin-bottom: 32px;
    font-size: 16px;
}
.pagination span {
    margin: 0 8px;
}
.pagination span.now {
    background: #f3dff1;
    color: #fff;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 50%;
}
.to_my_pg {
    position: absolute;
    left: 1%;
    bottom: 1px;
    width: 28%;
    text-align: center;
}
.to_my_pg a {
    background: #c7bdb6;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 10px 5%;
    display: block;
    border-radius: 36px;
}
@media screen and (max-width: 768px){
.p_his .l_bx {
    width: 100%;
}
.p_his .r_bx {
    width: 100%;
}
.p_his {
    padding: 0 1%;
}
.to_my_pg {
    position: static;
    left: 1%;
    bottom: 0px;
    width: 30%;
    text-align: center;
    margin: 30px auto 0 auto;
}
.l_bx02 {
    flex: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    border-bottom: none;
}
.r_bx02 {
    flex: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 40px;
}
.cnt ul.slider04.slick-initialized.slick-slider.slick-dotted {
    margin-bottom: 0;
    border-left: 1px #ccc solid;
}
.l_bx02 ul.fbr_btn li.btn {
    margin-top: 10px;
}
}
@media screen and (max-width: 599px) {
.to_my_pg {
    position: static;
    left: 1%;
    bottom: 0px;
    width: 80%;
    text-align: center;
    margin: 30px auto 0 auto;
}
}

/*=================================================================
20200106	Listing / Assessment  request 出品・査定依頼
=================================================================*/
input.method, input.rental {
    margin: 0px 10px 0 50px;
}
input.method:first-child, input.rental:first-child {
    margin: 0px 10px 0 0;
}
input[type="date"] {
    padding: 4px;
}
.rqst_ct {
    display: inline-block;
    width: 24%;
    text-align: left;
}
input[type="number"] {
    padding: 4px;
    margin: 0 5px;
}
span.yen01 {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
span.yen02 {
    display: inline-block;
    vertical-align: bottom;
    font-size: 13px;
}
.rqst_f select {
    padding: 4px 8px;
}
input.file_up {
    display: inline-block;
    width: 46%;
    margin: 16px 1%;
}
.rqst_f label > input {
display:none; /* アップロードボタンのスタイルを無効にする */
}
.rqst_f label {
    color: #fff;
    background-color: #666666;
    padding: 4px 68px;
    font-size: 13px;
    border-radius: 10px;
    width: 60%;
    display: block;
    margin-left: 16px;
}
.rqst_f th span {
    color: #f00;
}

@media screen and (max-width: 768px){
.rqst_f label {
    color: #fff;
    background-color: #666666;
    padding: 4px 68px;
    font-size: 13px;
    border-radius: 10px;
    width: 100%;
    display: block;
    margin-left: 0;
    text-align: center;
}
}
@media screen and (max-width: 599px) {
.rqst_f th, .rqst_f td {
    text-align: center;
}
}
/*====================================
追記漏れ 追加 end
====================================*/


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

    breadcrumbs

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

#breadcrumbs{
	/*width:100%;*/
	max-width: 1100px;
    margin: 0 auto;
    margin-top: 12px;
font-size: 12px;
}
.breadcrumbs-list > li {
    display : table-cell;
    max-width : 100%;
    vertical-align : middle;
    white-space : nowrap;
    position: relative;
}
.breadcrumbs-list > li a{
	padding-right: 16px;
}
.breadcrumbs-list > li a:before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 13px);
    content: "";
    height: 100%;
    background: transparent;
    z-index: -1;
    -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;

}
.breadcrumbs-list > li a:after {
    position: absolute;
    top: 54%;
    right: 0;
    content: '';
    background: url(/images/arrow_next.svg);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}
.breadcrumbs-list > li a:hover:before{
    background: #e8e3e3;
}
.breadcrumbs-list > li:last-child span{
	padding-left: 2px;
	padding-right: 24px;
}

.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}




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

	#breadcrumbs{
		margin: 0 10px;
		margin-top: 12px;
	}
}





.prdct_end {
position: relative;
}
.prdct_end:after {
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.3);
width: 100%;
height: 100%;
content:"";
z-index: 2;
}


/*/products/detail/*/




 button{
    /*font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
    font-size: 100%;
    font-size: 16px;
    position: relative;
    top: -1px;
    margin: 0;
    margin: 0 4px 2px 0;
    padding: 0;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    *margin-right: 3px;
    cursor: pointer;
}


/* btn-common */
.btn-common{
    border-radius: 50px;
    padding: 12px;
    width: 100%;
    color: #fff;
    background: #9cd9d6;
    display: block;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #9cd9d6;
}
a.btn-common{
    color: #fff;
}
.btn-common:hover{
    color: #9cd9d6;
    background: #fff;
    border:1px solid #9cd9d6;
}


.bg-green{
    background: #249d95;
    border:2px solid #249d95;
}
.btn-common.bg-green:hover{
    background: #fff;
    border:2px solid #249d95;
    color: #249d95;
}
.bg-orange{
    background: #ff2d0a;
    border:2px solid #ff2d0a;
}
.btn-common.bg-orange:hover{
    background: #fff;
    border:2px solid #ff2d0a;
    color: #ff2d0a;
}
.bg-gray{
    background: #666666;
    border:2px solid #666666;
}
.btn-common.bg-gray:hover{
    background: #fff;
    border:2px solid #666666;
    color: #666666;
}
.bg-pink{
    background: #ff003c;
    border:2px solid #ff003c;
}
.btn-common.bg-pink:hover{
    background: #fff;
    border:2px solid #ff003c;
    color: #ff003c;
}


/* btn-delete */
.btn-delete{
	width: 100%;
    background: #c7bdb6;
    color: #fff;
    padding: 2px;
    font-size: 12px;
    border-radius: 5px;
    display: block;
    border: 1px solid #c7bdb6;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-weight: bold;
}
.btn-delete:hover{
    background: #fff;
    color: #c7bdb6;
}


/* btn-favorite */

.btn-favorite{
    width: 100%;
    background: #fff;
    color: #ff003c;
    padding: 4px 2px;
    font-size: 12px;
    border-radius: 5px;
    display: block;
    border:2px solid #ff003c;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-weight: bold;
    line-height: 1.2;
}
.btn-favorite:hover{
    background: #ff003c;
    color: #fff;
}



.btnList{
    display:         flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    width: 100%;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;

        -webkit-flex-wrap : wrap;
        -ms-flex-wrap : wrap;
            flex-wrap : wrap;
}

.btnList > li {
    flex-basis: calc(50% - 3px);
    margin-bottom: 6px;
}
.btnList > li:last-child {
    margin-bottom: 0;
}


/* productDetail */
.productDetail h2{
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    word-wrap: break-word;
    border: 0;
    outline: 0;
}

.productDetail{
	border: 1px solid #ddd;
	margin-top: 24px;
}
.productDetail .ttl{
	background: #333333;
	color: #FFFFFF;
	font-size:18px;
	padding:10px;
	font-weight: normal;
}
.productDetail .inner{
		padding: 16px;
		height: 340px;
		overflow-y: scroll;
}



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

	.btnList .btn-common{
		padding: 12px 4px;
		font-size: 14px;
	}

	.productDetail .inner{
		height: auto;
		overflow-y: auto;
	}

}

/* news PAGE */


.ttl-news{
font-family: 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', YuMincho, '游明朝', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;


	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	word-wrap: break-word;
	border: 0;
	outline: 0;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 72px;
	line-height: 1.4;
}
@media screen and (max-width: 767px){
.ttl-news{
	max-width: 70%;
	margin: 0 auto;
	margin-bottom: 40px;
	font-size: 18px;
}
}



.date-news{
	padding-bottom: 24px;
}
.txtBox .ttl-common{
	padding-bottom: 24px;
}
/* news PAGE */

.nav-news{
    display:         flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
            margin-top: 40px;
            padding-top: 24px;
            border-top:1px solid #ccc;
}
.m_mypage_back{
	justify-content: center;
	margin-bottom: 70px;
}
.nav-news .prev , .nav-news .next{
position: relative;
}


.nav-news .next:after , .nav-news .prev:after{
	position: absolute;
	top: 54%;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-size: contain;

	width: 12px;
	height: 12px;
}


.nav-news .next{
	padding-right: 16px;
}
.nav-news .next:after {
	right: 0;
	content: '';
	background: url(./images/arrow_next.svg);
	background-repeat: no-repeat;
}
.nav-news .prev{
	padding-left: 16px;
}
.nav-news .prev:after {
	left: 0;
	content: '';
	background: url(./images/arrow_prev.svg);
	background-repeat: no-repeat;
}


.nav-news .top{
	border: 1px solid #000;
	padding: 10px 50px;
	text-align: center;
	border-radius: 50px;
}
@media screen and (max-width: 767px){
.nav-news .top{
	padding: 4px 16px;
}
.nav-news .next{
	padding-right: 12px;
}

.nav-news .prev{
	padding-left: 12px;
}
}


/* column PAGE */

.sec1{
	padding-bottom: 40px;
}
@media screen and (max-width: 599px){
	ul.column li{
		padding-bottom: 32px;
	}
	.sec1{
	padding-bottom: 0;
}
}




.ttl-column{
font-family: 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', YuMincho, '游明朝', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;


	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	word-wrap: break-word;
	border: 0;
	outline: 0;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 96px;
	line-height: 1.4;
}
.ttl-column:after{
	position: absolute;
	height: 1px;
	width: 80px;
	content:"";
	color: #000;
	background: #000;
	top: calc(100% + 40px);
	left: 50%;
	transform: translate(-50% , 0);
}
.date-column{
	padding-bottom: 24px;
}
@media screen and (max-width: 767px){
.ttl-column{
	max-width: 88%;
	margin: 0 auto;
	margin-bottom: 64px;
	font-size: 18px;
}
.ttl-column:after{
	width: 40px;
	top: calc(100% + 24px);
}
}

.mb00 { margin-bottom:  0px !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

/* 規約用*/
.scrolltext-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 3rem auto 3rem auto;
    background-color: #E8E8E8;
    /* border: 1px solid #000; */
    padding: 2.2rem;
    border-radius: 4px;
  }
  
  .scrolltext-wrap > .ttl {
    text-align: center;
    width: 100%;
    font-size: 20px;
    margin: 0 auto 1rem auto;
  }
  
  .scroll-box {
    width: 100%;               
    height: 300px;               
    overflow-y: scroll;
    background-color: #fff;
    padding: 1rem;
    text-align: left;
    font-size: 13px;
  }
  
  .scroll-box > p {
    margin: 1rem 0;
  }
  
  
  @media screen and (max-width: 767px){
    .parsonalInfo-check {
      margin: 1rem auto;
    }
  
    .toVerifi-btn{
      margin: 1rem auto;
    }
    .scrolltext-wrap {
      width: 90%;
    }
  }

 .cartBtnmo{
    float: left;
    width: 60%;
 }

 .cartBtnmo a{
    background: #8cc3dd;
    color: #fff;
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 50px;
    display: block;
    text-align: center;
 }
 .close_bind{
	text-align: center;
	color:#009486!important;
	display: block;
	font-weight: bold;
 }

.columntx h2{
	border-top: 3px solid #666;
    border-bottom: 1px solid #666;
    padding: 15px 0 15px 0;
    line-height: normal;
    font-weight: bold!important;
}
.columntx h3{
	border-left:3px solid #666;
	padding:5px 0 5px 15px;
	font-weight: bold!important;
}
.columntx h4{
	border-bottom: 1px solid;
    padding: 0 0 20px 0;
}
@media screen and (max-width: 767px){
.columntx img{
	width: 100%;
	height: auto;
}
}

/*.guideh3{
    font-size: 20px;
    border-top: 3px solid;
    border-bottom: 1px solid;
    padding: 20px 0;
}*/
.guideh3{
    position: relative;
    padding: 12px 20px 20px 20px;
    border-radius: 5px;
    background: repeating-linear-gradient(45deg, #f7f4c9 0 3px, #fff 3px 8px);
    color: #666;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.guideh3::before {
    position: absolute;
    bottom: -16px;
    left: calc(50% - 6px);
    transform: translateX(-50% + 6px);
    height: 20px;
    width: 1px;
    background-color: #cdcdcd;
    content: "";
}

.guideh3::after {
    position: absolute;
    top: -6px;
    left: 0px;
    width: 99.3%;
    height: 100%;
    border: 1px solid #cdcdcd;
    content: '';
}
.guideh4{
    background: #ededed;
    padding: 15px;
    font-size: 18px;
}

.usagebtn01{
	float: left;
	width:49%;
}
.usagebtn01 a{
	background: #b0cadd;
    text-align: center;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    display: block;
    border-radius: 50px;
}
.usagebtn02{
	float: right;
	width:49%;
}
.usagebtn02 a{
	background: #dbca90;
    text-align: center;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    display: block;
    border-radius: 50px;
}


/*お気に入り追加230517*/
ul.list_fav{
	overflow: hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin-top:20px;
}
ul.list_fav li{
	width: 19.2%;
    float: left;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    padding: 1%;
    margin: 0 1% 1% 0;
    border-radius: 5px;
	position: relative;
    padding-bottom: 5%;
}
ul.list_fav li:nth-child(5n){
	margin: 0 0% 1% 0;
}
ul.list_fav li .photo {
    margin: 0;
}
ul.list_fav li .detail {
    margin-top: 5px;
    font-size:11px;
}
.delete_btn{
	position: absolute;
	margin:0 auto 5% auto;
	bottom:0;
	width: 90%;
}
@media screen and (max-width: 599px) {
    ul.list_fav li{
        width: 49%;
        float: left;
        background: #fff;
        border:1px solid #ccc;
        /* padding:8px; */
        padding: 4px 4px 12% 4px;
        margin: 0 4% 4% 0;
    }
    ul.list_fav li:nth-child(even){
        margin: 0 0% 4% 0!important;
    }
    ul.list_fav li:nth-child(5n){
        margin: 0 4% 0 0;
    }
    ul.list_fav li:nth-child(1n){
        margin: 0 2% 4% 0;
    }
    ul.list_fav li:last-child{
        margin: 0 0% 4% 0;
    }
	.delete_btn {
    position: absolute;
    margin: 0 auto 5% auto;
    bottom: 0;
    width: 95%;
	text-align: center;
}
} 
.delete_btn a{
	background: #8ac2bf;
    font-size: 11px;
    text-align: center;
    padding: 0;
    width: 100%;
    display: block;
    border-radius: 50px;
    color: #fff;
    margin-top: 2px;
}
.pion{
	border-radius: 50px;
    padding: 10px 5%;
    width: 100%;
    color: #fff;
    background: #9cd9d6;
    display: block;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #9cd9d6;
    margin: auto;
}
@media screen and (max-width: 599px) {
.pion{
	border-radius: 50px;
    padding: 10px 5%;
    width: 80%;
    color: #fff;
    background: #9cd9d6;
    display: block;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #9cd9d6;
    margin: auto;
}
}

/* カテゴリメニュー用CSS--> */

.global_menu { /* メニュー全体のスタイル */
  /* width: 100%; */
	width: 70%;
  position: relative;
  color: #333; /* 文字色 */
  text-align: center;
	z-index: 10;
	top: 10px;
}
 
.global_menu li {
  display: inline-block;
	margin-right: 0px;
}
 
.global_menu a { /* 各項目のスタイル */
  display: block;
  padding: 10px 20px;
}
 
.menu:hover > a {
  background: #e3f0f1;
}
 
.child_menu > li > a { /* 子項目のスタイル */
  font-size: 0.8em;
}
.child_menu > li > a:hover { /* 子項目のスタイル（ホバー時） */
  background: #e3f0f1;
}
 
.child_menu { /* 下層メニューのスタイル */
  width: 100%;
  position: absolute;
  top: 100%; /* 親項目の直下に配置 */
  left: 0;
  padding: 10px;
  color: #333; /* 文字色 */
  background: #e3f0f1; /* 背景色 */
  visibility: hidden; /* 下層メニューを非表示 */
	  opacity: 0; /* 不透明度を最小に */
  transition: 1s opacity; /* アニメーション設定 */
}
 
.menu:hover .child_menu { /* 下層メニューのスタイル（親項目ホバー時） */
  visibility: visible; /* 下層メニューを表示 */
	opacity: 1; /* 不透明度を最大に */
}
 
.child_menu a:hover {
  color: #000;
}
@media screen and (max-width: 768px){
	.global_menu {
		display:none;
	}
}
	
/* ---------------------------------------------------------------------------------------------
　   SPメニュー
--------------------------------------------------------------------------------------------- */
#nav li a {
  display: block;
  color: #666;
  position: relative;
}
#nav .menu-item-has-children > a:after,#nav .menu-item-has-children > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 0; 
  right: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 10px;
  height: 1px;
  background: #666;
  transition: .2s;
}
#nav .menu-item-has-children > a:after {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
#nav .menu-item-has-children > a.open:before{
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
#nav .menu-item-has-children > a.open:after{
  background: transparent;
}
#nav .menu-item-has-children .sub-menu {
  display: none;
}
@media only screen and ( max-width : 767px ) {
/* @media only screen and ( max-width : 1080px ) { */
  .overlay {
    width: 0;
    height: 0;
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .5s;
    background: rgba(255,255,255,.7);
  }
  .overlay.open {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  #main {
    transition: all .5s;
    min-height: 100vh;
  }
  #main.open {
    position: fixed;
    width: 100%;
  }
  #menu_btn {
    top: 12px;
    right: 15px;
    transition: .3s;
    cursor: pointer;
    position: fixed;
    z-index: 9999;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-trigger {
    width: 18px;
    height: 16px;
    position: relative;
  }
  .menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #666;
    transition: all .5s;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    width: 70%;
    top: 7px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  #menu_btn.active .menu-trigger span:nth-of-type(1) {
    transform: translateY(7px) rotate(-45deg);
  }
  #menu_btn.active .menu-trigger span:nth-of-type(2) {
    opacity: 0;
  }
  #menu_btn.active .menu-trigger span:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
  }
  #nav {
    width: 280px;
    height: 100%;
    overflow: auto;
    padding: 90px 0;
    background: #e3f0f1;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 12;
    transform: translate(280px);
    transition: all .5s;
  }
  #nav.open {
    transform: translateZ(0);
  }
  #nav li {
    padding: 0 20px;
  }
  #nav li a {
    position: relative;
    padding: 10px 20px;
    color: #666;
  }
  #nav .menu-item-has-children .sub-menu {
    padding: 10px 0px 10px 40px;
  }
  #nav .menu-item-has-children > a:first-of-type {
    position: relative;
    padding-right: 2em;
  }
  #nav .menu-item-has-children > a.open:first-of-type {
    color: #000;
  }
  #nav .menu-item-has-children .sub-menu li {
    padding: 0;
    margin-bottom: 10px;
  }
  #nav .menu-item-has-children .sub-menu li:last-child {
    margin-bottom: 0;
  }
  #nav .menu-item-has-children .sub-menu li a {
    padding: 0;
  }
}

@media print, screen and ( min-width : 768px ) {
/* @media print, screen and ( min-width : 1080px ) { */
  #menu_btn,.overlay {
    display: none;
  }
  #nav ul {
    display: flex;
    flex-wrap: wrap;
  }
  #nav li {
    position: relative;
  }
  #nav li a {
    padding: 20px;
  }
  #nav .menu-item-has-children > a {
    padding-right: 40px;
  }
  #nav .menu-item-has-children > a.open:first-of-type,#nav .current-menu-item a {
    color: #000;
  }
  #nav .current-menu-item li a {
    color: #fff;
  }
  #nav li ul.sub-menu {
    flex-direction: column;
    background: #fff;
    position: absolute;
    width: 200px;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 0;
  }
  #nav li ul.sub-menu li {
    width: 100%;
  }
  #nav li ul.sub-menu li a {
    line-height: 1.6em;
    color: #000;
    padding: 10px 20px;
  }
  #nav li ul.sub-menu li a:hover {
    color: #000;
  }
}