@charset "utf-8";

.mypage_title{
	width:100%;
	background:#f1f1f1;
	height:130px;
	margin:10px 0 0 0;
}
.mypage_title h2{
	padding:35px 0 10px 0;
	font-size:28px;
	font-weight:normal;
	letter-spacing:5px;
	text-align:center;
	font-family: "Yu Mincho", "YuMincho", serif;
}
.mypage_title p{
	letter-spacing:2px;
}
.mypage_memberlevel{
	display:none;
	margin:5px 0;
	line-height:150%;
}
.mypage_memberlevel .bold{
	font-weight:bold;
}
.mypage_memberlevel a{
	color:#000;
	margin:0;
	font-size:12px;
}
.mypage_memberlevel a span{
	background:#001c58;
	color:#FFF;
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	border-radius:10px;
	text-align:center;
	margin:0 5px 0 0;
}
.mypage_memberlevel a:hover{
	text-decoration:underline;
}
.mypage_logout{
	position:absolute;
	right:0;
	top:10px;
	background:#BBBBBB;
	text-align:center;
	width:100px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.mypage_menu_btn{
	position:absolute;
	right:0;
	bottom:0px;
	background:#BBBBBB;
	text-align:center;
	width:200px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#FFF;
	padding:10px 5px;
	cursor: pointer;
}
.mypage_menu_btn i{
	margin:0 5px 0 0;
}

.mypage_menu{
	position:fixed;
	right:-100%;
	top:0;
	width:250px;
	height:100%;
	background:rgba(0,0,0,0.85);
	z-index:9999;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	transition: all 0.6s;
	padding:0;
}
.mypage_menu_body{
	position:relative;
	padding:50px 20px 20px 20px;
}
.mypage_menu_close{
	position:absolute;
	right:15px;
	top:20px;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.mypage_menu_close::before, .mypage_menu_close::after { /* 共通設定 */
	position:absolute;
	right:0;
	top:0;
	content: "";
	display: block;
	width: 3px; /* 棒の幅（太さ） */
	height: 20px; /* 棒の高さ */
	background: #FFF;
}
.mypage_menu_close::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.mypage_menu_close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.mypage_menu_inner{
}
.mypage_menu h2{
	text-align:center;
	color:#333;
	background:#FFF;
	padding:10px 0;
	font-size:118%;
	margin:0 0 10px 0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.mypage_menu ul{
	
}
.mypage_menu ul li{
	padding:0;
	border-bottom:1px dotted #FFF;
	position:relative;
}
.mypage_menu ul li a{
	color:#FFF;
	display:block;
	padding:15px 5px 15px 35px;
}
.mypage_menu ul li a:hover{
	background:#c8c8c8;
}
.mypage_menu ul li i{
	position:absolute;
	left:5px;
}
.mypage_menu ul li .num{
	display:inline-block;
	background:#B70617;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	border-radius:50%;
	width:24px;
	height:24px;
	line-height:24px;
	margin:0 0 0 5px;
	text-align:center;
	letter-spacing:0px;
}

@media(max-width: 768px) {
	.mypage_title{
		padding:5px 0;
		height:auto;
		min-height:160px;
	}
	.mypage_title h2{
		padding:20px 0 10px 0;
		font-size:140%;
		letter-spacing:2px;
		text-align:center;
	}
	.mypage_memberlevel{
		width:92%;
		margin:0 auto 5px auto;
		line-height:140%;
	}
	.mypage_memberlevel a{
		color:#000;
		margin:0;
		font-size:12px;
	}

	.mypage_title p{
		letter-spacing:0px;
		font-size:92%;
	}
	.mypage_logout{
		position:relative;
		margin:0 5px 0 auto;
	}
	.mypage_menu_btn{
		position:relative;
		width:70%;
		margin:0 auto;
	}
}

.mypage_tab{
	width:100%;
	margin:25px 0 0 0;
	border-bottom:5px solid #003576;
}
.mypage_tab li{
	width:33.3%;
	background:#c8c8c8;
	color:#FFF;
	height:50px;
	line-height:50px;
	float:left;
	text-align:center;
	font-size:116%;
	letter-spacing:2px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border-left:2px solid #FFF;
	border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
}
.mypage_tab li a{
	color:#FFF;
}
.mypage_tab li.active{
	background:#003576;
}
.mypage_tab li i{
	margin:0 5px 0 0;
}
.mypage_tab li .pc{
	display:inline-block;
}
.mypage_tab li .num{
	display:inline-block;
	background:#B70617;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	border-radius:50%;
	width:24px;
	height:24px;
	line-height:24px;
	margin:0 5px 0 0;
	text-align:center;
	letter-spacing:0px;
}
.mypage_tab li.numli i{
	display:none;
}





@media(max-width: 768px) {
	.mypage_tab li{
		font-size:82%;
		letter-spacing:0px;
		line-height:120%;

		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mypage_tab li.active i,
	.mypage_tab li a i{
		display:block;
		font-size:130%;
		margin:5px 0;
	}
	.mypage_tab li.numli i{
		display:none;
	}
	.mypage_tab li.active .num,
	.mypage_tab li .num{
		width:22px;
		height:22px;
		line-height:22px;
		display:block;
		margin:5px auto;
	}
	.mypage_tab li span.pc{
		display:block;
	}
	.mypage_tab li .pc{
		display:block;
		font-size:9px;
	}
}
.mypage_tabbox{
	width:90%;
	margin:20px auto 0px auto;
}
.mypage_tabbox h3{
	font-size:116%;
	color:#000;
	border-bottom:2px solid #000;
	padding:0 0 5px 0;
}
.mypage_listtbl2,
.mypage_listtbl{
	width:96%;
	margin:30px auto 10px auto;
	font-size:100%;
	background:#FFF;
}
.mypage_listtbl2 th,
.mypage_listtbl th{
	padding:10px;
	text-align:center;
    vertical-align:middle;
	background:#e4e4e4;
	border-right:1px solid #FFF;
	color:#000;
	font-weight:bold;
}
.mypage_listtbl th.date{
	width:210px;
}
.mypage_listtbl2 td,
.mypage_listtbl td{
	position:relative;
	padding:20px;
	border-bottom:1px dotted #CCCCCC;
}
.mypage_listtbl2 td .mypage_editbtn,
.mypage_listtbl td .mypage_editbtn{
	margin:0 auto;
}
.mypage_listtbl2 td .mypage_linkbtn{
	margin:0 auto;
}
.mypage_listtbl .more_btn{
	position:absolute;
	right:5px;
	top:20px;
	font-size:12px;
	color:#000;
	border:1px solid #000;
	padding:2px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	cursor: pointer;
	width:auto;
	margin:0;
}
.mypage_listtbl .more_box{
	margin:10px 0 0 0;
	display:none;
}
.mypage_listtbl .small{
	font-size:12px;
	line-height:150%;
}

.red{
	color:#B70617;
	font-weight:bold;
}
.red span{
	font-size:129%;
	margin:0 10px 0 0;
}
.mypage_tbl{
	width:96%;
	margin:30px auto 50px auto;
	font-size:100%;
}
.mypage_tbl th{
	padding:10px 20px 10px 10px;
	text-align:right;
	width:15%;
	font-weight:normal;
    vertical-align:middle;
}
.mypage_tbl td{
	padding:10px;
}
.mypage_tbl td p{
	padding:20px 10px;
	background:#f5f5f5;
	line-height:180%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.campaign_form p.err_msg,
.mypage_tbl td p.err_msg{
	background:none;
	color:#e74a46;
	margin:0 0 5px 0;
	padding:0;
	line-height:100%;
}

.mypage_editbtn{
	margin:30px 0 0 auto;
	width:130px;
}
.mypage_editbtn a{
	border:2px solid #000;
	display:block;
	color:#000;
	height:35px;
	line-height:35px;
	font-weight:bold;
	background:url(../img/mypage/edit_icon.png) no-repeat 10px 6px;
	padding:0 0 0 40px;
	transition:0.7s;
}
.mypage_editbtn a:hover{
	color:#FFF;
	background:url(../img/mypage/edit_icon.png) #000 no-repeat 10px 6px;
}

.mypage_tbl input[type="text"],
.mypage_tbl input[type="email"],
.mypage_tbl input[type="number"],
.mypage_tbl input[type="tel"],
.mypage_tbl input[type="password"]{
	width:100%;
	height:50px;
	margin:5px 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border:1px solid #e2e2e2;
	padding:0 10px;
	background:#FFF;
	-webkit-appearance: none;
	border-radius: 0;
	font-size:107%;
}

.mypage_tbl input[type="number"].zip{
	width:80px;
}
.mypage_tbl select{
	width:100%;
	height:50px;
	border:1px solid #e2e2e2;
	-webkit-appearance: none;
	border-radius: 0;
	padding:0 0 0 10px;
	font-size:107%;
}
.mypage_tbl select.birth_y{
	width:80px;
	text-align:center;
	margin:0 10px 0 0;
}
.mypage_tbl select.birth_md{
	width:50px;
	text-align:center;
	margin:0 10px 0 0;
}
.mypage_tbl select{
	width:100%;
	height:50px;
	border:1px solid #e2e2e2;
	-webkit-appearance: none;
	border-radius: 0;
}
.mypage_tbl label{
	margin:10px 0;
	line-height:200%;
}
.mypage_tbl textarea{
	width:100%;
	height:200px;
	border:1px solid #e2e2e2;
	-webkit-appearance: none;
	border-radius: 0;
	padding:10px;
	font-size:128%;
	line-height:130%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.edit_p{
	text-align:center;
	margin:60px 0 0 0;
}
.mypage_btnarea2{
	margin:30px;
	text-align:center;
}
.mypage_btnarea{
	margin:30px 30px 100px 30px;
}
.mypage_btnarea2 input[type="button"],
.mypage_btnarea2 input[type="submit"],
.mypage_btnarea input[type="button"],
.mypage_btnarea input[type="submit"]{
	float:right;
	width:68%;
	height:45px;
	background:#B70617;
	color:#FFF;
	border:none;
	font-size:107%;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
	transition:1.0s;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.mypage_btnarea2 input[type="button"],
.mypage_btnarea2 input[type="submit"]{
	float:none;
	margin:0px auto;
}
.mypage_btnarea2 input[type="button"]:hover,
.mypage_btnarea2input[type="submit"]:hover,
.mypage_btnarea input[type="button"]:hover,
.mypage_btnarea input[type="submit"]:hover{
	background:rgba(231,74,70,0.7);
}
.mypage_btnarea .backbtn{
	-webkit-appearance: none;
	border-radius: 0;
	text-align:center;
}
.mypage_btnarea .backbtn a{
	display:block;
	float:left;
	color:#FFF;
	width:30%;
	height:45px;
	background:#959595;
	line-height:45px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.mypage_btnarea .backbtn a:hover{
	background:rgba(149,149,149,0.7);
}

.mypage_sizebox{
	margin:20px 0;
	text-align:left;
	line-height:150%;
	border:1px solid #CCCCCC;
	padding:15px;
	background:#f1f1f1;
}
.mypage_sizebox h3{
	border:none;
}
.mypage_sizebox h4{
	margin-bottom:0px !important;
}
.mypage_sizebox_p{
	margin:15px 0;
	line-height:150%;
}
.mypage_size_checkarea{
	
}
.mypage_size_checkarea label{
	margin:20px 0;
	line-height:150%;
	display:block;
	position:relative;
	padding:0 0 0 40px;
}
.mypage_size_checkarea label input[type='radio']{
	position:absolute;
	left:10px;
	top:0;
	bottom:0;
	margin:auto;
}

.form_zipbtn{
	height:40px;
	margin:5px 0 5px 10px;
}

.mypage_p{
	line-height:150%;
}
.mypage_listtbl_p{
	text-align:right;
	margin:0 0 40px 0;
}

input::placeholder,
textarea::placeholder {
	color: #CCCCCC;
}
/* IE */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #CCCCCC;
}
/* Edge */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #CCCCCC;
}

.mypage_mail_title{
	line-height:1.6;
}
.mypage_mail_date{
	text-align:right;
	margin:20px 0 10px 0;
}
.mypage_mail_body{
	line-height:1.6;
}

@media(max-width: 768px) {
	.mypage_tabbox{
		width:94%;
	}
	.mypage_editbtn{
		width:120px;
		margin:10px 5px 0 auto;
	}
	.mypage_editbtn a{
		font-size:92%;
	}
	.mypage_tbl{
		margin:20px auto;
		width:100%;
	}
	.mypage_tbl td,
	.mypage_tbl th{
		width:100%;
		display:block;
	}
	.mypage_tbl th{
		text-align:left;
		padding:10px 0 0 0;
	}
	.mypage_tbl td{
		padding:10px 0;
	}
	.mypage_btnarea{
		margin:30px 0 70px 0;
	}
	.edit_p{
		text-align:center;
		margin:10px 0 0 0;
	}

	.mypage_listtbl{
		width:96%;
		margin:30px auto 40px auto;
		font-size:92%;
		border-bottom:1px solid #CCCCCC;
	}
	.mypage_listtbl tr{
		display:block;
	}
	.mypage_listtbl th{
		background:#e4e4e4;
		border:none;
		color:#000;
		font-weight:bold;
		display:block;
		text-align:center;
		width:100%;
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
	}
	.mypage_listtbl td{
		display:block;
		width:100%;
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
		border:none;
		padding:5px 10px;
	}
	.mypage_listtbl td p{
		line-height:130%;
	}
	.mypage_listtbl th.date,
	.mypage_listtbl th.orderno{
		display:none;
	}
	.mypage_listtbl td.date{
		border-top:1px dotted #CCCCCC;
		font-size:88%;
	}
	.mypage_listtbl td.orderno{
		font-size:88%;
	}
	.mypage_listtbl td.orderno:before{
		content:"注文番号:";
	}
	.mypage_listtbl td .mypage_editbtn{
		margin:0 auto;
	}
	.mypage_listtbl td .mypage_editbtn:after{
		clear:both;
	}
	.mypage_listtbl2{
		width:100%;
		margin:0 auto 40px auto;
		font-size:88%;
		border-bottom:1px solid #CCCCCC;
	}
	.mypage_listtbl2 th{
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
	}
	.mypage_listtbl2 td{
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
		padding:5px 10px;
	}
	.mypage_listtbl2 td .mypage_linkbtn2{
		margin:0 auto;
	}
	.mypage_listtbl .more_btn{
		top:0px;
		right:5px;
		font-size:12px;
		padding:2px 5px;
	}

	.mypage_listtbl2 td .mypage_editbtn:after{
		clear:both;
	}

	.red{
		color:#B70617;
		font-weight:bold;
	}
	.red span{
		font-size:100%;
		margin:0 5px 0 0;
	}
	.mypage_listtbl_p{
		text-align:center;
		font-size:88%;
	}
}
@media(max-width: 374px) {
	.red{
		font-size:88%;
	}
}


.mypage_link_p{
	text-align:center;
	margin:30px 0 10px 0;
	line-height:150%;
}
.mypage_linkbtn{
	margin:0 auto 30px auto;
	width:80%;
}
.mypage_linkbtn2{
	margin:0 auto;
}
.mypage_backbtn{
	margin:0 auto 30px 0;
	width:30%;
}
.mypage_linkbtn a,
.mypage_backbtn a{
	border:2px solid #000;
	display:block;
	color:#000;
	height:35px;
	line-height:35px;
	font-weight:bold;
	transition:0.7s;
	text-align:center;
	position:relative;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
.mypage_linkbtn a:hover,
.mypage_backbtn a:hover{
	color:#FFF;
	background:#000;
}
.mypage_backbtn a::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 3px #000;
	border-right: solid 3px #000;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -6px;
	transition:0.7s;
}
.mypage_backbtn a:hover::before{
	border-top: solid 3px #FFF;
	border-right: solid 3px #FFF;
}

.mypage_link_del{
	text-align:right;
	margin:30px 5px;
	line-height:150%;
}
.mypage_link_del a{
	color:#999999;
}

@media(max-width: 768px) {
	.mypage_link_p{
		text-align:center;
	}
	.mypage_linkbtn{
		margin:0 auto 20px auto;
		width:96%;
		font-size:92%;
	}
	.mypage_backbtn{
		margin:0 auto 30px 3%;
		width:40%;
		min-width:180px;
		font-size:88%;
	}
	.mypage_backbtn a{
		padding:0 0 0 15px;
	}
	.mypage_backbtn a::before{
		left:10px;
	}
	.mypage_linkbtn2{
		width:120px;
	}
}

.mypage_statebox{
	margin:30px 0 20px 0;
}
.mypage_statebox h4{
	background:#000;
	color:#FFF;
	padding:10px;
	position:relative;
}
.mypage_bar span.close:after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	right: 5px;
	top: 3px;
}
.mypage_bar span.close,
.mypage_bar span.open{
	content: '';
	border:2px solid #FFF;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 5px;
	top:7px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
.mypage_bar span.open:after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: 5px;
	top: 7px;
}

.mypage_statelist li{
	float:left;
	width:18%;
	margin:20px 1% 20px 1%;
	text-align:center;
	position:relative;
}
.mypage_statelist li:after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #333333;
	border-right: solid 2px #333333;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: -12px;
	top: 40px;
	transition:0.7s;
}
.mypage_statelist li:last-child:after{
	display:none;
}
.mypage_date{
	font-size:90%;
	text-align:left;
	margin:0 0 0 5px;
	height:23px;
}
.mypage_date2{
	font-size:82%;
	text-align:left;
	margin:0 0 0 5px;
	line-height:150%;
}
.mypage_state{
	border:2px solid #DDDDDD;
	color:#DDDDDD;
	margin:0 0 10px 0;
	padding:10px 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}

.state_active{
	border:2px solid #000;
	background:#000;
	color:#FFF;
}
.state_end{
	border:2px solid #000;
	color:#000;
	font-weight:bold;
	background:#FFF;
}

@media(max-width: 768px) {
	.mypage_statelist li{
		float:none;
		width:80%;
		margin:15px auto 10px auto;
		text-align:center;
		position:relative;
	}
	.mypage_statelist li:after{
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #DDDDDD;
		border-right: solid 2px #DDDDDD;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		right:0;
		left:0;
		bottom: -30px;
		margin:auto;
		transition:0.7s;
	}
	.mypage_statelist li:last-child:after{
		display:none;
	}
	.mypage_state{
		padding:5px;
		font-size:90%;
	}
	.mypage_date{
		font-size:82%;
		height:20px;
	}
	.mypage_date2{
		font-size:82%;
	}
}

/*-------------------------*/

.mypagetab_list{
	margin:30px 0 0 0;
	width:100%;
	border-bottom:3px solid #000;
}
.mypagetab_list li{
	width:20%;
	float:left;
	text-align:center;
	background:#959595;
	color:#FFF;
	height:40px;
	line-height:40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border-left:2px solid #FFF;
	border-right:2px solid #FFF;
	font-size:109%;
	letter-spacing:5px;
	cursor: pointer;
	transition:1.0s;
}

.mypagetab_list li{
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top:2px solid #FFF;
}
.mypagetab_list li:hover{
	background:rgba(144,144,144,0.6);
}
.mypagetab_list li.active{
	background:#000;
	color:#FFF;
}
.mypagetab_detail{
	margin:20px 0;
	height:594px;
	padding:0 0 80px 0;
	position:relative;
	text-align:center;
}
.mypagetab_detail li{
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	display:none;
	transition:1.0s;
}
.mypagetab_detail li.active{
	display:block;
	transition:1.0s;
}
@media(max-width: 768px) {
	.mypagetab_list{
		margin:30px 0 0 0;
		width:100%;
		border-bottom:none;
	}
	.mypagetab_list li{
		width:48%;
		margin:5px 1%;
		font-size:92%;
		border-top:none;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	.mypagetab_detail{
		height:auto;
		width:100%;
		padding:0 0 30px 0;
	}
	.mypagetab_detail li{
		position:relative;
	}
}
/*-------------------------*/
.make_img img{
	max-width:100%;
}

.make_size{
	position:absolute;
}
/*シャツ*/
.kitake{
	top:290px;
	left:720px;
	text-align:left;
}
.chest{
	top:465px;
	right:660px;
	text-align:right;
}
.waist{
	top:522px;
	right:660px;
	text-align:right;
}
.sodetake{
	top:255px;
	right:715px;
	text-align:right;
}
.upperarm{
	top:120px;
	left:750px;
	text-align:left;
}
.shoulder{
	top:70px;
	left:460px;
	width:160px;
	text-align:center;
}
.neck{
	top:120px;
	left:460px;
	width:160px;
	text-align:center;
}
.wakimawari{
	top:140px;
	right:720px;
	text-align:right;
}
.wrist{
	top:470px;
	left:750px;
	text-align:left;
}

/*ジャケット*/
.kitake2{
	top:270px;
	left:710px;
	text-align:left;
}
.chest2{
	top:455px;
	right:670px;
	text-align:right;
}
.waist2{
	top:512px;
	right:670px;
	text-align:right;
}
.sodetake2{
	top:255px;
	right:700px;
	text-align:right;
}
.upperarm2{
	top:112px;
	left:730px;
	text-align:left;
}
.shoulder2{
	top:70px;
	left:450px;
	width:160px;
	text-align:center;
}
.sodehaba{
	top:455px;
	left:720px;
	text-align:left;
}
.wakimawari2{
	top:130px;
	right:730px;
	text-align:right;
}
.jaketosuso{
	top:515px;
	left:650px;
	text-align:left;
}


/*パンツ*/
.ptwaist{
	top:80px;
	left:465px;
	width:160px;
	text-align:center;
}
.hip{
	top:235px;
	right:670px;
	text-align:right;
}
.thigh{
	top:255px;
	left:660px;
	text-align:left;
}
.mataue{
	top:165px;
	right:630px;
	text-align:right;
}
.panttake{
	top:180px;
	left:630px;
	text-align:left;
}
.matashita{
	top:335px;
	right:630px;
	text-align:right;
}
.hizahaba{
	top:390px;
	left:660px;
	text-align:left;
}
.susohaba{
	top:510px;
	left:450px;
	width:100px;
	text-align:center;
}

/*スカート*/
.skwaist{
	top:130px;
	left:465px;
	width:160px;
	text-align:center;
}
.hip2{
	top:285px;
	right:680px;
	text-align:right;
}
.sktake{
	top:285px;
	left:650px;
	text-align:left;
}

/*ベスト*/
.kitake3{
	top:285px;
	left:690px;
	text-align:left;
}
.chest3{
	top:288px;
	right:630px;
	text-align:right;
}
.waist3{
	top:390px;
	right:630px;
	text-align:right;
}

@media(max-width: 768px) {
	.make_size{
		position:relative;
		top:0 !important;
		left:0 !important;
		text-align:left !important;
		margin:10px;
		font-size:108%;
	}

}

.mypage_bookmark{
	position:absolute;
	left:50px;
	top:40px;
	padding:15px 20px;
	background:#B70617;
	color:#FFF;
	z-index:9;
}
.mypage_bookmark span{
	margin:0 10px 0 0;
}
@media(max-width: 768px) {
	.mypage_bookmark{
		position:relative;
		padding:5px 20px;
		top:0;
		left:0;
		z-index:9;
		margin:0 0 20px 0;
	}
	.mypage_bookmark span{
		margin:0 10px 0 0;
	}
}

.mypage_bookmark_btn2,
.mypage_bookmark_btn{
	width:70%;
	max-width:500px;
	height:50px;
	margin:0 auto;
	color:#e74a46;
	border:2px solid #e74a46;
	background:#FFF;
	font-size:107%;
	-webkit-appearance: none;
	border-radius: 0;
	transition:1.0s;
	cursor: pointer;
	position:relative;
	font-weight:bold;
}
.mypage_bookmark_btn2{
	color:#AAAAAA;
	border:2px solid #AAAAAA;
	height:40px;
}
.mypage_bookmark_btn2:before,
.mypage_bookmark_btn:before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 3px #FFF;
	border-right: solid 3px #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -6px;
	transition:0.7s;
}
.mypage_bookmark_btn:hover{
	background:#e74a46;
	color:#FFF;
}
.mypage_bookmark_btn2:hover{
	background:#AAAAAA;
	color:#FFF;
}


@media(max-width: 768px) {
	.mypage_bookmark_btn2,
	.mypage_bookmark_btn{
		width:94%;
		margin:20px auto 0 auto;
		height:40px;
	}
}

.mypage_detail_title{
	background:#000;
	color:#FFF;
	padding:10px;
	position:relative;
}
.mypage_detail_title2{
	border-bottom:1px solid #000;
	border-left:5px solid #000;
	padding:5px 0 5px 10px !important;
	margin:30px 0;
	position:relative;
}
.mypage_edit_btn{
	position:absolute;
	right:0;
	top:0;
	text-align:center;
	width:100px;
	margin:0 0 0 auto;
}
.mypage_edit_btn a{
	display:block;
	border:2px solid #000;
	color:#000;
	font-size:14px;
	padding:5px;
	font-weight:bold;
}
.mypage_edit_btn a:hover{
	background:#000;
	color:#FFF;
}
@media(max-width: 768px) {
	.mypage_edit_btn a{
		font-size:12px;
	}
}
.mypage_detail_box{
	width:94%;
	margin:0px auto 50px auto;
	position:relative;
}
.mypage_detail_tbl{
}
.mypage_detail_tbl th{
	text-align:right;
	padding:5px;
	font-weight:normal;
}
.mypage_detail_tbl td{
	padding:5px;
}
.option_tr2 td{
	position:relative;
	padding:5px 15px 15px 15px !important;
}
.option_more2{
	position:relative;
	margin:0;
	background:#CCCCCC;
	color:#000;
	cursor: pointer;
	font-size:12px;
	z-index:99;
	width:150px;
	text-align:center;
	padding:5px 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.option_data2{
	display:none;
	font-size:92%;
	margin:10px 0 0 50px;
}
.option_data2 li{
	margin:0 0 5px 0;
}
.cart_tbl2{
	width:50% !important;
	margin:0 0 50px auto !important;
}
@media(max-width: 768px) {
	.mypage_detail_title{
		margin:0 0 30px 0;
	}
	.mypage_detail_title2{
		margin:20px 0;
	}
	.mypage_edit_btn{
		width:80px;
	}
	.mypage_detail_tbl td,
	.mypage_detail_tbl th{
		display:block;
		width:100%;
	}
	.mypage_detail_tbl th{
		text-align:left;
		padding:5px 0 2px 0;
		font-weight:bold;
	}
	.mypage_detail_tbl td{
		padding:0 0 5px 0;
	}
	.option_more2{
		margin:10px 0;
		width:100%;
		font-size:100%;
	}
	.option_data2{
		display:none;
		font-size:92%;
		margin:15px 0 0 0;
	}
	.cart_tbl2{
		width:100% !important;
		margin:0 0 30px 0 !important;
	}
}

.mypage_coupon_box{
	width:920px;
	padding:20px;
	margin:0 auto;
	background:#EEEEEE;
	border-radius:10px;
}
.mypage_coupon_box .img{
	float:left;
	width:150px;
	margin:0 20px 0 0;
}
.mypage_coupon_box .img img{
	width:100%;
	height:auto;
}
.mypage_coupon_box .detail{
	float:left;
	width:740px;
}
.mypage_coupon_box .detail p{
	line-height:150%;
	text-align:center;
	margin:0 0 20px 0;
}
.mypage_coupon_box p.bold{
	font-weight:bold;
	margin:0 0 10px 0;
}
.mypage_coupon_box .detail p.mypage_linkbtn{
	margin:0 auto;
}
.mypage_coupon_box .detail p.mypage_linkbtn a{
	background:#FFF;
}
.mypage_coupon_box .detail p.mypage_linkbtn a:hover{
	background:#000;
}

.mypage_coupon_box .detail p span{
	font-weight:bold;
}
.mypage_coupon_box2{
	width:920px;
	padding:20px;
	margin:0 auto 20px auto;
	background-color:rgba(0,28,88,0.2);
	font-weight:bold;
	text-align:center;
	font-size:137%;
	color:#001C58;
}

.mypage_coupon_box3{
	width:960px;
	margin:0 auto 20px auto;
	color:#001C58;
	padding:0;
	position:relative;
}
.mypage_coupon_box3 a{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:center;
	font-size:137%;
	padding:20px 0;
	background-color:rgba(231,74,70,0.2);
	border:1px solid #e74a46;
	color:#e74a46;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
.mypage_coupon_box3 a:after{
	content: '';
	width: 14px;
	height: 14px;
	border: 0px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: solid 3px #e74a46;
	border-right: solid 3px #e74a46;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin:auto;
}
.mypage_coupon_box3 a:hover{
	background-color:rgba(231,74,70,1.0);
	color:#FFF;
}
.mypage_coupon_box3 a:hover:after{
	border-top: solid 3px #FFF;
	border-right: solid 3px #FFF;
}
@media(max-width: 768px) {
	.mypage_coupon_box2{
		width:100%;
		padding:15px 10px;
		font-size:118%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		     -o-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		        box-sizing: border-box;
		font-size:118%;
	}
	.mypage_coupon_box3{
		width:100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		     -o-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		        box-sizing: border-box;
		line-height:150%;
	}
	.mypage_coupon_box3 a{
		padding:10px;
		font-size:118%;
	}
	.mypage_coupon_box3 a:after{
		width: 8px;
		height: 8px;
		border-top: solid 2px #e74a46;
		border-right: solid 2px #e74a46;
		right: 10px;
	}
	.mypage_coupon_box{
		position:relative;
		width:100%;
		padding:15px 10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		     -o-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		        box-sizing: border-box;
		margin:0;
	}
	.mypage_coupon_box .img{
		width:120px;
		margin:0px auto 10px auto;
		position:absolute;
		top:15px;
		left:10px;
	}
	.mypage_coupon_box .detail{
		width:100%;
		padding:0 0 0 130px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		     -o-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.mypage_coupon_box .detail p{
		line-height:150%;
		font-size:12px;
		margin:0 0 10px 0;
		text-align:left;
	}
	.mypage_coupon_box p{
		line-height:150%;
		font-size:92%;
	}
}

.mypage_attantion{
	background:#e74a46;
	color:#FFF;
	padding:15px;
	margin:0 20px;
}
.mypage_attantion p{
	text-align:center;
	line-height:150%;
}
.mypage_attantion p a{
	color:#FFF;
	padding:0 5px;
	text-decoration:underline;
}
.mypage_attantion h2{
	margin:10px 0 20px 0;
	font-size:138%;
	text-align:center;
}
.mypage_attantion li{
	margin:10px 0;
}
@media(max-width: 768px) {
	.mypage_attantion{
		margin:15px 3% 0 3%;
		padding:10px;
	}
	.mypage_attantion p{
		text-align:left;
		font-size:88%;
	}
}

.mypage_delform{
	margin:40px 20px 20px 20px;
}
.mypage_delform h2{
	font-size:138%;
	margin:0 0 20px 0;
}
.mypage_delform label{
	padding:0 25px;
	line-height:180%;
}
.mypage_delform textarea{
	margin:10px 20px;
	width:100%;
	height:200px;
}
@media(max-width: 768px) {
	.mypage_delform{
		margin:20px 0;
	}
	.mypage_delform label{
		padding:0;
	}
	.mypage_delform textarea{
		margin:10px 0;
	}
}

/*----------------------*/

.mypage_item_box{
	position:relative;
}

.mypage_reviewbtn{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	height:30px;
}
.mypage_reviewbtn2{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	font-size:82%;
	height:20px;
	color:#909090;
}
.mypage_reviewbtn a{
	display:block;
	border:2px solid #000;
	height:30px;
	line-height:30px;
	color:#000;
	font-size:82%;
	padding:0 5px;
	font-weight:bold;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.mypage_reviewbtn a:hover{
	color:#FFF;
	background:#000;
}

.mypage_cartbtn{
	position:absolute;
	right:15px;
	top:0;
	margin:auto;
	height:30px;
	text-align:center;
}
.mypage_cartbtn a{
	display:block;
	background:#B70617;
	height:30px;
	line-height:30px;
	color:#FFF;
	font-size:82%;
	padding:0 5px;
	font-weight:bold;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.mypage_cartbtn a:hover{
	color:#FFF;
	background-color:rgba(183,6,23,0.8);
}

.option_tr_sp{
	display:none;
}
.mypage_formbox{
	width:90%;
	margin:50px auto;
}

.mypage_review_item{
	background:#f6f6f6;
	width:90%;
	margin:50px auto;
	padding:20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
.mypage_review_item img{
	width:200px;
	height:auto;
	float:left;
}
.review_item_comment{
	width:560px;
	float:left;
	padding:5px 20px;
}
.review_item_cate{
	margin:20px 0 10px 0;
}
.review_item_catch{
	font-size:142%;
	margin:0 0 10px 0;
}

@media(max-width: 768px) {
	.option_tr_sp{
		display:table-row;
	}
	.cart_tbl .option_tr_sp td{
		border:none;
	}
	.mypage_reviewbtn{
		position:relative;
		margin:0 10px;
		height:30px;
	}
	.mypage_reviewbtn2{
		position:relative;
		margin:0;
		height:auto;
	}
	.mypage_reviewbtn a{
		display:block;
		border:2px solid #000;
		height:30px;
		line-height:30px;
		font-size:82%;
		padding:0;
		font-weight:bold;
		width:100%;
		text-align:center;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		     -o-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.mypage_reviewbtn a:hover{
		color:#FFF;
		background:#000;
	}

	.mypage_cartbtn{
		position:relative;
		right:0;
		margin:0;
	}

	.mypage_formbox{
		width:100%;
		margin:0px auto;
	}
	.mypage_review_item img{
		width:30%;
		height:auto;
		float:left;
	}
	.review_item_comment{
		width:66%;
		float:left;
		padding:5px 2%;
		font-size:92%;
	}
	.review_item_catch{
		font-size:118%;
		margin:0 0 10px 0;
	}
	.mypage_review_item{
		background:#f6f6f6;
		width:94%;
		margin:30px auto;
		padding:10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		     -o-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.review_item_cate{
		margin:10px 0;
	}
	.mypage_review_btnarea{
		width:94%;
		margin:0px auto;
	}
}

.mypage_cancel{
	background:#fafafa;
	padding:20px;
	width:96%;
	margin:10px auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	border:1px solid #DDDDDD;
}
.mypage_cancel h3{
	font-size:92%;
	margin:0 0 15px 0;
}
.mypage_cancel p{
	font-size:92%;
	margin:0 0 10px 10px;
}
.mypage_cancel p span{
	font-weight:bold;
}
.mypage_cancel p.bold{
	font-weight:bold;
}
.middle{
    vertical-align:middle;
	padding:0 30px 0 0;
}
@media(max-width: 768px) {
	.mypage_cancel{
		padding:10px 10px 5px 10px;
	}
	.mypage_cancel table td{
		display:block;
	}
	.mypage_cancel h3{
		text-align:center;
		margin:5px 0 15px 0;
	}
	.mypage_cancel p{
		font-size:92%;
		margin:0 0 10px 0;
	}
}
@media(max-width: 374px) {
	.mypage_cancel{
		padding:10px 5px 5px 5px;
	}
	.mypage_cancel h3{
		font-size:88%;
	}
	.mypage_cancel p{
		font-size:84%;
	}
}

.mypage_attention{
	background:#EEEEEE;
	padding:10px;
	line-height:150%;
	font-size:92%;
	text-align:center;
	margin:0 0 30px 0;
}
.mypage_attention span{
	font-weight:bold;
	font-size:110%;
}

/*-------------------------*/

.campaign_box{
	padding:0;
}
.campaign_box_p1{
	font-size:118%;
	font-weight:bold;
	text-align:center;
	margin:0 0 30px 0;
}
.campaign_box_p{
}
.campaign_box h1{
	text-align:center;
	padding:50px 0;
	font-size:182%;
	color:rgba(0,28,88,0.85);
}
.campaign_box p{
	line-height:150%;
}

.campaign_kiyaku{
	padding:20px 30px;
	margin:10px 0 0 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	background:#EFEFEF;
}
.campaign_kiyaku h2{
	margin:0 0 20px 0;
}
.campaign_kiyaku li{
	line-height:150%;
}
.campaign_kiyaku li span{
	text-decoration:underline;
}
.campaign_form{
	width:80%;
	margin:0px auto 80px auto;
}
.campaign_form th{
	width:20%;
}

.check_bold{
	font-weight:bold;
	text-align:center;
}
.check_box{
	position:relative;
	padding:0 0 0 50px;
}
.check_box input{
	position:absolute;
	left:20px;
	top:0;
	bottom:0;
	margin:auto;
	width:20px;
	height:20px;
}
.campaign_form_btn{
	text-align:center;
	margin:30px 0 60px 0;
}
.campaign_form_btn input[type="submit"]{
	width:80%;
	height:45px;
	background:#e74a46;
	color:#FFF;
	border:none;
	font-size:107%;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
	transition:1.0s;
	margin:0px auto;
}
.campaign_form_btn input[type="submit"]:hover{
	background:rgba(231,74,70,0.7);
}
.campaign_box .backbtn{
	-webkit-appearance: none;
	border-radius: 0;
	text-align:center;
	position:relative;
}
.campaign_box .backbtn a{
	display:block;
	color:#FFF;
	width:10%;
	height:45px;
	background:#959595;
	line-height:45px;
}
.campaign_box .backbtn a:hover{
	background:rgba(149,149,149,0.7);
}


.campaign_box .backbtn a:after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFf;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin:auto;
}

@media(max-width: 768px) {
	.campaign_box h1{
		padding:30px 0;
		font-size:138%;
		line-height:150%;
	}
	.campaign_box_p1{
		font-size:100%;
		font-weight:bold;
		text-align:left;
		margin:0 10px 30px 10px;
	}
	.campaign_box_p{
		text-align:center;
	}
	.campaign_kiyaku{
		width:94%;
		border:1px solid #000;
		padding:15px;
		margin:10px auto 0 auto;
	}
	.campaign_form{
		width:90%;
		margin:0px auto 80px auto;
	}
	.campaign_form th{
		width:100%;
	}
	.check_bold{
		margin:0 0 20px 0;
	}
	.campaign_box .backbtn{
		margin:0 0 0 20px;
	}
	.campaign_box .backbtn a{
		width:30%;
	}
}

.mypage_info{
	padding:15px;
	border:1px solid #000;
	margin:20px auto;
	width:92%;
	box-sizing: border-box;
}
.mypage_info h2{
	margin-bottom:10px;
	font-size:92%;
}
.mypage_info p{
	line-height:1.5;
	font-size:82%;
}
@media(max-width: 768px) {
	.mypage_info p{
		font-size:82%;
	}
}


.mypage_checklist_none{
	text-align:center;
	font-size:118%;
	line-height:1.5;
	margin:50px 0;
}
.mypage_checklist{
}
.mypage_checklist li{
	margin:20px;
}
.mypage_checklist_bar{
	background:#DDDDDD;
	padding:10px 40px 10px 20px;
	position:relative;
	font-size:128%;
}
@media(max-width: 768px) {
	.mypage_checklist_bar{
		font-size:118%;
		padding:10px 40px 10px 10px;
	}
}
.attantion{
	color:#B70617;
	font-weight:bold;
}

.mypage_checklist_bar span{

}
.mypage_checklist_bar p{

}

.mypage_checklist_comment{
	padding:20px;
}
.mypage_checklist_comment p{
	line-height:150%;
}
.mypage_checklist_comment p.small{
	font-size:12px;
	margin:20px 0 0 0;
}
.mypage_checklist_comment p.bold{
	font-weight:bold;
	margin:0 0 10px 0;
}
.mypage_checklist_comment .btn{
	width:60%;
	margin:10px auto;
}
.mypage_checklist_comment .btn a{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	background:#B70617;
	color:#FFF;
	text-align:center;
	border-radius: 40px;
	font-weight:bold;
}
.mypage_checklist_comment .btn a:hover{
	background:rgba(183,6,23,0.8);
}
.mypage_checklist_comment_box{
	margin:20px 0;
	border:1px solid #CCCCCC;
	padding:10px;
	background:#FFF;
}
.mypage_checklist_comment_box p{
	line-height:150%;
}

@media(max-width: 768px) {
	.mypage_checklist_none{
		font-size:82%;
	}
	.mypage_checklist li{
		margin:20px 0;
	}
	.mypage_checklist_comment{
		padding:10px;
	}
}


.mypage_btn_list{
	margin:20px 0 0 0;
}
.mypage_btn_list ul{
}
.mypage_btn_list ul li{
	float:left;
	width:25%;
}

.mypage_btn_list_btn{
	width:80%;
	margin:0px auto;
}
.mypage_btn_list_btn a{
	border:2px solid #000;
	display:block;
	color:#000;
	height:40px;
	line-height:40px;
	font-weight:bold;
	transition:0.8s;
	text-align:center;
	position:relative;
	box-sizing: border-box;
}
.mypage_btn_list_btn a::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -6px;
}
.mypage_btn_list_btn a:hover{
	background:#000;
	color:#FFF;
}
.mypage_btn_list_btn a:hover::before{
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
}


.mypage_status_btn{
	width:80%;
	margin:0px auto;
	border:2px solid #000;
	display:block;
	color:#000;
	height:40px;
	line-height:40px;
	font-weight:bold;
	transition:0.8s;
	text-align:center;
	position:relative;
	cursor: pointer;
	box-sizing: border-box;
}
.mypage_status_btn span.close:after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	right: 5px;
	top: 3px;
}
.mypage_status_btn span.close,
.mypage_status_btn span.open{
	content: '';
	background:#000;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 5px;
	top:7px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
.mypage_status_btn span.open:after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: 5px;
	top: 7px;
}

.mypage_bar_box{
	margin:20px 0 0 0;
	background:#F5F5F5;
	padding:30px 0;
}
.mypage_bar_box_check{
	padding:10px 0;
	margin:20px 0;
}

@media(max-width: 768px) {
	.mypage_btn_list ul li{
		float:left;
		width:50%;
		margin:10px 0;
	}
	.mypage_btn_list_btn{
		width:90%;
		margin:0px auto;
	}
	.mypage_btn_list_btn a{
		padding-right:20px;
	}
	.mypage_status_btn{
		width:90%;
		margin:0px auto;
		padding-right:20px;
	}
	.mypage_bar_box{
		margin:10px 0 0 0;
		padding:10px 0;
	}
	.mypage_bar_box_check{
		padding:0 0 10px 0;
		margin:20px 0;
	}
}

.mycoupon_list{
	margin:30px 0;
}
.mycoupon_list ul{
}
.mycoupon_list ul li{
	float:left;
	width:48%;
	margin:0 1% 1% 1%;
}
.mycoupon_list ul li div{
	display:block;
	width:100%;
	border:1px solid #DDDDDD;
	border-radius:5px;
	padding:20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.mycoupon_list ul li h3{
	text-align:center;
	border:none;
}
.mycoupon_list ul li p{
	text-align:center;
	font-weight:bold;
	margin:0 0 20px 0;
	color:#000;
}
.mycoupon_list ul li table th,
.mycoupon_list ul li table td{
	font-weight:normal;
	color:#000;
	padding:5px;
}
.mycoupon_list ul li table th{
	width:90px;
}
@media(max-width: 767px) {
	.mycoupon_list{
		margin:15px 0;
	}
	.mycoupon_list ul li div{
		padding:10px;
	}
	.mycoupon_list ul li{
		float:none;
		width:94%;
		margin:10px auto;
	}
	.mycoupon_list ul li table th{
		width:60px;
	}
	.mycoupon_list ul li table th,
	.mycoupon_list ul li table td{
		font-size:12px;
	}
}