/*                       init                      */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

ul {
	list-style:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

@font-face{
    font-family: 'icomoon';
    src: url( "../../cmn/gol_icon_font/icomoon.woff?v=20240305") format("woff");
}


[class^="iconGol_"], [class*="iconGol_"] {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;

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

/************ common ************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
}

.hideBox{
	display:none !important;
}

#blackout{
	position:absolute;
	z-index:1000;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height: 100%;
	background:rgba(0, 0, 0, 0.8);
}

#gtmBox{
	height:0;
	overflow:hidden;
}

/* header */
header{
	margin-top:50px;
	background:#192b5b;
}

header input,
header select{
	vertical-align:middle;
	-webkit-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing:border-box;
}

#tickerBox{
	background:#707070;
	color:#fff;
	height:50px;
	font-size:16px;
	text-align:center;
	line-height:50px;
	border-bottom:1px solid #ccc;
}

#headerTop{
    background: #192b5b;
    height: 50px;
    left: 0;
    line-height: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;

    transition: .2s;
}


#headerTop.storeMenu {
	border-bottom: 4px solid #ffd100;
}

#headerTop a{
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 50px;
    overflow: hidden;
    text-decoration: none;
}


#headerTop h1,
#headerTop p{
	margin:0 auto;
	width:67px;
}

#headerTop h1 a,
#headerTop p a {
    overflow: hidden;
    width: 67px;
}

#headerTop h1:not([class]) a,
#headerTop p:not([class]) a{
    background: url(/v2/smartphone/img/cmn/headerLogo.png) no-repeat center top / 100% auto;
    text-indent: -9999px;
    overflow: hidden;
	white-space: nowrap;
}

#headerTop h1.store_info a {
	background-image:url("/v2/smartphone/img/cmn/headerLogoStore.png");
}

#headerTop h1.store_info.headerStoreLogoWrap a{
	background: none;
}


#simple #headerTop{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:1001;
	height:40px;
	background:#192b5b;
	transition: .2s;

}

#simple #headerTop a{
	display:block;
	height:40px;
}

#simple #headerTop h1,
#simple #headerTop p{
	width:135px;
	margin:0;
}

#simple #headerTop h1 a,
#simple #headerTop p a{
	width:135px;
}

#simple #headerTop h1:not([class]) a,
#simple #headerTop p:not([class]) a{
	background-image: url(/v2/smartphone/img/cmn/simpleHeaderLogo.png);
}

#headerServiceBtn,
#headerInfoBtn,
#headerMyPageBtn,
#headerStockBtn,
#headerCartBtn,
#headerstoreInfoBtn,
#headercampaignMenuBtn {
	width:50px;
}

#headerServiceBtn{
	float:left;
	position: relative;
}

#headerServiceBtn::before{
    color: #eee;
    content: "\e934";
    font-family: icomoon;
    font-size: 50px;
    left: 0;
    top: 0;

}

#headerInfoBtn{
	float:left;
	position:relative;
}
#headerInfoBtn::before{
    color: #eee;
    content: "\e935";
    font-family: icomoon;
    font-size: 50px;
    left: 0;
    position: relative;
    top: 0;

}

#headerMyPageBtn{
	float:right;
	position:relative;
}
#headerMyPageBtn::before{
    color: #eee;
    content: "\e937";
    font-family: icomoon;
    font-size: 50px;
    left: 0;
    position: relative;
    top: 0;

}


#headerStockBtn {
    background-image: url('/v2/smartphone/img/cmn/headerStock.png');
    float: right;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}


#headerCartBtn{
	float:right;
	position: relative;
}
#headerCartBtn::before{
    color: #eee;
    content: "\e938";
    font-family: icomoon;
    font-size: 50px;
    left: 0;
    position: relative;
    top: 0;

}

#headerstoreInfoBtn {
    background-color: #ffd100;
    float: right;
    position: relative;
}

#headerstoreInfoBtn::before{
    color: #192b5b;
    content: "\e93e";
    font-family: icomoon;
    font-size: 50px;
    left: 0;
    position: relative;
    top: 0;

}

#headercampaignMenuBtn {
	float:  right;
	position: relative;
}
#headercampaignMenuBtn::before{
    color: #eee;
    content: "\e93a";
    font-family: icomoon;
    font-size: 50px;
    left: 0;
    position: relative;
    top: 0;
}

#headerTop .active{
	background-color:#49557c;
}

#infoBadge{
	position:absolute;
	top:5px;
	right:5px;
	display:block;
	width:16px;
	height:16px;
	border-radius:8px;
	background:#d10912;
	color:#fff;
	font-size:9px;
	line-height:15px;
	text-indent:0;
	text-align:center;
}

#headerBtm{
	background:#fff;
	padding:5px 3% 4px;
	overflow: hidden;
}

#headerBtm a{
	display:block;
	width:49%;
	height:45px;
	border-radius:4px;
	font-size:16px;
	line-height:45px;
	text-align:center;
	color:#000;
	text-decoration:none;
}

#headerSignupBtn{
	float:left;
	background:#fed600;
}

#headerLoginBtn{
	float:right;
	background:#ccc;
}

.headerBtn{
	display:block;
	width:355px;
	height:40px;
	margin:10px;
	color:#192b5b;
	background:#ccc;
	border-radius:4px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	text-decoration:none;
}

.headerBtn#logoutBtn{
	border:#ddd 1px solid;
	color:#192b5b;
	background-color:#fff;
}
#storeInfo .headerBtn#logoutBtn {
	width: 280px;
	border-radius: 0;
	font-size: 12px;
}

.headerText{
	margin:10px;
	font-size:12px;
	line-height:1.5em;
	color:#192b5b;
}

.headerClose{
	display:block;
	width:100%;
	height:40px;
	border-top:1px solid #ccc;
	background:url("/v2/smartphone/img/cmn/close.png") no-repeat center center;
	background-size:48px 11px;
	text-indent:-9999px;
	overflow:hidden;
}

#stock .headerClose,
#store .headerClose {
	height: 55px;
	background: #192b5b;
	border: none;
	color: #fff;
	text-indent: 10px;
	text-decoration: none;
	line-height: 55px;
}

#stock .headerClose::after,
#store .headerClose::after {
	content: '×';
	float: right;
	margin: 0 10px 0 0;
	font-size: 25px;
}

.headerSlide{
	position:absolute;
	z-index:1001;
	width:100%;
	background:#fff;
}

#stock.headerSlide,
#store.headerSlide {
    position: fixed;
    top: 0;
    bottom: 0;
}

.headerSlideInner{
    position: fixed;
    top: 55px;
	padding:10px 0;
    width: 100%;
    background: #fff;
}

.headerSlide .blank {
	display:inline-block;
}
.headerSlide .blank:after {
    content: '\e921';
    display: inline-block;
    font-family: icomoon;
    font-size: 18px;
    margin-left: 3px;
}


#myPageSignupBtn{
	background:#ffc926;
}

#service{
	position:fixed;
	top:50px;
	left:-300px;
	width:300px;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
}

#storeInfo,
#campaignMenu {
	position:fixed;
	top:55px;
	right:-300px;
	width:300px;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
}

#campaignMenu {
	top: 50px;
}

#service ul li{
    padding-left: 0;
    padding-right: 0;
}

#service ul li.menuIcon, 
#service ul li.openMenu {
    padding-left: 25px;
}

#service li,
#myPage li,
#cart li,
#info li{
	border-bottom:1px solid #ccc;
}

#info li:last-child,
#service li li:last-child{
	border-bottom:none;
}

#service li ul{
	border-top:1px solid #ccc;
}

#service li a,
#myPage li a,
#cart li a,
#info li a,
#myPage li.groupHead p,
#cart li.groupHead p{
	position:relative;
	display:block;
	padding:10px;
	font-size:12px;
	line-height:1.5em;
	color:#192b5b;
	text-decoration:none;
}
#service li .serviceMenuSubtitle{
	position: relative;
	display: block;
	padding: 10px 10px 5px;
	font-size: 12px;
	line-height: 1.5em;
	color: #192b5b;
	text-decoration: none;
}
#service li li a{
	background:#eee;
}

#service li li a.r18{
	background:#f9c;
}

#myPage li a small,
#cart li a small,
#info li a small{
	display:block;
	font-size:11px;
	color:#666;
}

#myPage li a small,
#cart li a small {
	display: inline-block;
	float: right;
	margin: 0 20px 0 0;
}

#info li a span{
	display:block;
	max-height:4.5em;
	padding-right:10px;
	overflow:hidden;
}

#myPage li.groupBody,
#cart li.groupBody {
	padding: 0 0 0 25px;
	background: #eee;
}

#service .first > a:after,
#service li li a:after,
#myPage li a:after,
#cart li a:after,
#info li a:after{
	position: absolute;
	width: 8px;
	height: 8px;
	top:0;
	bottom:0;
	right:12px;
	margin:auto;
	content:"";
	vertical-align: middle;
	border-top: 1px solid #192b5b;
	border-right: 1px solid #192b5b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#info .moreNotice{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: #192b5b;
	font-size: calc(12/375*100vw);
	text-decoration: none;
    border-top: 1px solid #ccc;
}

.menuIcon,
.openMenu{
	padding-left:25px;
	background-repeat:no-repeat;
	background-size:20px auto;
	background-position:10px center;
}

#serviceMenuTop.menuIcon{
	position: relative;
}
#serviceMenuTop.menuIcon::before{	
    color: #192b5b;
    content: "\e90d";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

#serviceMenuStore .openMenu{
	position: relative;
}
#serviceMenuStore dl .openMenu::before{	
    color: #fed600;
    content: "\e900";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

#serviceMenuEC .openMenu{
	position: relative;
}
#serviceMenuEC dl .openMenu::before{
    color: #6c9;
    content: "\e901";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

#serviceMenuRental .openMenu{
	position: relative;
}
#serviceMenuRental dl .openMenu::before{
    color: #f33;
    content: "\e902";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

#serviceMenuMovie .openMenu{
	position: relative;
}
#serviceMenuMovie dl .openMenu::before{
    color: #6cf;
    content: "\e903";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

#serviceMenuBuy .openMenu{
	position: relative;
}
#serviceMenuBuy dl .openMenu::before{
    color: #c9f;
    content: "\e904";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

#serviceMenuMobile .openMenu{
	position: relative;
}
#serviceMenuMobile dl .openMenu::before {
    color: #7fb901;
    content: "\e908";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

#serviceMenuComic .openMenu{
	position: relative;
}
#serviceMenuComic dl .openMenu::before{
    color: #f9c;
    content: "\e905";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

#serviceMenuGame .openMenu,
#serviceMenuGame.menuIcon{
	position: relative;
}
#serviceMenuGame .openMenu::before,
#serviceMenuGame.menuIcon::before{
    color: #f90;
    content: "\e906";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

#serviceMenuReview.menuIcon{
	position: relative;
}
#serviceMenuReview.menuIcon::before{
    color: #9ff;
    content: "\e907";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}


#serviceMenuCampaign.menuIcon{
	position: relative;
}
#serviceMenuCampaign.menuIcon::before{
    color: #f99;
    content: "\e90a";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}


#serviceMenuR18 dl .openMenu{
	position: relative;
}
#serviceMenuR18 dl .openMenu::before{
    color: #f6c;
    content: "\e90c";
    font-family: icomoon;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

#service dt a:after{
	position: absolute;
	width: 8px;
	height: 8px;
	top:0;
	bottom:0;
	right:8px;
	margin:auto;
	content:"";
	vertical-align: middle;
	border-top: 1px solid #192b5b;
	border-right: 1px solid #192b5b;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

#service dt a.active:after{
	position: absolute;
	width: 8px;
	height: 8px;
	top:4px;
	bottom:0;
	right:8px;
	margin:auto;
	content:"";
	vertical-align: middle;
	border-top: 1px solid #192b5b;
	border-right: 1px solid #192b5b;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

a.left_geoselection{
	border: 1px solid #192B5B;
	color: #666;
	display: block;
    margin: 10px;
	position: relative;
	text-decoration: none;
}

.left_geoselection::before{
    color: #f90;
    content: "\e91a";
    font-family: icomoon;
    font-size: 40px;
    left: 10px;
    position: absolute;
    top: 15px;
}

.left_geoselection .geoselection_text{
	display: block;
	padding: 10px 10px 10px 65px;
}

.left_geoselection .geoselection_text strong{
	display: block;
	height: 19px;
	width: 125px;
}

.left_geoselection .geoselection_text strong img{
	max-width: 100%;
	height: auto;
}

.left_geoselection .geoselection_text span{
	display: block;
	font-size: 10px;
	line-height: 1.5em;
	margin-top: 5px;
}

a.left_deals{
	border: 1px solid #192B5B;
	color: #666;
	display: block;
    margin: 10px;
	position: relative;
	text-decoration: none;
}

.left_deals::before{
    color: #f99;
    content: "\e90a";
    font-family: icomoon;
    font-size: 40px;
    left: 10px;
    position: absolute;
    top: 15px;
}

.left_deals .geoselection_text{
	display: block;
	padding: 10px 20px 10px 65px;
}

.left_deals .geoselection_text strong{
	display: block;
	height: 19px;
	width: 65px;
}

.left_deals .geoselection_text strong img{
	max-width: 100%;
	height: auto;
}

.left_deals .geoselection_text span{
	display: block;
	font-size: 10px;
	line-height: 1.5em;
	margin-top: 5px;
}

.left_geoselection:after,
.left_deals:after{
	position: absolute;
	box-sizing:content-box;
	width: 6px;
	height: 6px;
	top: 1px;
	right:12px;
	bottom: 0;
	margin:auto;
	content:"";
	vertical-align: middle;
	border-top: 1px solid #192b5b;
	border-right: 1px solid #192b5b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#qaBtn {
    background-size: 20px;
    border: 1px solid #192b5b;
    color: #192b5b;
    display: block;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 280px;
}

#service #qaBtn{
    width: auto;
    margin: 10px;
}

.icoGol_QA {
    content: "\e928";
    font-family: icomoon;
    font-size: 24px;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
.icoGol_QA .path1:before {
    content: "\e928";
    color: rgb(25, 43, 91);
    font-family: icomoon;
    font-size: 24px;
}
.icoGol_QA .path2:before {
    content: "\e929";
    margin-left: -1em;
    color: rgb(255, 153, 0);
    font-family: icomoon;
    font-size: 24px;
}

#qaBtn:after{
    border-top: 1px solid #192b5b;
    border-right: 1px solid #192b5b;
    bottom: 0;
    content: '';
    height: 8px;
    margin: auto;
    position: absolute;
    right: 80px;
    top: 0;
    vertical-align: middle;
    width: 8px;

    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

#service #qaBtn:after{
	right: -webkit-calc(50% - 60px);
	right: calc(50% - 60px);
}

#storeSearchBtn{
	position:relative;
	display:block;
	width:280px;
	height:40px;
	margin:10px;
	border:1px solid #192b5b;
	color:#192b5b;
	font-size:12px;
	line-height:40px;
	text-align:center;
	text-decoration:none;
}
#storeSearchBtn:after{
	position: absolute;
	width: 8px;
	height: 8px;
	top:0;
	bottom:0;
	right: 100px;
	margin:auto;
	content:"";
	vertical-align: middle;
	border-top: 1px solid #192b5b;
	border-right: 1px solid #192b5b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#headerCautionText{
	padding:5px 0 5px 10px;
	background:#eee;
}

#headerCautionText a{
	display:block;
	position:relative;
	color:#d10912;
	font-size:16px;
    padding: 10px 30px 10px 0;
	line-height:1.5em;
}

#headerCautionText a:after{
	position: absolute;
	width: 8px;
	height: 8px;
	top:0;
	bottom:0;
	right:12px;
	margin:auto;
	content:"";
	vertical-align: middle;
	border-top: 2px solid #d10912;
	border-right: 2px solid #d10912;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#headerPickup{
	height:30px;
	border-top:1px solid #eee;
	background:#ddd;
	font-size:12px;
	line-height:30px;
}

#headerPickup dt{
	position:relative;
	float:left;
	width:68px;
}

#headerPickup dt span{
	display:block;
	width:58px;
	float:left;
	box-sizing:border-box;
	text-align:center;
	background:#999;
	color:#fff;
}

#headerPickup dt:after{
	display: block;
	box-sizing: border-box;
	float: right;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 10px;
	border-color: transparent transparent transparent #999;
}

#headerPickup dd{
	float:left;
	padding-left:8px;
}

#headerPickup dd li{
	display:inline-block;
}

#headerPickup dd li:after{
	display:inline-block;
	content: "|";
	margin:0 8px;
}

#headerPickup dd li:last-child:after{
	display:none;
}

#headerPickup dd a{
	color:#505050;
}

#headerPickup dd a.blank:after{
	display: inline-block;
	content: "";
	width: 12px;
	height: 8px;
	margin-left: 3px;
	background: url("/v2/smartphone/img/cmn/blankIconBlue.png") no-repeat;
	background-size: 100%;
}

#headerForm {
    position: relative;
    padding: 10px 0;
    box-sizing: border-box;
    margin: 0 auto;
}


#headerTop + #headerForm{
	border-top:1px solid #fff;
}

#searchFormWrapper {
    margin: 0 auto;
    width: 98%;
    height: 40px;
	position: relative;
}

#headerSelectWrapper{
	position: relative;
	float:left;
	width:115px;
	box-sizing:border-box;
	overflow: hidden;
}

#headerSelectWrapper span{
	position: relative;
	display:block;
	width:100%;
	height:40px;
	border-radius:4px 0 0 4px;
	padding:0 10px;
	box-sizing:border-box;
	background:#fff;
	font-size:10px;
	line-height:40px;
}

#headerSelectWrapper span:after{
	position: absolute;
	width: 6px;
	height: 6px;
	top: -4px;
	right:12px;
	bottom: 0;
	margin:auto;
	content:"";
	vertical-align: middle;
	border-top: 1px solid #192b5b;
	border-right: 1px solid #192b5b;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

#where{
	position:absolute;
	top:0;
	left:0;
	width:115px;
	height:40px;
	opacity: 0;
	filter: alpha(opacity=0);
}

#headerSearchKey {
    background: #fff;
    border: 0;
    border-left: 1px solid #1b2b5b;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0 5px;
    width: calc(100% - 155px);
}


#headerSearchSubmit {
    background-color: #fff;
    border: none;
    border-radius: 0 4px 4px 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 18px;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 38px;
}

.iconGol_search::before{
    color: #000;
	content: "\e916";
	display: block;
    font-size: 18px;
    padding: 12px 10px;
}
.iconGol_search{
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}



#storeInfo .mainMenu {
	border-top: 1px solid #ccc;
}

#storeInfo .mainMenu li a,
#campaignMenu .mainMenu li a {
	display:  block;
	position:  relative;
	padding: 15px 10px;
	border-bottom:  1px solid #ccc;
	font-size: 12px;
	line-height:  1;
	text-decoration:  none;
	color:  #192b5b;
}

#storeInfo .mainMenu li a::after,
#campaignMenu .mainMenu li a::after {
	position: absolute;
	width: 8px;
	height: 8px;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	content: "";
	vertical-align: middle;
	border-top: 1px solid #192b5b;
	border-right: 1px solid #192b5b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#storeInfo .mainMenu li a {
	position: relative;
	padding: 15px 36px;
}

#storeInfo .mainMenu li a::before {
	color: #192b5b !important;
	font-family: icomoon;
	font-size: 18px;
	left: 10px;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}

#campaignMenu .mainMenu #campaignMenuNothing a{
	color:#666666;
	pointer-events: none;
}

#campaignMenu .mainMenu #campaignMenuNothing a::before{
	color:#666666 !important;
}

#campaignMenu .mainMenu #campaignMenuNothing a::after{
	display:none;
}

#storeInfo .mainMenu #storeMenuNothing a{
	color:#666666;
	pointer-events: none;
}

#storeInfo .mainMenu #storeMenuNothing a::before{
	color:#666666 !important;
}

#storeInfo .mainMenu #storeMenuNothing a::after{
	display:none;
}

#storeInfo .mainMenu li a#storeMenuSaleCampaign::before {
	content: "\e948";
}

#storeInfo .mainMenu li a#storeMenuMovieFeature::before {
	content: "\e918";
}

#storeInfo .mainMenu li a#storeMenuGameFeature::before {
	content: "\e906";
}

#storeInfo .mainMenu li a#storeMenuPickup::before {
	content: "\e94b";
}

#storeInfo .mainMenu li a#storeMenuRanking::before {
	content: "\e94c";
}

#storeInfo .mainMenu li a#storeMenuRelease::before {
	content: "\e949";
}

#storeInfo .mainMenu li a#storeMenuStoreBuy::before {
	content: "\e94a";
}

#storeInfo .mainMenu li a#lstoreMenuStoreSearch::before {
	content: "\e914";
}

#storeInfo .myshop {
	padding: 10px;
	background: #eee;
	color: #333;
}

#storeInfo .myshop li {
	font-size: 12px;
	font-weight: bold;
}

#storeInfo .myshop li:first-child {
	display: block;
	margin: 0 0 5px 0;
}

#storeInfo .myshop li a {
	display:  inline-block;
	position: relative;
	max-width: 260px;
	padding: 0 12px 0 0;
	overflow: hidden;
	font-weight: normal;
	color: inherit;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#storeInfo .myshop li a::after {
	content: '';
	position: absolute;
	display: block;
	width: 5px;
	height: 5px;
	top: 50%;
	right: 2px;
	margin: -3px 0 0;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* header Stock */
#stock input[type="text"] {
	width: 96%;
	margin: 0 2%;
	padding: 2.5% 21% 2.5% 4%;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 15px;
}

#stock input[type="submit"] {
	float: right;
	width: 35px;
	height: 38px;
	margin: -38px 2% 0 0;
	background: url(/v2/smartphone/img/cmn/search.png) center no-repeat;
	background-size: 60% auto;
	border: none;
	border-radius: 0 4px 4px 0;
	text-indent: -9999px;
}

#suggest {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
	top: 40px;
    z-index: 2;
    right: 0;
    width: calc(100% - 115px);
	overflow: hidden;
}
#suggest li a {
    display: block;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    line-height: 30px;
    text-decoration: none;
}
#suggest div {
    padding: 1px;
    display: block;
    width: 350px;
    overflow: hidden;
    white-space: nowrap;
    font-size:10pt;
}
#suggest div.select{
    color: #FFFFFF;
    background-color: #3366FF;
}
#suggest div.over{
    background-color: #99CCFF;
}
#suggest div p{
  margin:0px;
}
#p_1.over{
  background-color: #99CCFF;
}
#p_2.over{
  background-color: #99CCFF;
}
#suggest_h {
    position: absolute;
    top: 58px;
    width: 100%;
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#suggest_h div,
#suggest_h li {
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#suggest_h div.select{
    color: #FFFFFF;
    background-color: #3366FF;
}
#suggest_h div.over{
    background-color: #99CCFF;
}
#suggest_h div p{
  margin:0px;
}
#ph_1.over{
  background-color: #99CCFF;
}
#ph_2.over{
  background-color: #99CCFF;
}

#suggest_h .suggestText a{
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
}

#suggest_h .historyNone {
    color: #192b5b;
    font-size: 14px;
    text-align: center;
    margin: 30px 0;
}

#suggest_h .historyHead {
    background:#192b5b;
    color: #fff;
    font-size: 14px;
    padding: 10px;
}

#suggest_h .historyClear {
    color: #192b5b;
    display: block;
    font-size: 14px;
    margin: 15px 0;
    text-align: center;
}

#suggest_h .historyText {
    display: block;
    background: url(/v2/smartphone/img/store/iconHistory.png) 10px center/auto 15px no-repeat;
    line-height: 34px;
    overflow: hidden;
    padding: 0 34px 0 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    color: #000;
}

#suggest_h .historyDelete {
    background: url(/v2/smartphone/img/store/iconDelete.png) center/14px auto no-repeat;
    display: block;
    float: right;
    height: 34px;
    margin: -34px 0 0 0;
    text-indent: -9999px;
    width: 34px;
}

/*在庫検索スクロール調整用*/
.windowFixed {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: -1;
}

/* footer */
#footerLink{
	padding:20px 10px;
	background:#eee;
	font-size:12px;
}

#footerLink li{
	display:inline-block;
	margin:0 25px 15px 0;
}

#footerLink a{
	color:#666;
	padding: 7px 0;
	text-decoration:none;
}

#footerLink ul li > a{
	color:#666 !important;
}

#footerLink ul:nth-child(even){
	border-top:1px solid #ccc;
	padding-top:10px;
}

#footerLink .blank:after{
    content: "\e921";
    display: inline-block;
    font-family: icomoon;
    font-size: 12px;
    margin-left: 3px;
}

#footerRelationService{
	padding:20px 10px;
	background:#333;
}

#footerRelationService dt{
	margin-bottom:12px;
	color:#fff;
	font-size:15px;
}

#footerRelationService dt:after{
    content: "\e921";
    display: inline-block;
    font-family: icomoon;
    font-size: 18px;
    margin-left: 3px;
}

#footerRelationService dd{
	float:left;
	width:50%;
	box-sizing:border-box;
}

#footerRelationRight{
	padding-left:10px;
	border-left:1px solid #999;
}

#footerRelationService li{
	margin-bottom:12px;
}

#footerRelationService ul li:last-child {
    margin-bottom: 0;
}

#footerRelationService a{
	display: block;
	font-size:12px;
	line-height:1.3em;
	color:#fff;
	text-decoration:none;
}

#footerRelationService a small{
	display:block;
	font-size:11px;
	color:#ccc;
	margin: 3px auto 0;
}

#footerRelationService dd.footGroupLink {
    clear: both;
    margin: 12px auto 0;
    text-align: center;
    width: 100%;
}

#footerRelationService dd.footGroupLink a {
    font-size: 15px;
    text-decoration: underline;
}

#copyright{
	display:block;
	height:50px;
	box-sizing:border-box;
	padding-top:10px;
	font-size:11px;
	line-height:1.5em;
	color:#666;
	text-align:center;
}

#pagetopBtn{
	position:fixed;
	display:block;
	bottom:50px;
	right:0;
	width:50px;
	height:50px;
	background:#192b5b;
	z-index: 2;
}

#pagetopBtnInner{
	position:relative;
	display:block;
	width:22px;
	height:13px;
	top:18px;
	left:14px;
	background:url("/v2/smartphone/img/cmn/pagetopArrow.png") no-repeat;
	background-size:100%;
}

/* footer breadClumb */
#footerBreadClumb,
#breadClumb.-breadArrow{
	font-size: 14px;
	margin: 20px auto 15px;
	padding: 0 10px;
	line-height: 1.6em;
}

#footerBreadClumb.-simpleFooterBC{
	padding: 0 55px 0 10px;
}

#footerBreadClumb li,
#breadClumb.-breadArrow li{
	color: #666;
	display: inline !important;
	padding-left: 15px;
	position: relative;
	vertical-align: middle;
	word-wrap: break-word;
	word-break: break-all;
}

#breadClumb.-breadArrow.-smallFont li{
	font-size: 11px;
	padding-left: 14px;
}

#footerBreadClumb li h1,
#breadClumb.-breadArrow li h1{
	display: inline;
}

#footerBreadClumb li:before,
#breadClumb.-breadArrow li:before{
	position: absolute;
	content: "";
	top: 6px;
    left: 0;
	margin: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#breadClumb.-breadArrow.-smallFont li:before{
	top: 5px;
    width: 5px;
    height: 5px;
}

#footerBreadClumb li:first-child,
#breadClumb.-breadArrow li:first-child{
	padding: 0;
}

#footerBreadClumb li:first-child:before,
#breadClumb.-breadArrow li:first-child:before{
	display: none;
}

#footerBreadClumb li a,
#breadClumb.-breadArrow li a {
	color: #192b5b;
	display: inline !important;
	text-decoration: none;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

#footerBreadClumb li a:hover,
#breadClumb.-breadArrow li a:hover {
	text-decoration: underline;
}

/* viewport640用 */
.viewport640 header{
	margin-top:85px;
}

.viewport640 #headerTop,
.viewport640 #headerTop a{
	height:85px;
}

.viewport640 #headerTop h1,
.viewport640 #headerTop h1 a{
	width:114px;
}

.viewport640 #simple #headerTop,
.viewport640 #simple #headerTop a{
	height:68px;

}

.viewport640 #simple #headerTop h1,
.viewport640 #simple #headerTop h1 a{
	width:229px;
}

.viewport640 #headerServiceBtn,
.viewport640 #headerInfoBtn,
.viewport640 #headerMyPageBtn,
.viewport640 #headerStockBtn,
.viewport640 #headerCartBtn{
	width:85px;
}

.viewport640 .headerBtn{
	width:603px;
	height:68px;
	margin:17px;
	font-size:24px;
	line-height:68px;
}

.viewport640 #headerBtm a{
	display:block;
	width:297px;
	height:76px;
	border-radius:7px;
	font-size:27px;
	line-height:76px;
	text-align:center;
	color:#000;
	text-decoration:none;
	justify-content: space-between;
}

.viewport640 #infoBadge{
	position:absolute;
	top:9px;
	right:9px;
	display:block;
	width:27px;
	height:27px;
	border-radius:14px;
	background:#d10912;
	color:#fff;
	font-size:15px;
	line-height:27px;
	text-indent:0;
	text-align:center;
}

.viewport640 .headerClose{
	height:68px;
	background-size:81px 19px;
}

.viewport640 #service{
	top:85px;
	left:-510px;
	width:510px;
}

.viewport640 #service li a,
.viewport640 #myPage li a,
.viewport640 #cart li a,
.viewport640 #info li a{
	padding:17px;
	font-size:20px;
	line-height:1.5em;
}

.viewport640 #myPage li a small,
.viewport640 #cart li a small,
.viewport640 #info li a small{
	font-size:18px;
}

.viewport640 .menuIcon,
.viewport640 .openMenu{
	padding-left:43px;
	background-size:34px auto;
	background-position:17px center;
}

.viewport640 #qaBtn{
	width:476px;
	height:68px;
	font-size:20px;
	line-height:68px;
	background-position:127px center;
	background-size:34px;
}


.viewport640 #footerLink{
	padding:37px 17px;
	font-size:20px;
}

.viewport640 #footerLink li{
	margin:0 42px 17px 0;
}

.viewport640 #footerLink ul:nth-child(even){
	border-top:1px solid #ccc;
	padding-top:17px;
}

.viewport640 #footerRelationService{
	padding:34px 17px;
}

.viewport640 #footerRelationService dt{
	margin-bottom:20px;
	font-size:25px;
}

.viewport640 #footerRelationService dt:after{
	width:30px;
	height:17px;
	margin-left:5px;
	background-size:100%;
	vertical-align: middle;
}

.viewport640 #footerRelationRight{
	padding-left:17px;
}

.viewport640  #footerRelationService li{
	margin-bottom:8px;
}

.viewport640 #footerRelationService a{
	font-size:20px;
	line-height:1.3em;
}

.viewport640 #footerRelationService a small{
	font-size:18px;
}

.viewport640 #copyright{
	height:68px;
	padding-top:17px;
	font-size:18px;
	line-height:1.5em;
}

.viewport640 #pagetopBtn{
	bottom:68px;
	width:68px;
	height:68px;
}

.viewport640 #pagetopBtnInner{
	width:37px;
	height:22px;
	top:24px;
	left:16px;
}

.errorWrapper {
	margin: 0 auto 10px;
	font-size:  12px;
	color:  #f00;
}

.cmn_maintitle {
	background: #eee;
	color:  #192b5b;
	font-size:  16px;
	font-weight:  bold;
	padding: 15px 10px;
	line-height: 1.3;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.cmn_maintitle.orange_line {
	border-bottom: solid 4px #ff9900;
	color: #333;
}

.cmn_subtitle {
	margin: 0 0 10px 0;
	color:  #192b5b;
	font-weight:  normal;
	font-size:  16px;
}

.cmn_subtitle_bar {
	background:  #192b5b;
	padding: 3px 20px;
	color:  #fff;
	font-size:  14px;
	font-weight:  normal;
}

.cmnBtn {
	display:  block;
	text-decoration:  none;
	font-size: 14px;
	line-height:  44px;
	text-align:  center;
	border: none;
	border-radius:  4px;
	position:  relative;
}

.cmnBtn.navy {
	background: #192b5b;
	border: 1px solid #192b5b;
	color: #fff;
}

.cmnBtn.navy:disabled {
	background: #DDDDDD;
	border: 1px solid #DDDDDD;
	pointer-events: none;
}

.cmnBtn.white {
	background:  #fff;
	border: 1px solid #192b5b;
	color: #192b5b;
}

.cmnBtn.cursorR::before {
	content: '';
	display:  block;
	position:  absolute;
	width:  10px;
	height:  5px;
	background:  url('/v2/smartphone/img/cmn/arrowWhite.png') no-repeat;
	background-size:  100% auto;
	top: 50%;
	right: 7px;
	margin:  -2px 0 0 0;
	transform:  rotate(90deg);
    -webkit-transform:  rotate(90deg);
}

.backBtn {
    border: 1px solid #192b5b;
    border-radius: 4px;
    color: #192b5b;
    display: block;
    font-size: 14px;
    line-height: 44px;
    margin:  0 auto;
    position:  relative;
    text-align: center;
    text-decoration: none;
    width: calc(100% - 30px);   
}

.backBtn::after {
    position: absolute;
    width: 9px;
    height: 9px;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    border-bottom: 1px solid #192b5b;
    border-left: 1px solid #192b5b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* icon modal */
#iconInfo {
	margin-top: -10px;
}

#iconInfo .iconModalOpen {
	text-align: right;
}

#iconInfo .iconModalOpen button {
	margin: 0 5px;
	width: 112px;
	height: 40px;
	border: none;
	background: none;
}

#iconInfo .iconModalOpen button span {
	position: relative;
	padding: 10px 0 10px 20px;
	color: #192b5b;
}

#iconInfo .iconModalOpen button span::before {
	content: "\e930";
	color: #192b5b;
	font-family: icomoon;
	font-size: 17px;
	left: 0;
	line-height: 1.8em;
	position: absolute;
	top: 50%;
	transform: translate(-5%, -50%);
}

#iconInfo .iconModal {
}

#iconInfo .iconModal.iconModalOverlay {
	display: none;
}

#iconInfo .iconModal.iconModalOverlay.iconViewOpen {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;

	background: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
}

#iconInfo .iconModalWindow {
	width: 80%;
	background: #fff;
	border: none;
	overflow: hidden;
	padding: 20px;
	border-radius: 10px;
}

#iconInfo .iconModalContent {
	text-align: center;
}

#iconInfo .iconModalContent h3 {
	margin: 0 0 20px;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}

#iconInfo .iconModalContent p {
	font-size: 12px;
	color: #666666;
	padding: 10px 0;
	text-align: left;
}

#iconInfo .iconModalContent .caution {
	color: #192b5b;
	font-size: 24px;
	margin: 20px 0 10px;
}

#iconInfo .iconModalContent a.arrow-link,
#iconInfo .iconModalContent button.arrow-link {
	color: #192b5b;
}

#iconInfo .iconModalContent button.arrow-link::after {
	border-left: 4px solid #192b5b;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	content: '';
	display: inline-block;
	height: 4px;
	width: 4px;
}

#iconInfo .iconModalContent .arrow-link::before {
	border-left: 4px solid #192b5b;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	content: '';
	display: inline-block;
	height: 4px;
	margin: 0 4px 0 0;
	width: 4px;
}

#iconInfo .iconModalContent a:link {
	color: #192b5b;
	text-decoration: none;
}

#iconInfo .iconModalFooter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 10px auto;

	-ms-flex-pack: distribute;
	justify-content: space-around;
}

#iconInfo .iconModalFooter button {
	cursor: pointer;
	height: 40px;
	width: 120px;
}

#iconInfo .iconModalFooter button:hover {
	opacity: .7;
	text-decoration: none!important;
}

#iconInfo .iconModalFooter button.negative {
	color: #192b5b!important;
	background: #fff;
	border: 1px solid #ddd;
}

#iconInfo .iconModalFooter button.positive {
	color: #ffffff!important;
	background: #192b5b;
	border: none;
}

#iconInfo .iconModalFooter .closePoint {
	cursor: pointer;
	display: inline-block;
	height: 12px;
	position: relative;
	margin-right: 2px;
	width: 12px;
}

#iconInfo .iconModalFooter .closePoint::before,
#iconInfo .iconModalFooter .closePoint::after {
	background: rgb(25, 43, 91);
	content: '';
	display: block;
	height: 16%;
	left: 50%;
	margin: -8% 0 0 -42%;
	position: absolute;
	top: 50%;
	width: 84%;
}

#iconInfo .iconModalFooter .closePoint::before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

#iconInfo .iconModalFooter .closePoint::after {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#iconInfo .iconModalContent p.iconList {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0px 0 20px;
	padding: 10px 0 10px;
}

#iconInfo p.iconList span.mediaIcon {
	position: relative;
	padding: 10px 0 10px 20px;
	-webkit-box-flex: 2.8;
	-webkit-flex: 28%;
		-ms-flex: 28%;
			flex: 28%;
}

#iconInfo p.iconList span.mediaIcon::before {
	color: #192b5b;
	font-family: icomoon;
	font-size: 17px;
	left: 0;
	line-height: 1.8em;
	position: absolute;
	top: 50%;
	transform: translate(-5%, -50%);
}

#iconInfo p.iconList span.mediaIcon.game::before {
	content: "\e906";
}

#iconInfo p.iconList span.mediaIcon.dvd::before {
	content: "\e918";
}

#iconInfo p.iconList span.mediaIcon.cd::before {
	content: "\e919";
}

#iconInfo p.iconList span.mediaIcon.mobile::before {
	content: "\e908";
}

#iconInfo p.iconList span.mediaIcon.comic::before {
	content: "\e905";
}

#iconInfo p.iconList span.mediaIcon.movie::before {
	content: "\e903";
}

#iconInfo p.iconList span.mediaIcon.kaden::before {
	content: "\e91a";
}

#iconInfo p.iconList span.mediaIcon.pc::before {
	content: "\e91b";
}

b.cmnBold {
     font-weight: bold;
}

.store_new_info {
    border-top: 1px solid #192b5b;
    padding:  0 20px;
}

.store_new_info.-top {
    margin:  0 auto 20px;
}
.store_new_info.-search {
    margin:  0 auto 50px;
}

.store_new_title {
	color: #192b5b;
    border-bottom: 1px solid #ddd;
    line-height: 1.5;
}

.-top .store_new_title {
    font-size: 14px;
    line-height: 1.5;
    padding: 21px 0 11px;
}
.-store .store_new_title{
    line-height: 1.6;
    padding: 17px 0 8px;
}
.-search .store_new_title {
    font-size: 15px;
    line-height: 1.3;
    padding: 20px 0 11px;
}

.store_new_link {
	border-bottom: 1px solid #ddd;
    color: #0068B7;
    font-size: 12px;
    line-height: 1.5;
    padding: 7px 0;
}

.store_new_link a {
    color: inherit;
    text-decoration: none;
}

.store_new_mark {
	background: #fed600;
    color: #192b5b;
    display: inline-block;
    width: 33px;
    height: 14px;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
}