@charset "Shift_JIS";

/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header {
	width: 100%;
	height:88px;
	margin-bottom: 20px;
	background: url(../img/usr/top/header_bg.gif) center top repeat-x;
}
#header #header_inner {
	width:960px;
	height:88px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#header #sitelogo {
	width:197px;
	height:78px;
	position:absolute;
	top:5px;
	left:0;
}
#header #headernav {
	width: 750px;
	height:35px;
	position:absolute;
	top:7px;
	left:210px;
}
#header #headernav li {
	height:35px;
	float: left;
	text-align: left;
	overflow:hidden;
}
#header #headernav li.welcome_ {
	width:150px;
	padding:0 10px 0 0;
	margin:0 0 0 10px;　/*新規追加(2018.04.16)*/
	text-align:center;
	background:rgba(255,255,255,0.8);
}
#header #headernav li.welcome_ p{
	line-height:260%;
	font-size:16px;
}
#header #headernav li.hentry_ {
	width:180px;
	padding:0 10px 0 10px;
}
#header #headernav li.hcart_ {
	width:378px;
	height:30px;
	padding:4px 5px 0 ;
	line-height:26px;
	background:#fff;
}
#header #headernav li.hcart_ a#hcart_btn {
	width:110px;
	height:26px;
	position:absolute;
	top:5px;
	right:5px;
}
#header #headernav li.hcart_ span {
	color:#ff0000;
    font-size: 10px;
}
#header #globalnav {
	width: 750px;
	position:absolute;
	top:55px;
	left:210px;
}
#header #globalnav li {
	float: left;
	text-align: left;
	width: 150px;
}
#header #globalnav li.notice_box_ {
	font-size:12px;
	position:relative;
	top:-3px;
	text-align:center;
}
#header #globalnav li a {
}

/* --------------------------------------------------------------------
	ユーザー定義　法人用ヘッダー　※2018.03.26　追加
--------------------------------------------------------------------- */
#header_H {
	width: 100%;
	height:88px;
	margin-bottom: 20px;
	background: url(../img/usr/top/header-HOUJIN_bg.gif) center top repeat-x;
}
#header_H #header_inner {
	width:960px;
	height:88px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#header_H #sitelogo {
	width:197px;
	height:78px;
	position:absolute;
	top:5px;
	left:0;
}
#header_H #headernav {
	width: 750px;
	height:35px;
	position:absolute;
	top:7px;
	left:210px;
}
#header_H #headernav li {
	height:35px;
	float: left;
	text-align: left;
	overflow:hidden;
}
#header_H #headernav li.welcome_ {
	width:150px;
	padding:0 10px 0 0;
	text-align:center;
	background:rgba(255,255,255,0.8);
}
#header_H #headernav li.welcome_ p{
	line-height:260%;
	font-size:16px;
}
#header_H #headernav li.hentry_ {
	width:180px;
	padding:0 10px 0 10px;
}
#header_H #headernav li.hcart_ {
	width:378px;
	height:30px;
	padding:4px 5px 0 ;
	line-height:26px;
	background:#fff;
}
#header_H #headernav li.hcart_ a#hcart_btn {
	width:110px;
	height:26px;
	position:absolute;
	top:5px;
	right:5px;
}
#header_H #headernav li.hcart_ span {
	color:#ff0000;
    font-size: 10px;
}
#header_H #globalnav {
	width: 750px;
	position:absolute;
	top:55px;
	left:210px;
}
#header_H #globalnav li {
	float: left;
	text-align: left;
	width: 150px;
}
#header_H #globalnav li.notice_box_ {
	font-size:12px;
	position:relative;
	top:-3px;
	text-align:center;
}
#header_H #globalnav li a {
}


/* --------------------------------------------------------------------
	ユーザー定義　大幅変更ヘッダー/共通ヘッダー　※2018.04.16　追加
--------------------------------------------------------------------- */
#header2 {
	width: 100%;
	height:88px;
	margin-bottom: 20px;
	background-color: #FC9A35; /*ヘッダーの背景色*/
}
	/*background: linear-gradient(#FC9A35, #FFDFCE);*/ /*ヘッダーの背景色-グラデーション指定*/
	/*background: url(../img/usr/top/header2_bg.gif) center top repeat-x; 　※ヘッダー変更のため(2018.05.17)*/

#header2 #header_inner {
	width:960px;
	height:88px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#header2 #sitelogo {
	width:200px;
	height:67.5px;
	position:absolute;
	top:9px;
	left:0;
}
#header2 #headernav {
	width: 750px;
	height:35px;
	left:210px;
	position:relative;
	top:45px;　/*※変更　7px→45px　ヘッダー変更の為(2018.07.13)*/
}
#header2 #headernav li {
	height:35px;
	float: left;
	text-align: left;
	overflow:hidden;
}
#header2 #headernav li.welcome_ {
	width:150px;
	padding:0 10px 0 0;
	text-align:center;
	background:rgba(255,255,255,0.8);
}
#header2 #headernav li.welcome_ p{
	line-height:260%;
	font-size:16px;
}
#header2 #headernav li.hentry_ {
	width:180px;
	padding:0 10px 0 10px;
}
#header2 #headernav li.hcart_ {
	width:378px;
	height:30px;
	padding:4px 5px 0 ;
	line-height:26px;
	background:#fff;
}
#header2 #headernav li.hcart_ a#hcart_btn {
	width:110px;
	height:26px;
	position:absolute;
	top:5px;
	right:5px;
}
#header2 #headernav li.hcart_ span {
	color:#ff0000;
    font-size: 10px;
}
#header2 #globalnav {
	width: 750px;
	left:210px;
	position:absolute;
	top:10px;　/*※変更　50px→7px　ヘッダー変更の為(2018.07.13)*/
}
#header2 #globalnav li {
	float: left;
	text-align: left;
	width: auto; /*※変更　150px→auto　ヘッダー変更の為(2018.07.17)*/
	background-color:rgb(255,255,255,0);　/*※追加変更　ヘッダー変更の為(2018.08.01)*/
	margin:5px;　/*※追加　ヘッダー変更の為(2018.07.12)*/
}

#header2 #globalnav li.notice_box_ {
	font-size:12px;
	position:relative;
	top:-3px;
	text-align:center;
}

/*※追加　ヘッダー変更の為(2018.07.12)*/
#header2 #globalnav li.hcart_ {
	float: left;
	/*text-align:center;*/ /*※変更　left→center ヘッダー変更の為(2018.07.17)*/
	width: 125px; /*※変更　150px→125px　ヘッダー変更の為(2018.07.17)*/
	height:28px;
	position:relative;
	margin:auto; /*※追加　ヘッダー変更の為(2018.07.17)*/
	
	background-color:rgb(255,255,255,0.7);　/*※追加・変更　ヘッダー変更の為(2018.07.17)*/
}


/* --------------------------------------------------------------------
	ユーザー定義　トップページ　バナースライダー用　※2018.04.05　追加
--------------------------------------------------------------------- */
#campaign {
    width: 870px;
    position: relative;
    overflow: hidden;
    height: 150px;
}

#campaign .inner {
    position: absolute;
    width: 720px;
}

#campaign .bx-wrapper {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    border: none !important;
    max-width: 100% !important;
}

#campaign .bx-wrapper .bx-next:after {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    content: "\25B6";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    height: 100%;
    text-indent: 0 !important;
    position: absolute;
}
#campaign .bx-wrapper .bx-prev:after {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    content: "\25C0";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    height: 100%;
    text-indent: 0 !important;
    position: absolute;
}


#campaign .sliderBannerL .bx-wrapper img {
    max-width: none !important;
}

#campaign .sliderBannerL li p {
    text-align: center;
    padding-top: 0.25rem;
}

#campaign .bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
    position: relative !important;
    bottom: 0 !important;
}

#campaign .bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager a {
    height: 15px !important;
    width: 15px !important;
    border-radius: 0 !important;
}

#campaign .bx-wrapper .bx-pager {
    padding-top: 0.5rem !important;
}


/*※2021.02.01　追加*/
.inner > .sliderBannerL > li + li {
display: none;
}


/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
.visual_ {
	margin-bottom: 10px;
}

/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
#footer {
	margin-top: 30px;
	background-image: url(../img/usr/top/header_bg2.gif);
	text-align:left;
}
#footer_guide {
	padding:30px 0 10px;
	background:#ffd995;
	/padding:30px 0 30px;
}

/*height520→500px変更20180109*/
#footer_guide_inner {
	width:960px;
	height:500px;
	margin:0 auto;
	background:#ffd995;
}

#footer_guide_inner h2 {
	padding:5px 0 5px 10px;
	margin:0 0 10px 0;
	border-left:#ea570f 5px solid;
	font-weight:bold;
	background:#fff1d8;
}
#footer_guide_inner ul {
	width:960px;
	overflow:hidden;
}

/*height250→削除　20180109*/
#footer_guide_inner ul li {
	width:319px;
	margin-bottom:10px;
	border-left:#efac4c 1px solid;
	float:left;
	line-height:1.6;
}

/*height250→削除　20180109*/
#footer_guide_inner ul li div.guide_article_ {
	width:298px;
	padding:0 10px;
	border-left:#fff 1px solid;
	line-height:1.2;
}

#footer_guide_inner ul li div.guide_article_.no3_ {
	width:308px;
	padding:0 0 0 10px;
	border-left:#fff 1px solid;
	line-height:1.6;
}
#footer_guide_inner ul li .card_ {
	margin:10px 0;
}
#footer_guide_inner ul li#calendar {
	width:639px;
}
#footer_guide_inner ul li#calendar div.guide_article_ {
	width:638px;
	padding:0 0 0 10px;
	overflow:hidden;
}
#footer_guide_inner ul li div.desc_ {
	width:200px;
	padding:0 10px 0 0;
	float:left;
	line-height:1.6;
}
#footer_guide_inner ul li ul.info_ {
	width:420px;
	float:right;
	overflow:hidden;
}
#footer_guide_inner ul li ul.info_ li {
	width:200px;
	padding:0 10px 0 0;
	margin-bottom:0;
	border-left:none;
	float:left;
}
#footer_inner {
	height:60px;
	width:960px;
	padding:10px 0 0 0;
	margin:0 auto;
	position:relative;
}
#footernav li {
	padding: 0 1em;
	float:left;
	border-right: 1px solid #333;
}
#footernav li.first_ {
	border-left: 1px solid #333;
}
#footernav a {
	color:#333;
	text-decoration:underline;
}
#footernav a:hover {
	color:#fff;
	text-decoration:none;
}
#copyright {
	color:#333;
	position:absolute;
	right:186px;
}
#copyrightimg {
	color:#333;
	position:absolute;
	top:0;
	right:0;
}

/* --------------------------------------------------------------------
	ユーザー定義　hover時画像透過
--------------------------------------------------------------------- */
#header a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

/* --------------------------------------------------------------------
	ユーザー定義　Twitter/Blog
--------------------------------------------------------------------- */
#shop_information_list {
	margin-top:20px;
}
#shop_information_list .information_box_ {
	margin-bottom:20px;
}
#shop_information_list .information_box_ h2 {
	margin-bottom: 5px;
	padding: 5px 0 5px 20px;
	font-size: 14px;
	font-weight: bold;
	background:url(../img/usr/top/arrow_bottom.png) left center no-repeat;
	clear: both!important;
}
#shop_information_list .information_box_ table {
	width:100%;
	border-collapse:collapse;
	border:#cccccc 1px solid;
}
#shop_information_list .information_box_ table th {
	width:238px;
	text-align:center;
	vertical-align:middle;
	border-collapse:collapse;
	border-right:#cccccc 1px solid;
}
#shop_information_list .information_box_ table td {
	padding:5px 10px;
	vertical-align:middle;
}
#shop_information_list div.timeline_ {
	border:#cccccc 1px solid;
}
#shop_information_list a {
	padding:0 0 0 25px;
	font-weight:bold;
	text-decoration:underline;
}
#shop_information_list a.blog_link_ {
	background:url(../img/usr/top/blog.png) left center no-repeat;
}
#shop_information_list a.twitter_link_ {
	background:url(../img/usr/top/twitter.png) left center no-repeat;
}
#shop_information_list a.shop_link_ {
	padding:0 0 0 0;
}
#shop_information_list #eleshop h2 {
	position:relative;
}
#shop_information_list #eleshop h2 .follow_ {
	width:119px;
	height:20px;
	position:absolute;
	top:5px;
	right:0;
}
iframe.twitter-timeline {
	width:100%;
}

/* --------------------------------------------------------------------
	ユーザー定義　eleshop org
--------------------------------------------------------------------- */


/* --------------------------------------------------------------------
	ユーザー定義　価格(税込)　※2021.03.11　追加
--------------------------------------------------------------------- */
.price_tax{
	font-size:9px;
	font-weight:normal;}