@charset "UTF-8";

/* ---------------  KT --------------- */
.special_banner{
    width:1200px;
    margin:0 auto;
    padding:0;
    text-align:center;
}
.special_banner img{
    max-width:1200px;
    margin:0 auto;
}

.linkCol a{
    color: #3355ee;
    text-decoration: underline;
    outline:none;
}


.aBtn1 a{
    display:inline-block;
    padding:2px 3px;
    margin:0 5px;
    line-height:1;
    white-space:nowrap;
    color:#888;
    border:1px solid #789;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    background-color:#e7e5e3;
    background:linear-gradient(#ffffff, #c7c5c3);
    font-weight:normal;
}
.aBtn1 a:link{color:#333;text-decoration:none;}
.aBtn1 a:visited{color:#333;text-decoration:none;}
.aBtn1 a:hover{color:#a00;background:#f7f5f3;text-decoration:none;}
.aBtn1 a:active{color:#e00;text-decoration:none;}

.aBtn2 a{
    display:inline-block;
    padding:5px 20px;
    margin:0;
    white-space:nowrap;
    color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
    background-color:#0c5b03;
    background:linear-gradient(#138e06, #083003);
    font-size:14px;
}
.aBtn2 a:link{color:#fff;text-decoration:none;}
.aBtn2 a:visited{color:#fff;text-decoration:none;}
.aBtn2 a:hover{color:#f7ffc1;background:#117e07;text-decoration:none;}
.aBtn2 a:active{color:#f7ffc1;text-decoration:none;}

@media only screen and (max-width:767px) {
    .aBtn2 a{
        padding:5px;
        font-size:12px;
    }
}

.aBtn3 a{
    display:inline-block;
    padding:5px 10px;
    margin:0;
    white-space:nowrap;
    color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
    background-color:#333;
    background:linear-gradient(#666666, #000000);
}
.aBtn3 a:link{color:#ffffff;text-decoration:none;}
.aBtn3 a:visited{color:#ffffff;text-decoration:none;}
.aBtn3 a:hover{color:#ffff77;background:#333333;text-decoration:none;}
.aBtn3 a:active{color:#ffff77;text-decoration:none;}

.aBtn4 {
	padding: 15px 60px;
	margin: 0 30px;
	border: 1px solid #aaa;
	background: #aaa;
	color: #fff !important;
	display: inline;
	position: relative;
}
.aBtn4:hover {
	opacity: .7;
}

.aBtn4:before {
	content: '';
	position: absolute;
	top: 18px;
	left: 20px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(-135deg);
}

.downArrow{
    position:relative;
    width:25px;
    height:25px;
    margin:0 auto 15px auto;
    border-bottom: #ccc 5px solid;
    border-right: #ccc 5px solid;
    transform: rotate(45deg);
}
.upArrow{
    position:relative;
    width:25px;
    height:25px;
    margin:15px auto 0 auto;
    border-bottom: #ccc 5px solid;
    border-right: #ccc 5px solid;
    transform: rotate(225deg);
}

q {
    font-size:11px;
    color:#888;
    font-weight:normal;
}
.data_price b {
    color:#ff0000;
    text-decoration:none;
    font-weight:normal;
}
#detailText2 dd.cgryex,
.data_price.cgryex{
    color:#555 !important;
}

#loginMsg {
	width: 100%;
	margin: 15px 0 30px;
}
#loginMsg p {
    font-size:12px;
	color: #aa0000;
}
#loginMsg p a{
    color:#0033ee;
}

ul.disc {
	list-style-type: disc;
	margin:0 0 0 1em;
	padding:0 0 0 1em;
}

.regist01.darkly th,
.regist02.darkly th,
.regist01.darkly td,
.regist02.darkly td,
.darkly  {
    border-color:#ccc;
}

/* --- coupon --- */
#couponMsg{
width:100%;
border:1px solid #c7c5c3;
margin-bottom:25px;
text-align:left;
font-size:14px;
background-color:#fffcdd;
}
#couponMsg img{
    max-width:300px;
    margin:3px 15px 3px 3px;
    float:left;
}
#couponMsg em{
    display:block;
    text-decoration:none !important;
    font-size:20px;
    color:#fb0280;
    margin:5px 0;
}
#couponForm {
    clear:both;
	width: 100%;
    text-align:center;
	margin: 10px 0 0 0;
    padding:5px;
    border-top:1px solid #bbb;
}
#couponForm p {
    padding:0;
    margin:5px 0;
}

#cartList.pay th:nth-child(1) {
	width: 15%;/*calc(100% * 200/1100)*/
    max-width: 140px;
	padding: 0;
}
#cartList.pay th:nth-child(2) {
	width: 55%;/*calc(100% * 280/1100)*/
}
#cartList.pay th:nth-child(3) {
	width: 30%;/*calc(100% * 280/1100)*/
}
#cartList.pay img {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}

.btn_dl.disable{
	color: #fff !important;
	background: #ccc;
    border-color: #bbb;
    white-space:nowrap;
    width: 13em !important;
}

/* --------------- receipt --------------- */
#mini_header{
    width:100%;
    margin:0;
    padding:0;
    height:auto;
    box-shadow: none;
}
#mini_header img{
    width:70%;
    max-width:300px;
    margin:5px;
}
#receipt_page{
    padding:10px;
}
#receipt_page h3{
    padding:0 0 10px 0;
}
#receipt_page h3 b{
font-size:14px;
border-bottom:1px solid #aaa;
border-left:5px solid #aaa;
padding:0 7px;
}

#receipt_page .atena dd{
    padding:10px 5px;
}
#receipt{
    position:relative;
    width:600px;
    height:300px;
    margin:0 auto 15px auto;
    border:0.1mm solid #333;
    background: url(../_img_bg/logo_bg100x100.png) repeat;
    background-size: 50px;
} 
#receipt h3{
    position:absolute;
    top:10px;
    left:20px;
    letter-spacing:12px;
    font-size:24px;
}
#receipt .hakkoubi{
    position:absolute;
    top:10px;
    right:20px;
    font-size:11px;
}
#receipt h4{
    position:absolute;
    top:70px;
    left:100px;
    width:400px;
    border-bottom:1px solid #333;
    font-size:18px;
}
#receipt .price{
    position:absolute;
    top:110px;
    left:100px;
    width:400px;
    height:45px;
    line-height:45px;
    background-color:#ffffff;
    font-size:25px;
    padding:0 10px;
    white-space:nowrap;
}
#receipt .tadashi{
    position:absolute;
    top:160px;
    left:100px;
    width:400px;
    font-size:12px;
    line-height:1.4;
}
#receipt .publisher{
    position:absolute;
    top:245px;
    right:20px;
}
#receipt .sp5name{
    font-size:16px;
    font-weight:bold;
    line-height:1.4;
}
#receipt .sp5addr{
    font-size:12px;
    line-height:1.2;
}
#receipt .stamp{
    position:absolute;
    top:192px;
    right:90px;
}

#copy2 {
    position:absolute;
    left:0;
    bottom:10px;
    width:100%;
	padding: 0;
    margin:0;
    text-align:center;
    font-size:11px;
    color:#888;
}

/* --------------- form追加 --------------- */
input[type="password"]{
	display: inline;
	padding: 5px;
	border: 1px solid #ddd;
	cursor: default;
}
input[type="password"]:focus {
	border: 1px solid #3ab5ff;
	outline: 0;
}



/* ===== paging ===== */
.Pagination{
margin:0 0 20px 0;
font-size:13px;
}
.Pagination a{
display:inline-block;
white-space:nowrap;
}
.Pagination a{
display:inline-block;
min-width:1.7em;
margin:0 5px;
border:1px solid #ccc;
padding:2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align:center;
background-color:#f7f5f3;
background:linear-gradient(#ffffff, #efedec);
}
.Pagination span{
display:inline-block;
min-width:1.7em;
white-space:nowrap;
margin:0 5px;
border:1px solid #ddd;
padding:2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align:center;
color:#ccc;
background-color:#f7f5f3;
background:linear-gradient(#ffffff, #efedec);
}

.Pagination a.pNum{
background-color:#fdd;
background:linear-gradient(#ffffff, #faa);
}
@media print{
    .Pagination{
        display:none;
    }
}
/* --------------- 汎用 --------------- */
*{word-wrap:break-word;}
.breakAll{word-break:break-all;}
.pageBreakBf{page-break-before: always;}
.pageBreakAft{page-break-after: always;}
.serifFont{
    font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Times, serif;
}
.sansSerifFont{
    font-family:"Lucida Grande", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
}
@media screen{
    .screenNoDisp{display:none !important;}
}
@media print{
    .printNoDisp{display:none !important;}
}

s{
    display:block;
    text-decoration:none;
    font-weight:normal;
}

/* ----------------------------------- */
.txLeft{text-align:left !important;}
.txCenter{text-align:center !important;}
.txRight{text-align:right !important;}
.txVtop{vertical-align:top;}
.txVmiddle{vertical-align:middle;}
.txVbottom{vertical-align:bottom;}
.noWrap {white-space: nowrap;}
.noDisp{display:none;}
.noVisib{visibility:hidden;}

.bold{font-weight:bold;}
.bolder{font-weight:bolder;}
.fNormal{font-weight:normal !important;}
.obli{font-style:oblique;}
.fsNormal{font-style:normal;}
.throu{text-decoration:line-through;}
.under{text-decoration:underline;}
.over{text-decoration:overline;}
.fNormal2{text-decoration:none !important;}
.pointer{cursor:pointer;}
.noPointer{cursor:default;}
.lsNormal{letter-spacing:normal;}
/* ----------------------------------- */
.fLeft{float:left;}
.fRight{	float:right;}
.clrBoth{clear:both;}
.clrLeft{clear:left;}
.clrRight{clear:right;}

.clearFloat:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clrBlock {
clear: both;
display: block;
margin: 0;
padding: 0;
height: 0;
line-height: 1px;
font-size: 1px; 
overflow:hidden;
}
/* ----------------------------------- */
.f09px{font-size:9px !important;}
.f10px{font-size:10px !important;}
.f11px{font-size:11px !important;}
.f12px{font-size:12px !important;}
.f13px{font-size:13px !important;}
.f14px{font-size:14px !important;}
.f15px{font-size:15px !important;}
.f16px{font-size:16px !important;}
.f17px{font-size:17px !important;}
.f18px{font-size:18px !important;}
.f19px{font-size:19px !important;}
.f20px{font-size:20px !important;}
.f22px{font-size:22px !important;}
.f24px{font-size:24px !important;}
.f28px{font-size:28px !important;}
.f32px{font-size:32px !important;}
.f36px{font-size:36px !important;}
.f40px{font-size:40px !important;}
/* ----------------------------------- */
.cblack { color: #000000;}
.cwhite { color: #FFFFFF;}
.cred { color: #FF0000;}
.corgred { color: #ff5500;}
.cdkred { color: #aa0000;}
.cdkgrn { color: #338800;}
.cgry { color: #777;}
.cwgry { color: #999;}
.cmosgold { color: #996633;}
.cbrown{color:brown;}

.bblack{background-color:#000000;}
.bwhite{background-color:#ffffff;}
.bcream{background-color:#FFFFd3;}
.bgreen{background-color:#f0fff0;}
.bblue{background-color:#F0F0FF;}
.bgry{background-color:#cccccc;}
.bwgry{background-color:#f7f5f3;}

.mgnt3{margin-top:3px !important;}
.mgnt5{margin-top:5px !important;}
.mgnt10{margin-top:10px !important;}
.mgnt15{margin-top:15px !important;}
.mgnt20{margin-top:20px !important;}
.mgnt25{margin-top:25px !important;}
.mgnt30{margin-top:30px !important;}
.mgnt35{margin-top:35px !important;}
.mgnt40{margin-top:40px !important;}
.mgnt50{margin-top:50px !important;}
.mgnt60{margin-top:60px !important;}
.mgnt100{margin-top:100px !important;}

.mgnb0{margin-bottom:0 !important;}
.mgnb3{margin-bottom:3px !important;}
.mgnb5{margin-bottom:5px !important;}
.mgnb10{margin-bottom:10px !important;}
.mgnb15{margin-bottom:15px !important;}
.mgnb20{margin-bottom:20px !important;}
.mgnb25{margin-bottom:25px !important;}
.mgnb30{margin-bottom:30px !important;}
.mgnb35{margin-bottom:35px !important;}
.mgnb40{margin-bottom:40px !important;}
.mgnb50{margin-bottom:50px !important;}
.mgnb60{margin-bottom:60px !important;}
.mgnb100{margin-bottom:100px !important;}

.pdd3{padding:3px !important;}
.pdd5{padding:5px !important;}
.pdd10{padding:10px !important;}
.pdd15{padding:15px !important;}
.pdd20{padding:20px !important;}

.pddLR5{padding-left:5px;padding-right:5px;}
.pddLR10{padding-left:10px;padding-right:10px;}
.pddLR15{padding-left:15px;padding-right:15px;}
.pddLR20{padding-left:20px;padding-right:20px;}
.pddLR25{padding-left:25px;padding-right:25px;}
.pddLR30{padding-left:30px;padding-right:30px;}

.pddt5{padding-top:5px !important;}
.pddt10{padding-top:10px !important;}
.pddt15{padding-top:15px !important;}
.pddt20{padding-top:20px !important;}
.pddt25{padding-top:25px !important;}
.pddt30{padding-top:30px !important;}
.pddt35{padding-top:35px !important;}
.pddt40{padding-top:40px !important;}
.pddt50{padding-top:50px !important;}

.pddb5{padding-bottom:5px !important;}
.pddb10{padding-bottom:10px !important;}
.pddb15{padding-bottom:15px !important;}
.pddb20{padding-bottom:20px !important;}
.pddb25{padding-bottom:25px !important;}
.pddb30{padding-bottom:30px !important;}
.pddb35{padding-bottom:35px !important;}
.pddb40{padding-bottom:40px !important;}
.pddb50{padding-bottom:50px !important;}

.mgnL5{margin-left:5px;}
.mgnL10{margin-left:10px;}
.mgnL15{margin-left:15px;}
.mgnL20{margin-left:20px;}
.mgnL25{margin-left:25px;}
.mgnL30{margin-left:30px;}

.mgnR5{margin-right:5px;}
.mgnR10{margin-right:10px;}
.mgnR15{margin-right:15px;}
.mgnR20{margin-right:20px;}
.mgnR25{margin-right:25px;}
.mgnR30{margin-right:25px;}

.LH1{line-height:1;}
.LH12{line-height:1.2;}
.LH14{line-height:1.4;}
.LH15{line-height:1.5;}
.LH16{line-height:1.6;}
.LH17{line-height:1.7;}
.LH18{line-height:1.8;}
.LH2{line-height:2;}
.LH22{line-height:2.2;}
.LH24{line-height:2.4;}
.LH25{line-height:2.5;}
.LH3{line-height:3;}
.LH4{line-height:4;}


::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


.submitBtnNext{
padding: 12px 100px;
cursor:pointer;
border:none;
color:#FFFFFF;
background-color:#000;
white-space:nowrap;
}

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

    .aBtn4 {
        max-width: 480px;
        padding: 12px 0;
        margin: 10px 0;
        border: 1px solid #aaa;
        background: #aaa;
        color: #fff !important;
        display: block;
        text-align:center;
        float:none;
    }
    .aBtn4:hover {
        opacity: 1;
    }
    .submitBtnNext{
        padding: 12px 10px;
    }
    .btn_cart {
        min-width: 200px;
    }
    .special_banner{
        width:calc(100% - 20px);
    }
    .special_banner img{
        max-width:100%;
    }
    
    #loginMsg {
        margin: 15px 0 20px;
    }    
    
    #couponMsg img{
        max-width:100%;
        margin:0 0 15px 0;
    }
    
}