@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 common.css

+++++++++++++++++++++++++++++++ */
a {
    text-decoration: none;
}
a.link {
    color:#0D62C1;
    text-decoration: underline;
}
a:hover,
button:hover {
    text-decoration: none;
}	

/* reset */
table { border-collapse: collapse; }

#cboxLoadedContent
/* headline */
h1, h2, h3, h4, h5 {
    font-size: 14px;
}

#cartAddFinish h1{/*商品詳細-カゴ追加後モーダル見出し*/
	font-size: 1.5em;
	text-align: center;
	color: #000;
	font-weight: normal;
	background: #e8e8e8;
	padding: 10px 0 10px;
	width: 100%;
	margin: 0 auto;
}


/* layout */
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font:500 13px/1.0 "Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    color: #333;
    -webkit-text-size-adjust: 100%; /* Android対策 */
    line-height: initial;
}


/*newyaer_bg
    background: URL('https://www.happinetonline.com/ec/ec/images/common/newyear/newyear2020.png') no-repeat center 50px;
    background-attachment: fixed;
*/

/*xmas_bg
    background: URL('https://www.happinetonline.com/ec/ec/images/common/xmas_mainbg.jpg') repeat-y center 50px;
*/

/*bligandaine*/
div#bigbnr {
    display: block;
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0 0;
}

.mdc10 div#bigbnr {
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}

.mdc10 div#bigbnr a:hover {
    opacity: 0.8!important;
}

a.makersite img {
	width: 87%;
	margin: 10px auto 0;
	display: block;
}

/*bligandaine*/
#bg_wgrade {
    background: URL('https://www.happinetonline.com/ec/images/common/bg_whitegrade.png') repeat-y 0 0;
    background-position: center 0;
    background-size: cover;
    width: 1270px;
    margin: 0 auto;
    background-size: auto;
    padding: 20px 0 0;
}

/*　ゲームの背景に画像を入れたいときはこちらを参照　*/
/* Black BG*/
/*
#detailBody.mdc13.brig {
    background: URL('https://www.happinetonline.com/ec/images/banner/game/brigandine/bg5.jpg') no-repeat 0 0 #000;
    background-position: center -200px;
    background-attachment: fixed;
    background-size: cover;
}

	a.youtubelogo {
	    bottom: 10px;
	    position: absolute;
	    right: 10px;
	    z-index: 1;
	}

	#bigbnr a.makersite {
	    display: block;
	    margin: 0 auto;
	    box-shadow: #1a08a2 2px 10px 33px;
	    transition: all 0.3s ease;
	}

	#bigbnr a.makersite:hover {
	    box-shadow: #FF1E3C 0 0px 50px;
	    position: relative;
	    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	    position: relative;
	}

	#bigbnr+main>section.subbnr>div#bnr13{
	    margin: 30px 0 0 0!important;
	}
	 
/*bligandaineここまで*/
*/







/*ul*/
ul{ list-style:none;}
ul.decimal{ list-style:decimal;}
ul.decimal_plus{padding:0 0 0 10px;}

#header_notice,
h1, h2, h3, h4,
#product p,
.box_agree div,
.box_agree .rule,
.box_message,
.form p,
#inquiry p,
#guide p,
.button { max-height: 100%; } /* Android対策 */
#cboxLoadedContent


.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}



/*CUSTOM*/
/*http://paletton.com/#uid=72V0H0k-0EwkuJjqgFVECsiGTm5*/
.fc_rd{ color:#FF2300;}
.fc_bl{ color:#0D62C1;}
.fc_yl{ color:#d6b32c;}
.fc_gr{ color:#2a8c48;}
.fc_pnk{color:#d54c58;}

.bg_rd{ background:#FF2300;}
.bg_pnk{background:#d54c58;	/*red*/}
.bg_bl{background:#0d62c1; /*blue*/}
.bg_gr{background:#2a8c48;	/*green*/}
.bg_yl{background:#d6b32c;	/*yellow*/}


.radius3{border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.radius4{border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.radius5{border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.radius8{border-radius: 8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.radius_circle{border-radius: 40px; -webkit-border-radius:40px; -moz-border-radius:40px;}


/*header
-----------------------------------*/

header.global {
	width:100%;
	/*background:#104888;
	padding-top:3px;*/
	}
	

/*xmasbg set out20191129
header.cartflow {
	background:#FFF;
	}
*/

header.global ul {
    margin: 0;
    padding: 0;
    list-style:none;
}
/* モール共通ヘッダ */
#global_header {
	background:#0D62C1;
	min-width:1200px;/*必須 背景調整用*/
	padding:8px 20px 10px;
	}
	
.global.cartflow  #global_header { /*cartflow*/
	background:#FFF;
	border-bottom: 6px #0D62C1 solid;
	padding:0 20px 10px;
	
	}

.global .inc_headalart{
	width: 440px;
	height:24px;
    float: left;
    margin: 10px;
    padding: 0;
	display:block;
}

.global.cartflow .inc_headalart{
	display:none;	
}

.cartflow #global_header ul { /*Cart flow header*/
	float:right;
}

/*#global_header li { float: left; }*/

#global_header .current {
    padding: 10px;
    background: #fff;
}

#global_header a.login {
    padding: 10px;
    color: #fff;
}


#global_header a:hover {
    /*background: #666;*/
    filter:alpha(opacity=100);
    opacity: 1;
}

/*ヘッダPR include*/
.inc_headpr{ 
    height: 24px;
    background: #c30000;
    margin: 0;
    padding: 3px 10px;
    display: none;/*解除*/
    color: #FFF;
}




/* ショップ固有ヘッダ */
header.global > .inner {
    position: relative;
	width:100%;
    /*width: 1200px;*/
    margin: 0 auto;
}



#logo {
    float: left;
    margin: 0;
    padding:0;
    font-size: 8px;
	line-height:100%;
    width: 190px;
    margin-right: -190px;
	position:relative;
	z-index:9999;	
}


/*ヘッダロゴ*/

.global #global_header #logo a img {
 width: 105px;
    height: auto;
    margin: 0 0 0 33px;

}


.global #logo span{
    display: block;
    margin: 3px 0 8px 0;
    font-size: 8px;
    color: #FFF;
    background: linear-gradient(to bottom, #ff911f 55%,#ff5c0e 45%);
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    line-height: 190%;
    text-align: center;
    font-weight: normal;
    padding: 0 0 0 3px;
}



.global.cartflow #logo span{display:none;}

#nav_guide a{
	color:#FFFFFF!important;
	text-decoration:underline;
	}

#nav_guide a:hover{
	text-decoration:none;
	}

#nav_guide li {
    font-size: 13px;
    line-height:160%;
	}

#nav_guide .user br {
    display: none;
}

.forpc #nav_guide li section.inc_headservice_detail{
    display: block;
    width: 850px!important;	
}


#nav_guide li:after {
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 10px;
    /*background: url(../frame/images/common/line_dot_v.png) repeat-y left top;*/
    vertical-align: middle;
    content: " ";
}

#nav_guide .user:not(.hpoint):before { content:"ようこそ！ ";}

#nav_guide .user strong{
	font-size:13px;
	padding: 0 5px;
	}

#nav_guide .hpoint {
    line-height: 15px!important;
    margin: 0;
    padding: 0;
    font-size: 13px!important;
    }




#nav_guide .hpoint strong {
	font-size:13px;
	color:#FFCC00;
	}


/* ユーティリティ */
#header_utility {
	float: left;
    /*width: 470px !important;*/
    margin:32px 0 0;
    padding: 0;
	}

#header_utility.head_subnavi_style.scrollfixed_subhead{
    margin: 17px 0 0!important;
    width: 480px;
    }

#header_utility.head_subnavi_style.scrollfixed_subhead li a span {
    font-size: 20px;
    line-height: 35px;
    display: block;
}

#header_utility.head_subnavi_style.scrollfixed_subhead li a span span{
	line-height: 19px;
}


.forpc #header_utility {
	margin:30px 0 0 0!important; 	
}


/*カートフロー非表示設定*/
.global.cartflow #logo { /*Cartflow header*/
    padding-top:10px;
}
.global.cartflow #logo img{ /*Cartflow header*/
	height:40px;
	margin-left:15px;
}

.global.cartflow #header_utility {/*購入フローヘッダ用*/
	display:none;}
	
.global.cartflow .inner{/*Cartflow header*/
	display:none;}


#header_utility > li {
	 float: right;
    width: 70px;
    position: relative;
    padding: 0;
    text-align: center;
    line-height: 157%;
    background: #2e7cd4;
    margin-right: 3px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#header_utility > li:nth-child(1) {
	margin:0px;
}

#header_utility > li:hover {
	background:none;
}

.global.cartflow #header_utility > li {/*購入フロー*/
	width:100px; }

#header_utility > li > a {
    display: block;
    padding: 1px 0 5px 0;
    font-size:11px;
    line-height:100%;
    color:#FFF;
    text-decoration:none;
    /*    background: #cd3333;
    color: #fff;
    text-align: center;*/
}


/*アンカー調整*/
.anchor {
  margin-top: -80px;
  padding-top: 80px;
}


.head_subnavi_style li a:hover{
 text-shadow: 1px 1px 3px #AAA;
 opacity:1.0!important;

}
	
.global .head_subnavi_style li a span{
	font-size: 20px;
	line-height: 35px;
	display: block;
	}

.global.cartflow #header_utility > li > a {
	font-size:120%;
	line-height:100%;
}


#header_utility > li > a:before {
    display: inline-block;
    margin-right: 5px;
    vertical-align: -5px;
}
/*#header_utility > li > a:hover {
    filter:alpha(opacity=60);
    opacity: 0.6;
}
*/

/*#header_registration:before { content: url(../frame/images/common/ico_header_registration.png); }
#header_mypage:before { content: url(../frame/images/common/ico_header_mypage.png); }
#header_login:before { content: url(../frame/images/common/ico_header_login.png); }
#header_logout:before { content: url(../frame/images/common/ico_header_logout.png); }
#header_cart:before { content: url(../frame/images/common/ico_header_cart.png); }
*/

#header_utility .box_wrap {
    position: absolute;
    top: 48px;
	width:225px;
    left: -80px;
    display: none;
    padding: 10px;
    border: 3px solid #cda333;
    background: #fff;
    z-index: 1001;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;	
	box-shadow: 2px 3px 0px #EEE;

}
/* ユーティリティ_カート */
#header_utility .message {
	display:none;/*CST*/
    margin: 0 0 10px;
    padding: 10px 0;
    background: #fcf2f2;
    color: #c00000;
    text-align: center;
}
#header_utility table {
    width: 100%;
    margin: 0  0 10px;
    border-top: 1px solid #dcdcdc;
}
#header_utility td {
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
}
#header_utility .quantity {
    width: 65px;
    background :#f2f2f2;
    text-align: center;
}
#header_utility .label {
    padding-right: 10px;
    text-align: right;
	font-size:10px;
}
#header_utility .total {
    padding-right: 10px;
    width: 100px;
    text-align: right;
}
#header_utility td strong {
    font-size: 18px;
    font-weight: normal;
	color:#FF2300;
}
#header_utility .button {
    display: block;
    width: 90%	px;
    margin: 0 auto;
    padding: 10px 0 !important;
}

/*#header_utility #header_cart + .box_wrap a.button { background: #cd3333; }*/

/* ユーティリティ_マイページ */
#header_utility .rank {
    margin: 0 0 10px;
    padding: 4px 0;
    background: #444;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

#header_utility .name {
    text-align: center;
    font-size: 10px;
}
#header_utility .name b {
    margin-right: 5px;
    font-size: 10px;
}
#header_utility .header_mypage_list {
    margin-bottom: 10px;
    border-top: 1px solid #dcdcdc;
}
#header_utility .header_mypage_list li {
    border-bottom: 1px solid #dcdcdc;
}
#header_utility .header_mypage_list a {
    position: relative;
    display: block;
    padding: 15px 10px;
    background: #f2f2f2;
    font-size: 14px;
}
#header_utility .header_mypage_list a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 8px;
    height: 15px;
    margin-top: -7px;
    background: url(../frame/images/common/ico_arrow_r.png) no-repeat left top;
    content: " ";
}
#header_utility .header_mypage_list a:hover { background: #dcdcdc; }


	
/*****ここから****/
	.global.cartflow .head_subnavi_style li:nth-child(1),
	.global.cartflow .head_subnavi_style li:nth-child(4),
	.global.cartflow .head_subnavi_style li:nth-child(3){
    display:none;
	}
	
/*.head_subnavi_style li:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
    border-right:none;
	}
*/


	
	


.global.cartflow .head_subnavi_style li a span{
	font-size:15px;
	line-height:0;
	margin-right:5px;
	display: inline;
	}


/****ここまで***/

















/* 検索 */
#header_search, #nav_guide { /*ヘッダ中間 マージン*/
    position: relative;
    margin: 6px 410px 0 200px;
    padding: 0;
}

.forpc #header_search, #nav_guide {/*FOR PC*/
   margin: 2px 410px 0 200px;
}


#header_search select,
#header_search input {   float: left;}
#header_search select { margin-top: 5px;}

#header_search input[type=text] {
    box-sizing: border-box;
    width: 268px;
    height: 30px;
    margin-left :10px;
    padding: 5px 15px 4px;
    /*border: 1px solid #dcdcdc;*/
    line-height: 19px;
	outline: 0;
    outline-width: 0;
    padding: 4px 60px 4px 12px;
    line-height: 160%;
    vertical-align: baseline;
    border: none;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;  
}

#header_search input[type=text]:focus {
    background: #f9f7e4;
    box-shadow: 0 0 3px 2px rgba(228,121,17,.5);
}


#header_search #suggest {
    position: absolute;
    top: 60px;
    left: 0;
    width: 508px;
    border: 1px solid #dcdcdc;
    background: #fff;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    z-index: 999;
}
#header_search #suggest ul{ width:100%;}
#header_search #suggest li{ float:none;!important}
#header_search #suggest a {
	display: block;
    padding: 5px 10px 4px;
    font-size: 16px;
    color: #a5a5a5;
}
#header_search #suggest a:hover { background: #e2e7e8; }

/* ナビゲーション */
header.global nav {
    /*position: absolute;;*/
    clear: left;
    overflow: visible;
    width: 100%;
	font-size: 13px;

}
header.global nav .title {
	position: relative;
    width: 150px;
    margin: 0;
    padding: 10px 20px 10px 15px;
    background: #444;
    color: #fff;
    /* font-weight: bold; */
    cursor: pointer;
}

header.global nav .title:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 16px;
    height: 9px;
    margin-top: -4px;
    background: url(../frame/images/common/ico_arrow_w_d.png) no-repeat left top;
    content: " ";
}
header.global .primary {
    position: absolute;
    top: 28px;
    /*display: none;*/
    background: #444;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    z-index: 100;
}
header.global .primary > li {
    position: relative;
    width: 300px;
    margin: 5px 0 5px 5px;
	float:none !important;
}
header.global .primary > li > a {
    display: block;
    padding: 8px 25px 7px 5px;
    color: #fff;
}

header.global .primary > li:hover  > a{
    background: #e2e7e8;
    color: #333;
    filter:alpha(opacity=100);
    opacity: 1;
}
header.global .secondary {
    position: absolute;
    top: 0;
    left: 300px;
    display: none;
    width: 300px;
    background: #e2e7e8;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
	float:none !important;

}

header.global .secondary > li{
	float:none !important;
}

header.global .secondary > li > a{
	color:#333;
}

header.global .primary > li:hover .secondary {
    display: block;
    background: #e2e7e8;
}
header.global .secondary a {
    display: block;
    background: #e2e7e8;
	color:#333;
    padding: 8px 20px 7px 10px;
}
header.global .secondary a:hover { background: #fff; }

header.global  nav  a { position: relative; }
header.global .primary > li  a:after,
header.global .primary > li:hover  a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 8px;
    height: 15px;
    margin-top: -7px;
    background: url(../frame/images/common/ico_arrow_r.png) no-repeat left top;
    content: " ";
}
header.global .primary > li > a:after { background-image: url(../frame/images/common/ico_arrow_w_r.png); }

/* ヘッダーメッセージ */
#header_notice {
    background: #e6e6e6;
}
#header_notice p {
	text-align:center;
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0 9px;
}
#header_notice strong {
    color: #c00000;
    font-weight: normal;
}


/* head CSTM*/

.gh_inner_style{
    width: 1200px;
    padding: 0;
    margin: 0 auto;
    display: block;
    position: relative;
}

.global .gh_inner_style .gh_innerleft{
	float: left;
	width:100%;
	margin:0;
	padding:0;
	position: relative;
}

.global .gh_inner_style .gh_innerleft:not(.scrollfixed_head) a#logo_s{
	display:none!important;
}

.global .gh_inner_style .gh_innerleft a#logo_s{
	display: block;
	width: 110px;
	height: auto;
	position: absolute;
	left: 14%;
	top: 18px;
	z-index: 9999;
}

.global .gh_inner_style .gh_innerleft a#logo_s img {
    width: 100%;
}

.global.cartflow .gh_inner_style .gh_innerleft{ /*Cartflow header*/
	display:none;
	margin:11px 0 0 35px;
}


.global .gh_inner_style .gh_innerright{
	float:right;
	width: 465px;
	margin-left: -465px;
}

.global .gh_inner_style .scrollfixed_head+.gh_innerright {
    float: right;
    /* width: 490px; */
    position: relative;
    display: block;
}

.global .gh_inner_style .gh_innerright .inc_headalart_detail{
	position: absolute;
	right: 19px;
	text-align: left;
	top: 0;
	float: left;
	}/*visibility: hidden;*/

.global .gh_inner_style .gh_innerright .inc_headalart_detail,
.global .gh_inner_style .gh_innerright .inc_headalart_detail a{
	margin: 0;
	padding: 0;
	color: #ff0;
	font-size: 13px;
	line-height: 145%;
	text-shadow: 1px 1px 1px #333;
	 }

.global .gh_inner_style .gh_innerright .inc_headalart_detail a{
	text-decoration:underline;
	}





#header_search input.searchbox{
	height: 42px;
    text-indent: 12px;
    font-size: 16px;
    padding: 0;
    margin: 0 0 0 4px;
    width: 75%;
}

#header_search .button_ico_search {
	overflow: hidden;
	width: 65px;
	height: 42px;
	padding: 0;
	border: none;
	background: #333 url(../frame/images/common/ico_search.png) no-repeat center center;
	color: transparent;
	font-size: 1px;
	border-radius: 0 3px 3px 0;
	margin:0;
	position:absolute;
	left:74%;
	top:0;
	border: 1px #FFF solid;
}



#header_search  .button_ico_search:hover{
    background: #42aec7 url(../frame/images/common/ico_search.png) no-repeat center center;
}


.global.cartflow .#header_search{ /*Cartflow header*/
	display:none;
}

.global.cartflow .#header_search{ /*Cartflow header*/
	display:none;
}


#nav_guide{
	margin: 0 0 0 205px;
    color: #FFFFFF;
    width:440px;
}

#nav_guide>strong{
	padding:0 0 0 10px;
}
#nav_guide>span{
	font-size:18px;
	padding:0 5px 0 2px;
}

#nav_guide>span.hpoint{
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
}

#nav_guide>span.hpoint span{
	color:#CCCC00;
	font-size:16px;
}



#header_utility .quantityIn{
	position: absolute;
	right: 13px;
	top: 0px;
	min-width: 18px;
	height: 18px;
	border: 1px solid #f3f3f3;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;	
	background: #dc2525;
	color: #fff;
	text-align: center;
	line-height: 20px;
	font-size: 11px !important;
}

/* head CSTM END*/







/*ヘッドカテゴリーリンク*/

.categorytublink,top-tublink{
	width:100%;
	margin:10px auto;
	padding:0;
/*	background:#EFEFEF;*/
	
}

.categorytublink h2,top-tublink h2{
	padding: 0;
    margin: 5px 0;
    font-size: 120%
}

/*.categorytublink h2:hover{
	color: #CCCCCC;
}
*/

.categorytublink section{
	width: 20%;
	padding:0 10px;
    float: left;
    margint:0 auto;
    border-right: 1px #CCC dotted;
	box-sizing:border-box;
}

.categorytublink section:last-child{
	border:none; 
}

.categorytublink section ul{
	list-style:none;
	padding:0px;
	line-height:normal;
}

.categorytublink section ul li{
    margin: 0 0 12px;
	width:auto;
}

.categorytublink section ul li a{
    width: 140px!important;
    text-decoration: none;
    font-size: 100%;
	line-height:160%;
	padding:5px 10px;
	background:#a4c9d8;
	display:block;
	color:#FFF;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;	
}

.categorytublink section ul li a:hover{
	background:#CC9933;
	color:#FFF;
}





/*単体カテゴリ*/
.categorytublink_detail{
	width:100%;
	padding:0;
	margin:0 0 15px 0;
	}

.categorytublink_detail .side_sub_head01{
	padding: 20px 0 5px 20px;
	font-size: 18px;
	color: #496482;
}


.categorytublink_detail ul{
    padding: 0;
    margin: 28px 0 0;
    list-style: none;
    position: relative;
    display: block;
	}
	
.categorytublink_detail .btm-wrap ul.list_condition {
    margin: 0;
    padding: 0;
}
	
.categorytublink_detail section.single{
	padding: 0;
	background: #EFEFEF;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;	
	box-shadow: 0px 0px 15px #CCC;
}

.categorytublink_detail section.single ul li{
	/*display: inline-block;*/
	float: left;
	margin: 7px 0 8px 20px;
	width: auto;
	line-height: 124%;
}

.categorytublink_detail section.single ul li a{
    text-decoration: none;
    font-size: 80%;
	line-height:160%;
	padding:5px 10px;
	background:#DDD;
	color:#333;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;	
}

.categorytublink_detail section.single ul li a:hover{
	background:#CC9933;
	color:#FFF;
}


.selectbtn{
	width:50%;
	margin:0 auto;
}


/*
.categorytublink_detail .allselect,
.categorytublink_detail .button,
.categorytublink_detail .clearbutton{
    font-size: 13px!important;
	width:60%;
	padding:8px;
	text-align:center;
	margin:10px auto;
	border-radius:2px;
	-webkit-border-radius:3px;
	-webkit-border-radius:3px;	
	display:block;
}
*/

.categorytublink_detail .button{
    width: 280px;
    margin: 0 0 0 10px;
    color: #FFFFFF;
    cursor: pointer;
    padding: 12px 0;
    font-size: 18px;
    background: #ffa42f;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa42f), to(#ff9001));
    background: -webkit-linear-gradient(top, #ffa42f 0%, #ff9001 100%);
    background: -webkit-linear-gradient(top, #ffa42f, #ff9001);
    background: linear-gradient(to bottom, #ffa42f, #ff9001);
    text-shadow: 0 -0.5px 0px #f1941b;
    /*background: rgb(109,179,242);
    background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
    background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
    background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
    */
    float: left;
    box-shadow: 2px 3px 2px #AAA;
}


.narrow_button {
/*
    width: 260px;
    overflow: hidden;
    float: right;
    padding: 10px;
    margin: 0 6px 0 0;
    display: table-cell;
    background: #d8d6d6;
    border-radius: 5px;
    */
    width: 590px;
    overflow: hidden;
    /* float: right; */
    padding: 8px 5px 8px 10px;
    margin: 0;
    display: table-cell;
    background: #d4d4d4;
    position: absolute;
    position: absolute;
    top: 0px;
    right: 0;
    border-radius: 0px 8px 0 0px;
}


.tag_selectbox{
	padding: 0;
	margin: 0;
	float: left;
	display: block;
}


.categorytublink_detail .allselect,
.categorytublink_detail .clearbutton {
	width: 125px;
	margin: 5px auto 0;
	color: #FFF;
	float: left;
	cursor: pointer;
	background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	box-shadow: 2px 3px 2px #AAA;
	font-size: 14px;
	padding: 7px 6px;
	text-align: center;
	border-radius: 3px;
}


.categorytublink_detail .clearbutton {
    background: #383838;
    margin: 5px auto 0 10px;
	}

.categorytublink_detail .btm-wrap .btm_base .btm-inner{
    margin: 0;
}

.clearaccordion .read-more .button_readmore {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    /* padding: 20px 30px; */
    border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
    background: url(../frame/images/common/readmore_ico.png) no-repeat center bottom;
    color: #6d6d6d;
    /* font-family: "Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; */
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 0.8;
    height: 50px;
}


/*パンくず
-----------------------------------*/
#pkz {
    width: 1200px;
    margin: 20px auto  30px 0!important;
    padding: 0;
    font-size: 100%;
    line-height: 1.2;
    list-style: none;
}
#pkz li { display: inline-block; }
#pkz li:not(:last-child):after {
    display: inline-block;
    width: 5px;
    height: 8px;
    margin-left: 5px;
    background: url(../frame/images/common/ico_pkz.png) no-repeat left top;
    content: " ";
}
#pkz a {
    color: #006cd9;
    text-decoration: underline;
}
#pkz a:hover { text-decoration: none; }



/*タグリンク（パンクズ代替）
-----------------------------------*/
#contextPathCategoryTagList + .breadcrumb {
    padding: 30px 0 0;
    margin: 0;
}

#prod_tag {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.2;
    list-style: none;
    clear: both;
    min-height: 44px;
}

#prod_tag li {
	display: inline-block;
	padding: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0 7px 25px 0;
}

#prod_tag li a.icon-price-tag:before{
	margin-right:6px;
	font-size:77%;
}

#prod_tag li a {
    width: 100%;
    font-size: 130%;
    color: #FFF;
    background: #CCAC52 url(../frame/images/common/ico_search.png) no-repeat 11px 9px;
    color: #FFF;
    padding: 7px 18px 10px 33px;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 3px;
    line-height: 100%;
    background-size: 15px;
    font-size:14px;
	}

#prod_tag li a.icon-price-tag:before{ display:none!important} /*no icon*/

#prod_tag li a:hover {
	opacity:0.8;
}


/**************************************/

#container-1 main {
	width: 1000px;
	margin: 0 auto;
	float:none!important;
}

#container-1 aside {
	display: none;
	float:none;
}

#container-1 #main {
width: 980px;
display: block;
margin: 0 auto;
float:none;
}


/*レイアウト
-----------------------------------*/
main {
    display: block;
    width: 1200px;/*1200px*/
    margin: 0 auto;
}

.mdc00 main,.mdc10 main {
    display: block;
    width: 1200px;/*1200px*/
    margin: 0 auto;
}

main.modal {
    width: 100%;
    margin: 0 auto;
}

#main {
    float: right;
    width:970px;/*920px*/
}

/************* トップのみ　MALL共通幅 *************/
main.topmain,/*shoptop1*/
.topmain main {/*各カテゴリ*/ 
	width:1070px!important;
}


.topmain #main { /*各カテゴリ*/ 
    width:840px;
}

main.topmain.mdc00 #main {
    float: none;
    width: 100%;
}
/***********************************************/

#main.toppage{ width:94%!important; float:none; margin:0 auto;}

#main > section {
    position: relative;
    margin-bottom: 80px;
}

main.topmain #main > section {
    margin-bottom: 40px!important;
}

#main.toppage > section { margin-bottom:40px;}

#side {
    float: left;
    width: 210px;/*250px*/
    font-size: 85%;
    line-height: 130%;
    min-height:1000px;
	}

#side section.inner {
	position:relative;
	
}

#side div {
	margin:0 0 15px 0;
	
}

#side div img {
	width:100%;
	
}

#container > section { margin-bottom: 80px; }



/*検索結果BOX*/
  #search_result{
	  width:210px;/*250px*/

  }


/* メッセージボックス */
.box_message {
    margin: 10px auto!important;
    padding: 10px;
    width: 100%;
    text-align: center;
}

.box_error {
    /*border-color: #f00;*/
    color: #f00;
    background: #ffe0e0;
}


.modal .box_message {/*CST*/
	font-size: 0.9em;
    width: 95%;
    display: block;
    text-align: center;
    line-height: 1.7em;
}




.modal.confirm {/*CST*/
    font-size: 14px;
	padding: 0 30px	;
	box-sizing:border-box;
}

.modal.confirm > ul{ list-style:none; display:block; margin:0 auto;}
.modal.confirm > ul li{
    display: inline-block;
    width: 46%;
    text-align: center;
    font-size: 16px;
    margin: 0 1%;	
	}
	
.modal.confirm > ul li a.button{ width:100%;}

.box_message + .box_error { margin-top: -10px; }

.box_message li { line-height:185%;}
.box_message p { margin: 0;}
.box_message p:not(:last-child) { margin-bottom: 10px; }
.box_message.box_thanks p { text-align: center; }

.box_message.message_setA p { margin: 0; text-align:center; font-weight:bold; }
.box_message.message_setA span { display:block; text-align:center; color:#990033; margin:0; padding:0; }


/* .image内の画像は基本100%サイズに拡縮 */
.list_item .image img {
/*    max-width: 100%;
    max-heigh: 100%;
*/
	width:100%;
	margin:0;
}
.list_item_w .image img {
/*    max-width: 100%;
    max-heigh: 100%;
*/
	width:85%;
	margin:0;
}


#purchase .image img {
/*    max-width: 100%;
    max-heigh: 100%;
*/
	width:13%;
	margin:0;
}

#purchase .cart_shop .image img {
	width:100%;
	margin:0;
}

.message_setA{line-height:200%;}


/*見出し
-----------------------------------*/
.headline01 {
    margin: 0 0 20px;
    padding: 10px 15px;
    background: #e6e6e6;
    font-size: 25px;
    font-weight: bold;
}
.heading01 {
    margin: 20px 10px;
    font-size: 16px;
    font-weight: bold;
}

.topmain mdc10 .heading01 {
	margin:0!important
}
.proddetail-2 .heading01 {/*cst prod*/
    margin: 20px 0  0 0;
    font-size: 120%;
    font-weight: bold;
}

.heading01 span {
    margin-left: 10px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
}

/*お届け先変更モーダル
main.modal h1.heading01 {
    background: #CCC;
    padding: 10px 0 10px 10px;
}
*/

.sub_head01 {
    margin: 0 0 20px;
    padding: 10px;
    background: #e6e6e6;
    font-size: 16px;
    font-weight: normal;
}

.cartflow .sub_head01 {
	margin: 0 0 15px;
	background:#597390;
	color:#FFF;
	padding:5px 13px;
	
}

.wrapping .sub_head01 span {
    font-size: 12px;
}

.wrapping .sub_head01 span a {
    color: #FFF;
    text-decoration: underline;
}

.cartflow .sub_head01 .inc_wrappingcost {/*Wrapping Cost*/
    padding:0 5px;
}

/* サイドカラム */
.side_heading01 {
    margin: 0;
    padding: 5px 10px;
    background: #f2f2f2;
    font-size: 18px;
}

.side_sub_head01 {
    margin: 15px 0 10px;
    font-size: 15px;
    font-weight: normal;
	color: #55509c;
	
}

/*カルーセル
-----------------------------------*/
.bx-wrapper .bx-viewport {
	left: 0;
	border: none;
	box-shadow: none;
	height:auto!important;
	}

/*商品カルーセル
-----------------------------------*/

main.topmain .bx-wrapper { max-width:90%!important; min-width:90%!important; /*TOPのみ適用　100%以外不可 複数＞が出る*/}

main .bx-wrapper .bx-prev {
    top: 65px;
    left: -30px;
    width: 16px;
    height: 30px;
    margin: 0;
    background: url(../frame/images/common/ico_prev.png) no-repeat left top;
}
main .bx-wrapper .bx-next {
    top: 65px;
    right: -30px;
    width: 16px;
    height: 30px;
    margin: 0;
    background: url(../frame/images/common/ico_next.png) no-repeat left top;
}

.list_slider {
    margin: 0;
    padding: 0;
    list-style: none;
}
#container .list_slider {
    width: 1060px;
    margin: 0 auto;
}

.list_slider li {
    float: left;
    margin: 0 6px;
    /* min-height: 270px; */
    min-height: 225px;
    width: 137px!important;
}

.list_slider li a {
    display: block;
    width: 90%;
    margin: 0 auto;
}

#container .list_slider li { margin-right: 20px; }

.list_slider .image { margin-bottom: 10px; }
.list_slider .name {
    margin: 0 0 10px;
    font-size: 90%;
    min-height: 45px;
}

.list_slider .price {
    margin: 0;
    font-size:90%;
	color:#FF282E;
	text-align:right;
}
.list_slider .price .tax {
    margin-left: 5px;
    font-size: 12px;
}

.list_slider a:hover .image {
    filter:alpha(opacity=60);
    opacity: 0.6;
}
.list_slider a:hover .name {
    color: #006cd9;
    text-decoration: underline;
}

/* ランキング */
.period {
    position: absolute;
    top: 10px;
    right: 0;
    margin: 0;
    font-size: 12px;
}
.list_slider .rank { position:absolute; margin: 0; top:0; left:0; }
.list_slider .rank img { margin: 0 auto; }
#main .period + .bx-wrapper .bx-prev,
#main .period + .bx-wrapper .bx-next { top: 85px; }

/*リスト
-----------------------------------*/
/* インデントつきリスト */
.list_indent {
    margin: 10px 0;
    padding: 0;
    list-style: none;
    font-size:16px;
}
.list_indent li {
    padding-left: 1em;
    text-indent: -1em;
}
.list_indent li:not(:last-child) { margin-bottom: 5px; }

/*ボタン
-----------------------------------*/
.button, .buttonB {
	background:#8c8c8c;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 18px 30px;
	border: none;
	box-shadow: 2px 3px 0 #DDD;
	color: #fff;
	text-align: center;
	line-height: 1.2;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;	
	font-size:16px;
}

.button.selected{
    padding: 10px 30px;
    width: 80%;
    margin: 5px 20px;
    font-size: 100%;
    background: #006699;
}

.deliverylist div.adlist button {/*お届け先リストモーダル*/
    font-size: 15px;
}

.button:hover,.buttonB:hover {
    filter:alpha(opacity=60);
    opacity: 0.6;
}

.buttonB{ display:none;}

.scrollfixed .buttonB{ display:inherit;}

/* 決定系ボタン */
.button_decision {
    /*background:#f28d00!important
    background:#333;*/
	background: #ffa42f;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa42f), to(#ff9001));
	background: -webkit-linear-gradient(top, #ffa42f 0%, #ff9001 100%);
	background: -webkit-linear-gradient(top, #ffa42f, #ff9001);
	background: linear-gradient(to bottom, #ffa42f, #ff9001);
	text-shadow: 0 -0.5px 0px #f1941b;
    }

.button_decision2 {
    background:#41924f!important; /* orange*/
}

.button_undecision {

}

/* サブボタン */
.button_sub {
    padding: 10px 30px 9px;
    background: #666;
    font-size: 16px;
}

/* 白ボタン */
.button_white {
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
}

/* 次へボタン */
.button_next {
    box-sizing: border-box;
    padding-right: 40px;
}
.button_next:after {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 16px;
    height: 28px;
    margin-top: -14px;
    background: url(../frame/images/common/ico_next_w.png) no-repeat left top;
    content: " ";
}
.button_small.button_next:after,
.button_sub.button_next:after {
    width: 10px;
    height: 20px;
    margin-top: -10px;
    background-size: 10px 20px;
}
/* 戻るボタン */
.button_prev {
    box-sizing: border-box;
    padding-left: 40px;
}
.button_prev:after {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 16px;
    height: 28px;
    margin-top: -10px;
    background: url(../frame/images/common/ico_prev_w.png) no-repeat left top;
    content: " ";
}
.button_small.button_prev:after,
.button_sub.button_prev:after {
    width: 10px;
    height: 20px;
    background-size: 10px 20px;
}

/* 小さいボタン */
.button_small {
    box-sizing: content-box;
    padding: 10px 10px 9px;
    font-size: 14px;
}

/* 横並び */
.box_button .multiple { margin-top: 30px; }
.multiple  { text-align: center; }
.multiple .button {
    display: inline-block;
    margin: 0 10px;
}

/*
フォーム用フロー
-----------------------------------*/
#flow {
    margin: 0 0 25px;
    padding: 0;
    text-align: center;
    list-style: none;
}
#flow li {/*cst*/
    position: relative;
    display: inline-block;
    width: 250px;
    margin: 0 2px;
    font-size: 14px;
    vertical-align: top;
}
#flow li:not(:last-child):after {/*cst*/
    position: absolute;
    top: 21px;
    left: 157px;
    display: block;
    width: 195px;
    height: 2px;
    background: #dcdcdc;
    content: " ";
}
#flow i {
    display: block;
    margin: 0 auto 10px;
    width: 35px;
    height: 35px;
    padding: 0;
    border: 2px solid #dcdcdc;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    background: #dcdcdc;
    font-size: 19px;
    font-style: normal;
    line-height: 36px;
    text-align: center;
}
#flow .current i {
    border-color: #cd3333;
    background: #fff;
    color: #cd3333;
}
#flow .current { color: #cd3333; }

#flow .entered i {
    border-color: #666;
    background: #666;
    color: #eee;
}
#flow .entered a { color: #666; }


/*フォームパーツ
-----------------------------------*/
/* テキスト入力 */
input[type=text],
input[type=password],
textarea {
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #dcdcdc;
    font-size: 15px;
	border-radius:1px; 
	-moz-border-radius:1px;
	-webkit-border-radius:1px; 
}

input[type=password] {
    letter-spacing: 2px;
}

input[type=text]:focus,input[type=password]:focus,
select:focus,textarea:focus{/*フォーカス時設定*/
	border:none;
	background:#f8f9c2;
	box-shadow: 0 0 3px 2px rgba(228,121,17,.5);
	-webkit-transition: all 100ms linear;
	transition: all 100ms linear;		
	outline: 0;/*基本枠*/
    border: 1px solid #e77600;
}




textarea {
    width: 100%;
    height: 150px;
}
/* ラベル */
label {
    position: relative;
    display: block;
}

.table_form label{display: inline!important;}

.table_form input[type=checkbox]{/*チェックボックスサイズ*/
	vertical-align: inherit;
	-moz-transform:		scale(1.2);
	-webkit-transform:	scale(1.2);
	transform:		scale(1.2);
}


label:hover { cursor: pointer; }
label > input {
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 0;
	top: 2px;
}

/* チェックボックス */
.type_check { padding-left: 25px; }
.type_check:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../frame/images/common/ico_check.png) no-repeat left top;
    content: " ";
}

.cartflow .type_check:after {/*cst*/
    top: 5px;
}




.type_check.checked:after { background-position: -16px top; }

/* ラジオ */
.type_radio { padding-left: 25px; }
.type_radio:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../frame/images/common/ico_radio.png) no-repeat left top;
    content: " ";
}
.type_radio.checked:after { background-position: -16px top; }

/* インライン */
.list_inline {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list_inline li {
    display: inline-block;
    margin-right: 5px;
}
.list_inline label {
    display: inline-block;
    min-width: 110px;
    padding: 8px 23px 7px 35px;
    background: #e6e6e6;
}
.list_inline .checked {
	background:#efb241;
	}

.list_inline label:after {
    top: 50%;
    left: 10px;
    margin-top: -8px;
}

/* ブロック */
.list_block{
    margin: 0;
    padding: 0;
    list-style: none;
}

#purchase.cartflow .list_block{
	width:100%;
}

.list_block li:not(:last-child) {
    margin-bottom: 10px;
}
.list_block label {
    display: block;
    padding: 15px 10px 14px 35px;
    background: #e6e6e6;
    font-size: 16px;
    color: #000;
}

.list_block .checked {
	background: #962424;
    color: #FFF;
	}

.list_block label:after {
    top: 50%;
    left: 10px;
    margin-top: -8px;
}
.list_block label span { font-size: 14px; }




/*cst 注文確認画面用*/

.confirm .list_block{
    margin: 0;
    padding: 0;
    list-style: none;
	font-size:100%;
}


.confirm .list_block li:not(:last-child) {
    margin-bottom: 10px;
}
.confirm .list_block label {
    display: block;
    padding:12px 0 10px 30px;	
    background: none;
    /*font-size:100%;*/
}
.confirm .list_block .checked { background:none;}
.confirm .list_block label:after {
    top: 50%;
    left: 8px;
    margin-top: -8px;
}
.confirm .list_block label span { font-size: 14px; }

/*cst 注文確認画面用*/









/* フォームボックス */
.form > section,
.form > div {
    width: 920px;
    margin: 0 auto 40px; /*margin: 0 auto 80px*/
	box-sizing: border-box;
}

.marg-b0{margin-bottom:0;}


/* フォーム内メッセージ */
.form .box_message {
/*    margin: 20px auto;*/}

.form .box_error {
    margin: 20px auto ;
}

.form .box_message + .box_error { margin-top: -10px; }


/* 必須項目 */
.ico_require {
    display: inline-block;
    /*width: 45px;*/
    margin:0 5px;
    padding: 4px 5px 3px;
    background: #cd3333;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-indent: 0;
}
/*input.require,*/
textarea.require { background: #fcf2f2; }

/* フォームテーブル */
.table_form {
    width: 100%; /*注文履歴テーブル値*/
	margin:0 auto;
    border: 1px solid #dcdcdc;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;	
	box-shadow: 2px 3px 6px #EEE;
	/*display:block;*/

}


.confirm .list_block .table_form {/*cst*/
	width:100%;
    border:none;
	padding:0;
	margin:0!important;
}


.table_form th:first-child{
	border-top-left-radius:4px;	
	-webkit-border-top-left-radius:4px;	
	-moz-border-radius-topleft:4px;	
	}
	
.table_form th:last-child{
	border-bottom-left-radius:4px;	
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;	
}


section > ul.remarks{
    width: 100%;
    list-style: none;
    margin: 20px auto;
    /* border: 2px #c7c7c7 dotted; */
    padding: 10px 18px;
    box-sizing: border-box;
    /* text-align: center; */
    list-style-position: initial;
    text-align: center;
}

section > ul.remarks li{
	margin:5px 0 10px;
	line-height:160%;
	}

section > ul.remarks li:before{
	margin:0 5px 0 0 ;
	color:#FF0000;
	}


.confirm .list_block .table_form th,
.confirm .list_block .table_form td {width:inherit; padding:0;}/*cst*/

.table_form .passcheck{ 0 5px 0 20px; }

#purchase.cartflow .table_form  {/*cst*/
	width:100%;/*お届け先画面で100％へ設定*/
}

#purchase.cartflow .acc .table_form  {/*cst*/
	width:100%;
}

.table_form th,
.table_form td {
    padding: 15px 20px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
	line-height:160%;
}
.table_form th {
    width:25%;
    background: #f2f2f2;
    font-weight: normal;
    text-align: left;
}

.form .table_form.wl th {width:250px;}/*CST*/
.form .table_form.ws th {width:140px;}/*CST*/

.form .table_form.wl th span {/*CST*/
	padding-right: 20px;
	}
.form .table_form.wl th span:last-child {/*CST*/
    display: block;
    text-align: center;
}

.form .table_form a.foregetemail{
	color:#0066CC;
	width:300px;
	text-align:right;
	display:block;
	font-size:80%;
	text-decoration:underline;
	margin-top:5px;
	}
.form .table_form a.foregetemail:hover{text-decoration:none;}

#purchase .table_form th {
	width:80px;
}
.table_form .primary { width: 90px; }
.table_form .secondary { width: 80px; }
.table_form .icon {
    width: 45px;
    padding-left: 0;
    background: #f2f2f2;
}
.table_form .icon .ico_require { margin: 0; }

.table_form td p:first-child { margin: 0 0 10px; }

.table_form td .supplement {
    margin: 10px 0 0;
    font-size: 14px;
}

.table_form td select {
    padding: 0;
    margin: 0;
    font-size: 13px;
    height: 30px;
}

fieldset input{background:#CCC;}/*cst*/

.table_form input[type=text],
.table_form input[type=password] { width: 340px; height:42px;}

.table_form.cartflow input[type=text].name{ width: 180px; }/*cst*/
.table_form.cartflow input[type=text].adressno{ width:430px; }/*cst*/

/*placeholder color*/
.table_form input::-webkit-input-placeholder {
    color: #BBB;
    font-weight: normal;
}
.table_form input:-ms-input-placeholder {
    color: #BBB;
    font-weight: normal;
}
.table_form input::-moz-placeholder {
    color: #BBB;
    font-weight: normal;
}

.table_form input.require{width:300px;}
.table_form input.name{	width:400px!important;}
.table_form input.zip1 { width: 80px; }
.table_form input.zip2 { width: 100px; }
.table_form input.zip,
.table_form input.tel { width: 150px; }
.table_form input.year { width: 100px; }
.table_form input.tel{	width:200px!important;}


.table_form fieldset{border:none; padding:0; margin:0;}


.table_form .prefecture { width: 160px!important; }

.table_form .type_check:after { top: 3px; } 

.table_form ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.table_form ul:not(.list_inline) li:not(:last-child) { margin-bottom: 10px; }



/* 入力レギュレーション */
.reg {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px 4px;
    background: #dcdcdc;
    font-size: 14px;
    vertical-align: 2px;
}

/* エラー系 */
.error_message {
    margin: 10px 0 0;
    padding: 3px 10px 2px;
    background: #ffcccc;
    color: #cd3333;
    font-size: 14px;
}
input.error {
    padding: 4px 9px;
    border: 2px solid #f00;
}
/*
モーダル共通
-----------------------------------*/
#cboxLoadedContent {
	border: none;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

#cboxClose {
    top: 5px;/*20*/
    right: 5px;/*20*/
    width: 36px;
    height: 36px;
    background: url(../frame/images/common/ico_close.png) no-repeat left top;
}
#cboxClose:hover {
    filter:alpha(opacity=60);
    opacity: 0.6;
}
.modal .box_button {
    margin: 30px 0 0;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 30px;
}
.modal .box_button .button {
    width: 300px;
    margin: 0 10px;
}

.modal .box_button .button.size_s {
	width:40%;
	font-size:1.2em;
}

/*side
-----------------------------------*/
#side ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#side > section { margin-bottom: 30px; }


/* カテゴリリスト */
#side .list_category li {
    border-bottom: 1px solid #dcdcdc;
}
#side .list_category a {
    display: block;
    padding: 15px 10px;
    font-size: 16px
}
#side .list_category a:hover {
    filter:alpha(opacity=60);
    opacity: 0.6;
}


#side .list_category .secondary { margin-top: -10px; }
#side .list_category .secondary li { border: none; }
#side .list_category .secondary a {
    padding: 10px 10px 10px 25px;
    font-size: 14px;
}

#side .list_category .current { font-weight: bold; }

/* 検索条件 */
.refine_condition/*:not(:last-child)*/ {
    padding: 0 6px 20px;
    border-bottom: 1px solid #dcdcdc;
    position:relative;
}

.refine_condition .inner:first-child {
    margin-bottom: 15px;
    padding-bottom: 15px;
    /*border-bottom: 1px dotted #dcdcdc;*/
}
.list_condition li { margin: 10px 0; }


#side .list_condition li {
    margin: 10px 0 0;
    padding: 0 0 5px 10px;
}


.list_condition li:last-child {
	margin-bottom: 0;
	padding: 0;/*BU 0 10px 5px*/
	}

.list_color li {
    float: left;
    width: 30px;
    height: 30px;
    margin: 10px 10px 0 0;
}
.list_color li:nth-child(-n+6) { margin-top: 0; }
.list_color li:nth-child(6n) { margin-right: 0; }
.list_color label {
    display: block;
    width: 30px;
    height: 30px;
}

.list_color label.checked:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    content: url(../frame/images/common/bg_checked.png);
}
.list_color label input {
    display: block;
    width: 30px;
    height: 30px;
}

.refine_condition .inner > input {
    display: block;
    width: 210px;
}
.refine_condition .inner select { margin: 10px 0 0; }
.refine_condition .range + .range { margin-top: 10px; }
.refine_condition .range input {
    width: 130px;
    margin-right: 5px;
}

/* サイドボタン */
#side .button {
    display: block;
    width: 100%;/*200px*/
    margin: 20px auto 10px;
    padding: 10px 0;
    font-size: 16px;
}

#side .buttonB {
    width: 95%;/*250px*/
    margin: 10px auto;
    padding: 10px 0;
    font-size: 16px;
}

#side .box_button .button{
/*    background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);     BLUE Grada*/
	background: #ffa42f;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa42f), to(#ff9001));
    background: -webkit-linear-gradient(top, #ffa42f 0%, #ff9001 100%);
    background: -webkit-linear-gradient(top, #ffa42f, #ff9001);
    background: linear-gradient(to bottom, #ffa42f, #ff9001);
    text-shadow: 0 -0.5px 0px #f1941b;

}

/* 広告 */
#side .pr {
    margin: 30px 0;
    text-align: center;
}
#side .pr:first-child { margin-top: 0; }


/*カレンダー
-----------------------------------*/
.calendar {
    width: 230px;
    padding: 10px;
    background: #f2f2f2;
}
.calendar .title {
    margin: 0 0 10px;
    font-weight: bold;
    text-align: center;
}
.calendar .slide {
    position: relative;
    overflow: hidden;
}
.calendar  .control {
    position: absolute;
    top: 2px;
    cursor: pointer;
    z-index: 10;
}
.calendar .prev { left: 0; }
.calendar .next { right: 0; }
.calendar .prev:before {
    margin-right: 5px;
    content: url(../frame/images/common/ico_arrow_l.png);
    vertical-align: -2px;
}
.calendar .next:after {
    display: inline;
    margin-left: 5px;
    content: url(../frame/images/common/ico_arrow_r.png);
    vertical-align: -2px;
}
.calendar .wrap {
    position: relative;
}
.calendar .month {
    float: left;
}
.calendar .month p {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.calendar .month th {
    width: 31px;
    padding-bottom: 5px;
    font-size: 10px;
}
.calendar .month th:last-child{ width: 30px; }
.calendar .month td {
    width: 31px;
    padding: 8px 0;
    border-right: 1px solid #f2f2f2;
    background: #fff;
    text-align: center;
}
.calendar .month td:last-child { border-right: none; }
.calendar .month td.saturday { background: #dcebfa; }
.calendar .month td.holiday { background: #f2cccc; }
.calendar .month .today {
    background: #cd3333;
    color: #fff;
}

/*footer
-----------------------------------*/
#prev_page {
    margin: 0 auto 10px;
}
#prev_page a {
    display: inline-block;
    padding: 5px 10px 4px 30px;
    background: #dcdcdc url(../frame/images/common/ico_arrow_g_l.png) no-repeat 10px 7px;
}
#prev_page a:hover,
#page_top a:hover {
    filter:alpha(opacity=60);
    opacity: 0.6;
}
#page_top {
    position: fixed;
    left: 50%;
    bottom: 100px;
    margin: 0 0 0 610px;
    border: 1px solid #fff;
}
#page_top a {
    position: relative;
    display: block;
    width: 50px;
    padding: 15px 0 5px;
    background: #999;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}
#page_top a:before {
    position: absolute;
    top: 5px;
    left: 19px;
    display: block;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0 6px 5px 6px;
    content: " ";
}
.footer_nav {
    padding: 30px 0;
    background:#e6e6e6;
    color: #333;
    text-align: center;
	border-top:12px #0D62C1 solid;
}
.footer_nav a { color: #333; }
.footer_nav a:hover { text-decoration: underline; }

.footer_nav ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}
.footer_nav li { display: inline-block; }
.footer_nav li:not(:last-child):after { content: "｜"; }

.footer_nav small {
    display: block;
    font-size: 12px;
}


/* clearfix */
header:after,
footer:after,
main:after,
section:after,
div:after,
ul:after,
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    color: transparent;
}

/* タブレット、スマホ用 */
@media screen and (max-width: 1300px) {
#page_top {
    left: 610px;
}
}








/*CSTM*/

/* ヘッダ文字サイズ切替*/
.logout{
	color:#FFF;
	font-size:12px;
	display:block;
	padding:0;
	margin:0;
	text-decoration:underline;
}


.global .font_btn-group{
	font-size:14px;
	width:10px;/*調整用*/
	display:block;
	margin:3px 0 0 0;
	float:right!IMPORTANT;
}

.global.cartflow .font_btn-group{
	display:none;
}

.font_btn-group li {
	float:none !important}


.font_btn-group li a{
	/*width:18px!important;
	height:18px!important;*/
	display:block!important;
	float:left!important;
	color:#FFF!important;
	border:1px #FFF solid!important;
	border-radius:2px!importat;
	-webkit-border-radius: 2px!important;
	-moz-border-radius: 2px!important;	
    font-size: 11px!important;
    padding: 3px 4px!important;
    margin: 2px 0!important;
	line-height:100%;
}

/*
.font_btn-group li a#font_small{
	font-size:10px!important;
	padding:4px 0 0 7px!important;
	}
.font_btn-group li a#font_medium{
	font-size:12px!important;
	padding:3px 0 0 7px!important;
	}
.font_btn-group li a#font_large{
	font-size:14px!important;
	padding:2px 2px 2px 5px!important;
	}

	*/
	
.font_small_active {
  font-size: 75%;
  line-height:170%;
}
.font_medium_active {
  font-size: 90%;
  line-height:150%;
}
.font_large_active {
  font-size: 110%;
  line-height:170%;
}

/* ヘッダ文字サイズ切替*/






/*スクロールフィックス　scroll Fixed*/

/*LETT COLUMN 検索結果窓*/
	.scrollfixed{
		background: rgba(240, 240, 240, 0.7);
		position: fixed !important;
		top: 110px;
		z-index: 9999;
		animation: fadeIn 1s ease 0s 1 normal;
		-webkit-animation: fadeIn 1s ease 0s 1 normal;
		padding: 0 0 5px 0;
		box-shadow: 1px 1px 17px #9ba4af;
		margin: 5px 0;
	}
	
/*HEAD検索BOX*/
	.scrollfixed_head{
		background: #0D62C1;
		opacity: 1;
		position: fixed !important;
		top: 0;
		left: 0;
		z-index: 9999;
		margin: 0!important;
		padding: 0 0 0 200px;
/*EMG
		animation: fadeIn 1s ease 0s 1 normal;
		-webkit-animation: fadeIn 2s ease 0s 1 normal;
EMG
*/
		height: 94px;
		min-width: 1200px;
		}

	.scrollfixed_head #nav_guide{
		width: 1200px;
		margin: 5px 0 0 26%;
		}

	
	.scrollfixed_head #nav_guide .hpoint {
	    /* display: none; */
	 }
	
	.scrollfixed_head #header_search {
	    margin: 0;
	    padding: 0;
	}



	.scrollfixed_head input.searchbox{
		height: 38px!important;
		margin: 4px 0 10px 26%!important;
		width:400px!important;
		}

	.scrollfixed_head #header_search .button_ico_search {
	    margin: 4px 0 0 0!important;
	    padding: 0;
	    height:38px;
		position: initial!important;
		left:50% !important;
}


/*HEADER ALART*/
		.scrollfixed_headalart {
		    position: fixed !important;
		    z-index: 9999;
		    right: 18%!important;
		    margin: 0;
		    float: none!important;
		    top: 4px!important;
		    text-align: left!important;
		    display: none;
		}


/*SUB HEADBOX*/
	.scrollfixed_subhead{
		position: fixed !important;
		z-index: 9999;
		/*left: 1130px;*/
		top: 4px;
		margin:0;
		animation: fadeIn 1s ease 0s 1 normal;
		-webkit-animation: fadeIn 1s ease 0s 1 normal;
	}

		.scrollfixed_subhead li{
		 border-color:#FFF !important;
	}
	
		.scrollfixed_subhead li a{
		 color:#FFF !important;
	}

		.scrollfixed_subhead li a:hover{
		 color:#b4d6fd !important;
	}



	@keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
	}
	
	@-webkit-keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
	}

/*スロールフィックス END*/



/*Cleaar Accordion*/
.clearaccordion {
    max-height:200px;/*default height*/
    position: relative;
    overflow: hidden;
}

.clearaccordion p{ text-align:center;font-size:18px; font-weight:bold; padding:15px 0;}
.clearaccordion .read-more {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%;
    text-align: center;
    margin: 0; padding: 30px 0 10px; 
 
/* "transparent" only works here because == rgba(0,0,0,0) */
    background-image: -moz-linear-gradient(top, transparent, black);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #FFF));
}

.clearaccordion .type_check:after {
    position: absolute;
    top: 3px;
    left: 0;
}





/*左カラムもっとみる*/
.btm-wrap {
	position:relative;
}
.btm-wrap .btm_base {
	width: 100%;
    z-index: 2;
    display: none;
    /* position: absolute; */
    bottom: 0;
    left: 252px;
    padding: 0 0 20px 0;
}

.btm-wrap .btm_base .btm-inner,
.topbtn {
	text-align: left;
	display: block;
	/*width: 245px;*/
	margin: 20px 0 0 0;
	cursor: pointer;
}

.topbtn_series,
.topbtn_chara,
.topbtn_maker,
.topbtn_age,
.topbtn_media{
	text-align: right;	
	color:#006699;
}

.topbtn_tag {
    text-align: center;
    font-size: 15px!important;
    font-weight: bold;
    width: 49%;
    margin: 0 auto 12px!important;
    padding: 8px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #3067ce;
    background: #FFF;
    border: 2px #0d62c1 solid;
}

label.selfcheck{
	font-size: 20px;
	color: #3c3c3e;
	margin-bottom: 30px;
	width: 70%;
	font-weight: bold;
	margin: 0 auto 30px;
	line-height: 144%;
}

label.selfcheck span{
	display:block;
	text-decoration: underline;
    display: block;
    color: #FF0000;
    width: 98%;
    margin: 0 auto 30px;
	}

label.selfcheck.type_check	{
	padding-left:12px;
}


.identification{/*4005_ADDresseeADD*/
    display:none;
    margin:0;
    padding:20px 0;
    width:100%;
}





/*******************************/
/*       header Customer Arrar 
　　/common/headerMessage.html・・・　　棚卸
　　※SPは/css_smt/common.css
 */
/*******************************/
.ano{ 
    font-size: 12px;
    margin: 30px auto 5px !important;
    width: 1200px!important;
    display: block;
    text-align: center;
    padding: 0;
}

.ano img{ 
	width:1050px;
}

.ano .linkurl{ 
    font-size: 1.3em;
    color: #00F;
    display: block;
    margin: 10px 0;
	text-decoration: underline;
	font-weight:bold;
    }

.ano .ano_ttls{
	font-size: 17px;
	padding: 3px 0 5px 0;
	text-align: center;
	color: #e00e6b;
	margin: 3px 0;
	line-height: 140%;
	}

.ano .ano_ttls span span {
    font-size: 22px;
    color: #000ad8;
	text-decoration:underline;
}
.ano .ano_detail {
	width:98%;
    text-align: center;
    font-size: 14px!important;
    line-height: 185%!important;
    margin: 0 auto!important;
}

.ano .ano_detail span{
	font-weight:bold;
}

.ano>a.linkurl.infolist+span{
    display: inline-block;
    background: #d44610;
    color:	 #FFF!important;
    padding: 1px 1%;
    margin: 0;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.ano>a.linkurl.infolist+span a {
    color: #FFF!important;
    font-size: 12px!important;
    padding: 0;
    margin: 3px;
    border-radius: 10px;
}
.ano .noticeimg{
	display:block;
	margin:0 auto 5px;
}