/*新Gナビ応急処置*/
#App__global_navi .global-header__menu .menu__product_list--center__list{
    text-align: left;
    margin: 0;
    list-style: none;

}
@media screen and (min-width: 769px){
#App__global_navi .global-header__menu .menu__product_list--center__list{
    width: calc(50% - 0rem);
    padding: 0 2rem 1.5rem 0;
}
}

#App__global_navi .global-header__menu .menu__product_list--right-recommend-subject{
    display: flex;
    width: 7rem;
    justify-content: center;
}

#App__global_navi .global-header__menu .menu__product_list--right-product a figcaption{
    text-align: left;
}

/* CSS Document */

#common__header{
    width: 100%;
    height: 50px;
    background: #fff;
}
.common__header-inner{
  visibility: hidden;
}

html{background:#fff;}

/*全体*/
body {
	text-align:center;
}
#modal{
    display:none;
    }
#kamo{
margin-top:5px;
}
#gNaviLoginPopupBOX {
    display:none;
}

/*メイン*/
#ph_content {
	text-align:center;
	margin:0;
	padding:0 0 15px 0;
	background:#eceff2;
}
#ph_content_top, #ph_content_bottom{background:#eceff2;}
#ph_header, #ph_content, #ph_footer {
	display: inline-block;
}

#ph_content,#ph_content_top,#ph_content_bottom{
	background: #fff;
}

#ph_footer{ padding:0; margin:0;}

#box940 {
	display: inline-block;
	margin:0 auto;
	width:960px;
	background:#fff;
	
	border-radius:0 !important;
	padding-bottom:10px;
}

#box940:after, #ph_header:after, #ph_content:after, #ph_footer:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
/* Hides from IE-mac \*/
* html #box940, * html #ph_header, * html #ph_content, * html #ph_footer {
	height: 1%;
}
#box940, #ph_header, #ph_content, #ph_footer {
	display: block;
}
/* End hide from IE-mac */

/*カラムレイアウト*/
#col1 #ph_main {
	margin:0 15px;
	text-align:left;
}
#col2_r #ph_main {
	float:left;
	text-align:left;
	background:#fff;
	width:680px;
	padding-right:14px;
	margin:0 0 0 14px;
	border-right:1px solid #ccc;
  box-sizing: content-box;
}
* html #col2_r #ph_main  { padding-right:5px; margin-left:8px;} /* IE6 */
#col2_r #ph_sub {
	float:right;
	width:230px;
	margin:0 0 0 5px;
	padding:0;
	text-align:left;
}
#col2_l #ph_main {
	float:right;
	text-align:left;
	width:680px;
  box-sizing: content-box;
	padding-left:14px;
	margin:0 14px 0 0;
	border-right:1px solid #ccc;
}
* html #col2_l #ph_main  { padding-left:5px; margin-right:8px;} /* IE6 */
#col2_l #ph_sub {
	float:left;
	width:230px;
	margin:0;
	padding:0;
	text-align:left;
}
#col3 #ph_side {
	float:left;
	width:160px;
	margin:0;
	padding:0;
	text-align:left;
}
#col3 #ph_main {
	float:left;
	text-align:left;
	width:540px;
	margin-left:4px;
}
#col3 #ph_sub {
	float:right;
	width:230px;
	margin:0;
	padding:0;
	text-align:left;
}
/*モバイル用ページボタン*/
#tom {
	background:#000;
	padding:0;
	margin:0;
	text-align:center
}
#tom .btn_tom {
	width:940px;
	font-size:50px;
	line-height:100%;
	border:3px solid #ccc;
	font-weight:normal;
	margin:15px auto;
	padding:40px 30px;
	background:#fff;
	color:#333
}
#tom img {
	vertical-align:middle;
	margin-right:5px;
	width:25px
}

/*-------------▼グローバルナビゲーション▼-------------*/

#navigations{
	border-bottom: 1px solid #666;
}

#GNavi {
	margin:0 auto;
	padding:0;
	background:url(data:image/gif;base64,R0lGODlhgAcoAIABAAAAAP///yH5BAEAAAEALAAAAACABygAAAL/hI+py+0Po5y02ouz3rz7D4YiGJTmiabqyrbuC8fyTNf2jef6zvf+D+SNhsSi8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsuBsfksvmMTqvX7LY5DI/L5/S6/Y7P6/f8vv8PGCgo4lZoeIiYqLjIiDj4CBkpOUlZaXmJmam5ydlJ0ggaKjpKWmqq45mqusra6voKGys7Syt7eoubq7vL21P7CxwsPExcbHyMnBzWy9zs/Ay9qDxNXW19jZ2tvc19Ff0NHi4+DtNtfo6err7O3u7ORx4vP09/+36Pn6+/z9/vf10voMCBBM/8O4gwocKFDBs6lFIwosSJFFs8vIgxo8aN/xw7nqsIMqRIeh5LmjyJMqXKlXlGunwJsxfLmTRr2ryJMyeDmDx7+mSkM6jQoUSLGkX3M6nSpW+OOn0KNarUqZOYWr2KtQbVrVy7ev0KVknWsWTLlgiLNq3atWy7mn0LN2nbuXTr2r27Ma7evSPx+v0LOLBgbXwLGy44OLHixYwbbzoMOXI8x5QrW76M2YvkzZyfZf4MOrTo0Rs6mz6Ni7Tq1axbX0YNOzYo17Rr276tVrbu3YVw+/4NPHhO3sSLNxWOPLny5QuNO38uhLn06dSrd4OOPfsM69y7e/9OS7v48SrAmz+PPn0k8uzJq38PP778L+3rZ5+PP7/+/Ubs+2J3zl+AAg5IoAP/HchbgQouyKB8CD4YW4MSTkghdRBeaFqFGm7IYW0YfihZhyKOSKJlIJ5oWIkqrsjiXSi+qFeLMs5II1cw3mhWjTruyKNOOP6YVY9CDkmkR0AeyVSRStJYAAA7)  repeat-x top center;
	text-align:center;
	overflow:hidden;
	color:#fff; height:40px;
}
#GNavi a{ color:#fff;}

#GNavi_in {
	width:940px;
	margin:0 auto;
	padding:0;
	height:35px;
	position:relative;
}
/*------------------メニュー---------------*/

#GNavi_menu { background-image : none; }
#GNavi_menu ul{ padding:0; margin:0;}
#GNavi_menu li{
list-style:none; float:left;
padding:0; margin:0; height:40px;
*zoom: 1;
}
#GNavi_menu li a{
display:block;
height:40px;
background:url(%7e/media/Images/Houdai/common/bg_gnavi_hodai) no-repeat left top;
*zoom: 1;
overflow : hidden;
}
#GNavi_menu li a span{ display:none;}
*html #GNavi_menu li a span{ display:block;}
/*ホーム*/
#GNavi_menu li.index_home a{
width:150px;
background-position: 0 top;
}
#GNavi_menu li.index_home a:hover {
background-position: 0 -40px;
}

#GNavi_submenu{ position:absolute; right:0; top:5px;}
#GNavi_submenu ul{padding:0; margin:0;}
#GNavi_submenu li{ list-style:none; float:right; padding:0; margin:0 0 0 10px;}
#GNavi_submenu li a{
vertical-align:middle;
display:block;
padding:2px 5px; border:1px solid #000;
border-radius: 5px;        /* CSS3草案 */  
min-height:24px;
*zoom: 1;
overflow : hidden;
}
#GNavi_submenu li a:hover{border-color:#fff; text-decoration:none;}
/*IE6対策*/
* html #GNavi_submenu .index_cart a{ width:190px;}
* html #GNavi_submenu .index_en a{ width:90px;}


/*-------------------サブ---------------*/
#SNavi{
padding:0; margin:0;
color:#fff;
text-shadow: 1px 1px 3px #000;
text-decoration:none !important;
text-align:center;
}

#ph_footer #SNavi{
	background:#555;
}

#SNavi:after{ display: block; clear:both; height: 0; line-height: 0; visibility: hidden; content: "."; font-size: 0.1em;}
#SNavi{ display: inline-block;}
* html #SNavi{ height: 1%;}
#SNavi{ display: block;}

#SNavi a{ color:#58ddfe; text-shadow: 1px 1px 3px #000;text-decoration:none !important;}
#SNavi a:hover{ color:#9cfffe;}

#SNavi_in {
	width:940px;
	margin:0 auto;
	padding:0;
	font-size:80%;
}
#eshopNavi {
	width:230px;
	float:right;
	text-align:right;
	padding:5px 0 0 0;
}
#pankuzu {
	margin:0 auto;
	padding:7px 0 5px 0;
	text-align:left;
	font-size:11px;
	float:left;
	width:700px;
}
#pankuzu li{ float:left; font-size:11px; margin:0; padding:0; list-style:none;}

/*-------------▲グローバルナビゲーション▲-------------*/

/*メイン上部タイトル、SNS*/
#titleBox {
	padding:10px 15px 0 15px;
	text-align:left;
}
#sns {
	float:right;
	font-size:12px;
	text-align:right;
	margin:10px 15px 0 0;
}
#title {
	clear:both;
}
#title_safesu #title {
	clear:none;
}
#title .reg {
	font-size:70%;
	font-weight:normal
}
#title_hard {
	font-size:70%;
	float:left;
	width:550px;
}
#title .subtitle {
	float:left;
	margin:5px 0 0 15px;
}

#titleBox-v2 {
	padding:10px 15px 0 15px;
	text-align:left;
	box-sizing: border-box;
}
#titleBox-v2 #title_header {
	display: flex;
	justify-content: space-around;
}
#titleBox-v2 #title_header {
	float: none;
}
#titleBox-v2 #titleBox-snsBox {
	text-align: right;
}
#titleBox-v2 h1 {
	float: none;
	margin-left:8px;
}
#titleBox-v2.isNewProduct h1 {
	margin-left: 0;
}

#titleBox-v2.isNewProduct h1::before {
	content: "";
	display: inline-block;
	width: 90px;
	height: 30px;
	margin-bottom: -7px;
	background: url("/~/media/Images/eshop/pt/icon_new") center center no-repeat;
}
#titleBox-v2.isWebOnly h1::after {
	content: "";
	display: inline-block;
	width: 60px;
	height: 22px;
	margin-bottom: -3px;
	background: url("/~/media/Images/Common/icon/icon_webonly") center center no-repeat;
}

/* 大中小 */
#LMS_Box h2 {
	clear:both;
}
#LMS_Box h2 a:hover,#LMS_Box h3 a:hover{ text-decoration:none;}
#LMS_Box .largeBox {
	margin:0 0 0.9em 8px
}
#LMS_Box .mediumBox {
	margin:0 0 0.9em 8px
}
#LMS_Box .smallBox {
	margin:0 0 0.9em 18px
}

/* 大メニュー */
#index .index { color:#0000FF; cursor:pointer;}
#index .index_on { color:#0000FF; text-decoration:underline; cursor:pointer;}

/*フッター*/
#bra {
	background:#888;
	color:#fff;
	font-size:12px;
	margin:0;
	padding:10px;
	text-align:center;
}
#bra a {
	color:#fff
}
#bra ul{ padding:0; margin:0 auto; width:940px}
#bra li{
font-size:12px; display:inline; border-right:1px solid #fff;
padding:0 8px; margin:0; list-style:none;
}

#footer {
	border-top:none;
	background:#666666;
	color:#fff;
	margin:0;
	padding:15px;
	font-size:12px
}
#footer_in {
	width:940px;
	margin:0 auto
}
.footer_listbox {
	float:left;
	padding:0;
	margin-bottom:15px;
	text-align:left;
	width:155px;
	border-left:1px solid #777
}
.footer_listbox a {
	color:#fff
}
.footer_listbox h4,.footer_listbox p strong {
	font-size:12px;
	margin:0 10px 10px 10px;
}
.footer_listbox ul {
	margin:0 10px;
	padding:0
}
.footer_listbox li {
	list-style:none;
	margin-left:0;
	padding:0;
	font-size:11px;
	line-height:110%;
	margin-bottom:8px
}
/*上に戻る*/
#backTOP {
	position:fixed;
	right:5px;
	bottom:0px;
	width:70px;
	text-align:center;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	border-bottom:none;
	background-color:#1291c0;
}
#backTOP a {
	color:#fff;
	font-size:10px;
	width:70px;
	padding:10px 0;
	display:block;
	margin:0
}
#backTOP a:hover {
	background:#36a8d2;
	text-decoration:none;
}
/*ECカート調整*/
#soryo {
	margin:0 15px !important
}

/*割引券*/
#oft_infoBigBox{
	width:100%;
	position:absolute;
	top:0;
}
#oft_info940Box{
	width:940px;
	margin:0 auto;
	position:relative;
}
#oft_infoBox{
	width:290px;
	border:1px solid #ccc;
	text-align:left;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.4);
	position:absolute;
	top:-100px;
	right:0;
	transition:			top 1s ease,
						opacity 1s ease;


	-webkit-transition:	top 1s ease,
						opacity 1s ease;
	-moz-transition:	top 1s ease,
						opacity 1s ease;
	-o-transition:		top 1s ease,
						opacity 1s ease;
}
#oft_headBox{
	background:URL(/img/common/bg_info_waribiki.png) repeat-x;
	height:30px;
	overflow-y:hidden;
}
#oft_infoBox #imgDiv{width:38px;height:28px; float:left; }
#oft_infoBox #btnDiv{width:15px; height:20px; float:right; }
#oft_infoBox #btnDiv a{display:block; background:URL(/img/common/bg_info_waribiki_btn.png) no-repeat top center;}
#oft_infoBox #btnDiv a:hover{background:URL(/img/common/bg_info_waribiki_btn.png) no-repeat bottom center;}
#oft_infoBox #txtDiv{padding:5px 0 0;height:28px;}
#oft_contBox{background:#fff url(/img/common/bg_info_waribiki_rb.png) no-repeat bottom right;}
#oft_infoBox p{padding:0 10px 5px 10px;}

/*inner popup v2*/
#innerPopup_base{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	z-index:999999;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-8 */
}
#innerPopup_BoxTD{
	width:100%;
	height:100%;
}

#innerPopup_topBAR{
	text-align:right;
	height:32px;
	padding:0;
	margin-top:-32px;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-8 */

	z-index:1000001;
	width:100%;
}

#innerPopup_FrameBox{
	padding:0;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	z-index:1000002;
	max-height:80%;
	max-width:80%;
}
#innerPopup_FrameDiv{
	height:100%;
	width:100%;
	background-color:#fff;
	text-align:center;
	z-index:1000002;
}
#innerPopup_Frame{
	border:0;
	frameborder:0;
	margin:0 auto;
	height:100%;
	width:100%;
	z-index:1000002;
}
#innerPopup_topBARbox {margin:0 5px; padding-top:1px;}
#innerPopup_topBAR img{
	cursor: pointer; 
}
/* 吹き出し */
.kamoToolTip,
#kamoToolTip {
	position:absolute;
	width:150px;
	display:none;
	z-index:1000;
	font-size:10pt;
	border-radius: 5px;
	-ms-border-radius: 5px;
	border:1px solid #999;
	background-color:#fff;
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4);
	-ms-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4);
}
.kamoToolTip p,
#kamoToolTip p {

	margin:5px;
	text-align:center;
}
.cartinfo-counted .index_cart a span::before 
, .cartinfo-counted #cart_txt span::before {
	content: '（'
	}
.cartinfo-counted .index_cart a span::after
, .cartinfo-counted #cart_txt span::after {
	content: '件）'
	}

/*新フォーマット上書き*/
.common__header-member-icon { cursor: pointer; }


.common__header-menu-inner{
    margin-bottom: 0;
}
.common__header-menu-inner li {
    margin: 0;
}

.common__header-member > p{
margin-bottom:0;
}
.common__header-member-icon {
    text-align:left;
}

@media (max-width: 768px) {
.common__header-member-link li {
    margin-bottom: 10px;
}
}

.miraiweb__v3--view {
    text-align: left;
}