@import "/css/font-awesome/css/font-awesome.min.css";
@import "/sp/css/header.css?var=2020003";
/* Layout
----------------------------------------------*/
sup {
	vertical-align: super;
	font-size: smaller;
}

/* 検索フォーム */
#special_site {
	margin: 10px 5px;
	color: #fff;
	text-align: center;
	list-style: none;
	border: 3px double #557;
	box-sizing: border-box;
}
#special_site a {
	padding: 10px 0;
	display: block;
	color: #fff;
	background: #c40e18;
}
#special_site .new {
	margin-left: 7px;
	padding: 2px 5px;
	display: inline-block;
	color: #b01313;
	background-color: #fff;
	border-radius: 2px;
	font-size: 90%;
	line-height: 1;
	color: #b01313;
}
.title00 {
	font-size:115%;
	font-weight:bold;
	margin:15px 0 10px;
	padding:5px 10px 0 0;
}
.title01 {
	font-size:115%;
	font-weight:bold;
	margin:15px 0 0 5px;
	padding:5px 10px;
	border-left:5px #ccc solid;
}
.kdmu_box {
	padding:15px;
	margin:10px 0;
	border:1px #ccc solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.arrow01 li {
	background:url(/sp/images/arrow01.png) no-repeat;
	background-position:2% 50%;
	border-bottom:1px #ccc solid;
	font-size:85%;
}
.arrow01 li a {
	display:block;
	padding:17px 0 17px 35px;
}
.video {
	position: relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	left:10%;
}
.video iframe,.video object,.video embed {
	position:absolute;
	top:0;
	left:0;
	width:80%;
	height:80%;	
}
.go_lpbnr li {
	width:49%;
	float:left;
}
.go_lpbnr li img { width:100%;}

.movie { width:98%; margin:0 auto;}
.movie p {
width:80%;
text-align:center;
 margin:0 auto;
}
.movie p img {
	width:100%;
	height:auto;
}
.breadcrumb {
	height:45px;
	font-size:11px;
}
.breadcrumb li { float:left;}
.breadcrumb li a {
	display:block;
	padding:15px 0;
}

/* Slide */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/* sns */
.sns { width:250px; margin:10px auto 0;}

.sns li { float:left; margin-left:15px; overflow:hidden;}

.sns li:first-child { margin-left:0;}
.sns .btn_tweeter { width:69px;}
.sns .btn_facebook { width:71px;}
.sns .btn_google { width:32px;}
.sns .btn_youtube { width:20px;}
.sns .btn_pinterest { width:20px;}

/* clearfix */
.clearfix{
	overflow:hidden;
}
.clearfix:after {
	clear:both;
	content:"";
	display:block;
	height:0.01px;
	visibility:hidden;
	overflow:hidden;
}

/* container
----------------------------------------------*/
#container {
	/*  padding-bottom: 25px; */
}

/* mainVisual
----------------------------------------------*/
#mainVisual {
	margin-bottom: 0;
	border-bottom: 1px solid #000;
}
#mainVisual .swiper-control {
	position: relative;
}
#mainVisual .swiper-arrow a {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(/sp/image/common/slide1_controller.png);
	background-size: auto 20px;
	background-repeat: no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	position: absolute;
	top: 10px;
}
#mainVisual .swiper-arrow .prev { left: 10px; background-position: left top;}
#mainVisual .swiper-arrow .next { right: 10px; background-position: right top;}

/* searchItem
----------------------------------------------*/
#searchItem {
	padding: 0 5px 5px;
	margin-bottom: 10px;
	overflow: hidden;
	border-top: 1px solid #cccccc;
}
#searchItem h1 {
	margin-bottom: 25px;
}
#searchItem .slide {
	width: 100%;
	position: relative;
}
#searchItem .swiper-container {
	margin: 0 20px;
}
#searchItem .swiper-arrow a {
	display: block;
	width: 20px;
	height: 45px;
	background-image: url(../image/common/slide2_controller.png);
	background-size: auto 45px;
	background-repeat: no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
#searchItem .swiper-arrow .prev { left: -5px; background-position: left top;}
#searchItem .swiper-arrow .next { right: -5px; background-position: right top;}

/* newsTopics
----------------------------------------------*/
#newsTopics {
	padding: 0 5px;
}
#newsTopics h1 {
	margin-bottom: 20px;
}
#newsTopics .movie {
	width: auto;
	margin: 20px 5px;
	text-align: center;
}
#newsTopics .movie img {
	width: 100%;
	height: auto;
}

ul#blog_rank > li {
    display: inline-block;
    width: 29%;
    float: none;
    margin-left: 2px;
    margin-right: 2px;
}

/* ブログバナーエリア
----------------------------------------------*/
#banner_area .blog_panel_list {
    overflow: hidden;
    margin: 0.2em 0.6em 0;
    font-size: .9em;
    border: solid 1px #cccccc;
    text-align: center;
    padding: 0;
}
#info_banner ul#blog_panel_wrapper {
    margin: 0 0.5em 0;
    padding: 0;
    border: solid 1px #aaa;
}
#info_banner ul#blog_panel_wrapper > li {
    margin-bottom: 0;
}
#info_banner ul > li > ul.blog_panel_list  {
    margin-top: 20px;
    padding-top: 0;
}
ul#blog_panel_information.blog_panel_list {
    padding: .8em 0em 0;
}

#info_banner ul.blog_panel_list li:first-child {
    margin-bottom: 8px;
}
#info_banner ul.blog_panel_list li {
    width: 99%;
    margin-bottom: .4666em;
    padding: 0;
    margin-bottom: 5px;
}
#info_banner ul.blog_panel_list li:nth-child(2n) {
    margin-right: 1%;
    margin-top: 0;
}
#info_banner ul.blog_panel_list li:last-child {
    margin-bottom: 0;
}
#info_banner ul.blog_panel_list li a {
    text-indent: .2em;
    font-size: .9em;
    display: inline-block;i
}
#info_banner ul.blog_panel_list li a:after {
    content: " \f105";
    font-family: FontAwesome;
}

/* bottomNav
----------------------------------------------*/
#bottomNav {
	margin: 0 0 5px;
	padding: 10px 5px;
	color: #000;
	background-color: #F1F4F8;
}
#bottomNav .main {
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
}
#bottomNav .main li {
	float: left;
	width: 125px;
	text-align: center;
}
#bottomNav .main li:nth-child(1) {
	margin: 10px 0;
	padding: 0 17px 0 7px;
	border-right: 1px solid #D1DBE9;
}
#bottomNav .main li:nth-child(2) {
	margin: 10px 0 0 10px;
	padding: 0 8px 10px 7px;
	border-bottom: 1px solid #D1DBE9;
}
#bottomNav .main li:nth-child(3) {
	margin: -1px 10px 10px 0;
	padding: 10px 7px 0;
	border-top: 1px solid #D1DBE9;
}
#bottomNav .main li:nth-child(4) {
	margin: 10px 0;
	padding: 0 6px 0 17px;
	border-left: 1px solid #D1DBE9;
}
#bottomNav .main li a {
	display: block;
	height: 22px;
	font-size: 69%;
	line-height: 22px;
	color: #000;
	background-color: #B8C6D3;
	border-radius: 3px;
}
#bottomNav .main li p {
	display: table-cell;
	width: 125px;
	height: 46px;
	padding-top: 40px;
	font-size: 75%;
	line-height: 1.4;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 40px;
}
#bottomNav .main li#fnShop p { background-image: url(../image/common/icon_menu01.png);}
#bottomNav .main li#fnRson p { background-image: url(../image/common/icon_menu02.png);}
#bottomNav .main li#fnItem p { background-image: url(../image/common/icon_menu03.png);}
#bottomNav .main li#fnFaqs p { background-image: url(../image/common/icon_menu04.png);}
#bottomNav .share {
	padding: 28px 0;
	text-align: center;
}
#bottomNav .share ul {
	overflow: hidden;
	line-height: 1;
}
#bottomNav .share li {
	display: inline-block;
	padding: 0 2px;
	vertical-align: top;
}
#bottomNav .guide {
	border-top: 1px solid #ccc;
}
#bottomNav .guide li {
	float: none;
	height: 44px;
	font-size: 75%;
	line-height: 44px;
	border-bottom: 1px solid #ccc;
}
#bottomNav .guide li a {
	display: block;
	padding: 0 22px 0 5px;
	background: url(../image/common/marker_arrow.png) no-repeat right top;
	background-size: 22px auto;
}
/* btnPageTop
----------------------------------------------*/
.btnPageTop {
	margin: 5px 0;
	padding: 0 5px;
}
.btnPageTop a {
	display: block;
	height: 22px;
	padding-top: 22px;
	font-size: 69%;
	text-align: center;
	color: #000;
	background: #B8C6D3 url(../image/common/btn_pagetop.png) no-repeat center top;
	background-size: 22px auto;
	border-radius: 3px;
}

/* slider-version
----------------------------------------------*/
/*slidebox*/
#slideBox {
	width: 100%;
	position: relative;
}
#slideBox .swiper-container {
	margin: 0 25px;
	padding: 5px 0;
}
#slideBox .swiper-arrow a {
	display: block;
	width: 20px;
	height: 45px;
	background-image: url(../image/common/slide2_controller.png);
	background-size: auto 45px;
	background-repeat: no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	position: absolute;
	top: 130px;
	z-index: 10;
}
#slideBox .swiper-arrow .prev { left: -5px; background-position: left top;}
#slideBox .swiper-arrow .next { right: -5px; background-position: right top;}
#slideBox .article h2,
#slideBox .article h3 {
	margin: 0;
	padding: 2px 4px;
	line-height: 1.4;
	text-align: center;
	border: 0 none;
}
#slideBox .article p {
	padding: 8px 8px 10px;
	font-size: 88%;
	line-height: 1.6;
}

/*bannerSlide*/
#bannerSlide .banner,
#bannerSlide2 .banner {
	margin: 0;
	padding: 0;
}
#bannerSlide .swiper-control,
#bannerSlide2 .swiper-control {
	position: relative;
}
#bannerSlide .swiper-arrow a,
#bannerSlide2 .swiper-arrow a {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../image/common/slide1_controller.png);
	background-size: auto 20px;
	background-repeat: no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	position: absolute;
	top: 10px;
}
#bannerSlide .swiper-arrow .prev,
#bannerSlide2 .swiper-arrow .prev { 
	left: 10px;
	background-position: left top;
}
#bannerSlide .swiper-arrow .next,
#bannerSlide2 .swiper-arrow .next { 
	right: 10px;
	background-position: right top;
}

/* slider-common
----------------------------------------------*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-wrapper .article,
.swiper-wrapper .banner,
.swiper-slide { float: left; display: block;}
.swiper-slide img {width: 100%; height:auto; vertical-align: top;}
.swiper-control { position:relative; width:100%;}
.swiper-pager {
	height: 10px;
	margin: 0 25px;
	padding: 15px 0;
	line-height: 10px;
	text-align: center;
}
.swiper-pager span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	text-align: left;
	white-space: nowrap;
	text-indent: 100%;
	color: #fff;
	background-color: #333;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
}
.swiper-pager span.swiper-active-switch {
	color: #fff;
	background-color: #C3C3C3;
}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}

/* content-common
----------------------------------------------*/
/* banner */
.banner {
	padding: 0 5px;
	text-align: center;
}
ul.banner {
	overflow: hidden;
}
ul.banner li { margin-bottom: 20px;}
ul.banner li:last-child { margin-bottom: 0;}
ul.banner li.f_left,
ul.banner li.f_right { width: 48%;}
ul.banner.block2 li { width: 49%;}
ul.banner.block2 li:nth-child(odd) { float: left;}
ul.banner.block2 li:nth-child(even) { float: right;}

/* inner_block */
.block {
	padding: 0 5px 5px;
}

/* innner img */
h1 img,h2 img,h3 img,.pik img,.banner img,.catch img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
h1 img#idc-logo  {
    width: auto; !important;
}

/* bgcolor button */
section .btnList {
	clear: both;
	margin: 5px 0;
	letter-spacing: 5px;
}
section .btnList li {
	margin: 10px 0;
}
section .btnList a {
	display: block;
	height: 33px;
	font-size: 90%;
	line-height: 33px;
	text-align: center;
	color: #000;
	background-color: #FFFFFF;
	border-radius: 3px;
	border:1px solid #cccccc;
	vertical-align: middle;
}
	
/* clearfix */
#header:after,
#newsTopics .banner:after,
#hintTopics li:after,
.block:after {
	content: "";
	display: block;
	clear: both;
}

/* Basic
----------------------------------------------*/

.f_left { float:left;}
.f_right { float:right;}

/* width */
.wi_40{ width:40%;}
.wi_50{ width:50%;}
.wi_55{ width:55%;}
.wi_65{ width:65%;}
.wi_80{ width:80%;}
.wi_100{ width:100%;}

/* margin */
.mt0 { margin-top:0px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}

.mrl5{
	margin-right:5px;
	margin-left:5px;
}
.mrl10{
	margin-right:10px;
	margin-left:10px;
}

/* padding */
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}
.pt50 { padding-top:50px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl40 { padding-left:40px;}
.pl50 { padding-left:50px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr40 { padding-right:40px;}
.pr50 { padding-right:50px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}
.pb50 { padding-bottom:50px;}

.tx_red { color:#f00;}
.tx_blue { color:#06f;}
.tx_orange { color:#f60;}

.tx_center { text-align:center;}
.tx_right { text-align:right;}

.f_size70 { font-size:70%;}
.f_size75 { font-size:75%;}
.f_size85 { font-size:85%;}
.f_size90 { font-size:90%;}
.fs_up {font-size:115%;}
.fs_up110 {font-size:110%;}
.fs_up120 {font-size:120%;}
.fs_up130 {font-size:130%;}

.border_t { border-top:1px #ccc solid;}
.border_r { border-right:1px #ccc solid;}
.border_b { border-bottom:1px #ccc solid;}
.bob_4A637B {border-bottom: 1px solid #4A637B;}

.inner { margin:0 10px;}

.notice {
	text-indent:-1em;
	margin-left:1em;
}

.bg { background:#eee;}

.b {font-weight:bold;}

.m_auto {margin:0 auto;}

.arrow1 {
	padding-left:15px;
	background:url(/image/common/arrow1.gif) no-repeat left .35em;
}

.img_w100 img {
	width:100%;
	margin:0 auto;
}

.chineselink2{
	margin:-3px 10px 3px 0px;
	padding:0px 5px 0px 0px;
	display: block;
	float:right;
	text-align:right;
	overflow:auto; 
}

.text_position_r{
	text-align: right;
}
.kuma_f_style{
	font-size: 12px;
    padding: 0px 0px 0px 0px;
}
.left_arow {
    margin-bottom: 3px;
    padding: 10px 10px 10px 10px;
    background: url(/image/common/footer_marker.gif) no-repeat left center;
    width: 290px;
    float: right;
}
.left_arow_top {
    margin-bottom: 3px;
    padding: 0px 10px 0px 10px;
    background: url(/image/common/footer_marker.gif) no-repeat left center;
    width: 290px;
    float: right;
}
.width100{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #4A637B;
}

/* #footer */
/*
#footer {
	font-size:95%;
	width:100%;
	margin:30px auto 0;
	text-align:left;
}
#footer a {
	text-decoration:none;
}
#footer #footer_inner .event_bnr {
	margin:auto 5px;
}
#footer #footer_inner .event_bnr li {
	margin-bottom:20px;
	padding-top:0;
}
#footer #footer_inner .event_bnr li img {
	width:100%;
}
#footer #footer_inner {
	background-color:#fff;
	font-size:95%;
}
#footer #footer_inner .tenpo_headline {
	border-bottom: 1px solid #ddd;
	padding:30px 5px 5px 5px;
}
#footer #footer_inner .tenpo_headline li {
	display:inline;
}
#footer #footer_inner .tenpo_headline .blog_link {
	text-align:right;
	float:right;
}
#footer #footer_inner .tenpo_headline .blog_link a {
	padding:5px;
	width:50%;
}
#footer #footer_inner .tenpo_headline .blog_link a:before {
	content:"\f105";
	font-family:FontAwesome;
	margin:0 1em 0 0;	
}
#footer #footer_inner .tenpo_headline .shop_link a:before {
	content:"\f105";
	font-family:FontAwesome;
	margin:0 1em 0 0;	
}
#footer #footer_inner #tenpo div:first-child {
	margin-left:0;
}
#footer #footer_inner #tenpo p.nenshi {
	padding:10px;
}
#footer #footer_inner #tenpo p.nenshi a:before {
	content:"\f105";
	font-family:FontAwesome;
	margin-right: 1em;
}
#footer #footer_inner #tenpo .tenpo_area ul {
	padding:8px;
}
#footer #footer_inner #tenpo .tenpo_area p {
	font-size:110%;
	background: #eee url(/image/common/down.png) no-repeat 99% 50%;
	border-bottom:1px solid #ddd;
	padding:10px;
}
#footer #footer_inner #tenpo .tenpo_area p.active {
	background: #eee url(/image/common/up.png) no-repeat 99% 50%;
}

#footer #footer_inner #tenpo .tenpo_area li{
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}
#footer #footer_inner #tenpo .tenpo_area li:last-child {
	border: none;
}
#footer #footer_inner #tenpo .tenpo_area li a {
	display: block;
	padding: 5px;
}
#footer #footer_inner #tenpo .tenpo_area li a:before {
	content:"\f105";
	font-family:FontAwesome;
	margin-right: 1em;
}
#footer #footer_inner #tenpo .tenpo_area li span {
	margin-left:1.5em;
}
#footer #footer_inner #tenpo .tenpo_area li span.popup_area_title {
	margin-left:0;
	color: #888;
}
#footer #footer_inner #tenpo .tenpo_area ul ul {
	padding: 0;
}
#footer #footer_inner #tenpo .tenpo_area li ul li:first-child {
	margin-top: 0;
}
#footer #footer_inner #tenpo .tenpo_area li ul li:last-child {
	border: none;
}
#footer #footer_nav {
	margin:0px auto;
	padding:70px auto;
	background-color:#888;
}
#footer #footer_nav div:first-child {
	margin-left:0;
	border-left:none;
}
#footer #footer_nav .footer_sec .footer_sec_list li {
	border-bottom:1px solid #ccc;
	float:left;
	line-height:2.5;
	text-align:center;
	width:49.8%;
}
#footer #footer_nav .footer_sec .footer_sec_list li a {
	display:block;
	padding:10px;
}
#footer #footer_nav .footer_sec .footer_sec_list li:nth-child(2n) {
	border-left:1px solid #ccc;
}
#footer #footer_nav ,
#footer #footer_nav a {
	color:#fff;
}
.footer_nav_bg > ul.footer_sns {
    padding-top: 50px;
    padding-bottom: 30px;
}
.footer_nav_bg > ul.footer_sns > li {
    display: inline-block;
    margin-right: 20px;
}
.footer_nav_bg > ul.footer_sns > li:last-child {
    margin-right: 0;
}
*/



/* 
 footer
-----------------------*/
.footer__spMenu__foot {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    background-color: #f7f7f7;
    padding: 0.5rem 0.8rem 2rem;
	margin-bottom:-3rem;
}
.foot__linklist__item {
  	border-bottom: 1px solid #eeeeee;
}
.foot__linklist__item:last-child {
  	//border-bottom: none;
}
.foot__linktxt {
  	position: relative;
  	display: block;
  	color: #333;
  	line-height: 1.5;
	font-weight: bold;
    font-size: 3.2vw;
    padding: 4.7vw 2.66667vw;
}
.foot__linktxt::before {
  	content: "";
  	display: block;
  	background-image: url(../images/header/common/icon_arrow_rightsideways_lightgray.svg);
  	background-repeat: no-repeat;
  	background-size: contain;
  	position: absolute;
  	left: 0;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.foot__linktxt--foreicon {
  	//position: relative;
	//padding-left: 12vw;
}
.foot__linktxt--foreicon .foot__linktxt__icon {
    //position: absolute;
    top: 50%;
    left: 2.66667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.foot__linktxt--foreicon .linktxt__icon--shop {
	padding-right: 0.5rem;
    vertical-align: sub;
}
.foot__linktxt__icon--shop > img {
  	width: 7.06667vw;
  	height: 5.46667vw;
	padding-left: 0.1rem;
}
.foot__linktxt__icon--cart > img {
  	width: 6vw;
  	height: 5.06667vw;
}
.foot__linktxt__icon--like > img {
  	width: 4.93333vw;
  	height: 4.66667vw;
}
.foot__linktxt__icon--mail > img {
  	width: 5.46667vw;
  	height: 3.86667vw;
}

/* 
 sns icon
-----------------------*/
.footer__spMenu__foot .footer__spMenu__sns {
  	margin: 0 auto;
  	margin: 0 0.3rem;
  	padding: 2rem 3rem 1.5rem;
  	/* width: 69.2vw; */
  	border-bottom: 1px solid #eeeeee;
}
.footer__spMenu__sns__head {
  	margin-bottom: 5.33333vw;
}
.footer__spMenu__sns__txt {
  	font-size: 3.46667vw;
  	text-align: center;
  	font-weight: bold;
}
.footer__spMenu__sns__list {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
}
.footer__spMenu__sns .footer__spMenu__sns__icon {
  	display: inline-block;
}
.footer__spMenu__sns .footer__spMenu__sns__icon--twitter {
  	width: 6.4vw;
  	height: 6.66667vw;
}
.footer__spMenu__sns .footer__spMenu__sns__icon--facebook {
  	width: 3.46667vw;
  	height: 7.2vw;
}
.footer__spMenu__sns .footer__spMenu__sns__icon--instagram {
  	width: 7.33333vw;
  	height: 7.33333vw;
}
.footer__spMenu__sns .footer__spMenu__sns__icon--youtube {
  	width: 10.13333vw;
  	height: 7.2vw;
}
.footer__spMenu__sns .footer__spMenu__sns__icon--line {
 	 width: 8.26667vw;
  	height: 8vw;
}

/* 
 foot__linklist  2col
-----------------------*/
.foot__linklist--flexsp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.foot__linklist--flexsp .foot__linklist__item {
    flex-basis: 49%;
    border-bottom: 1px solid #eeeeee;
}
.foot__linklist--flexsp .foot__linklist__item:nth-child(even) {
    border-left: 1px solid #eeeeee;
}

.foot__linklist--flexsp .foot__linklist__item--under {
    flex-basis: 49%;
    border-bottom: 1px solid #eeeeee;
}

.foot__linklist--flexsp .foot__linklist__item .foot__linktxt--under {
	font-weight:normal; 
	font-size:0.6rem;
}

.copyright {
	font-size: 80%;
	text-align: center;
	margin: 2rem 1rem 0;
	//padding-bottom: 2rem;
	//margin-bottom: -2rem;
}

.linktxt__icon--shop>img {
    width: 7.06667vw;
    height: 5.46667vw;
}





/* 商品を探すのトップからのリンク */
#item_list div:first-child {
	margin-left:0;
}
#item_list .item_area ul {
	padding:8px;
}
#item_list .item_area p {
	font-size:110%;
	background: #eee url(/image/common/down.png) no-repeat 99% 50%;
	border-bottom:1px solid #ddd;
	padding:10px;
}
#item_list .item_area p.active {
	background: #eee url(/image/common/up.png) no-repeat 99% 50%;
}
#item_list .item_area li{
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}
#item_list .item_area li:last-child {
	border: none;
}
#item_list .item_area li a {
	display: block;
	padding: 5px;
}
#item_list .item_area li a:before {
	content:"\f105";
	font-family:FontAwesome;
	margin-right: 1em;
}
#item_list .item_area li span {
	margin-left:1.5em;
}
#item_list .item_area li span.popup_area_title {
	margin-left:0;
	color: #888;
}
#item_list .item_area ul ul {
	padding: 0;
}
#item_list .item_area li ul li:first-child {
	margin-top: 0;
}
#item_list .item_area li ul li:last-child {
	border: none;
}
/* 商品を探すのサブカテゴリ */

#footer #footer_item li.item_tit{
	background-color:#888;	
	}
#footer #footer_item {
	margin:30px auto 0;
	padding:70px auto;
	background-color:#red;
}
#footer #footer_item div:first-child {
	margin-left:0;
	border-left:none;
}
#footer #footer_item .footer_item_sec .footer_item_sec_list li {
	border-bottom:1px solid #ccc;
	float:left;
	line-height:1.7;
	text-align:center;
	width:49.8%;
}
#footer #footer_item .footer_item_sec .footer_item_sec_list li:first-child {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:2.5;
	text-align:left;
	width:100%;
}
#footer #footer_item .footer_item_sec .footer_item_sec_list li a {
	display:block;
	padding:10px;
}
#footer #footer_item .footer_item_sec .footer_item_sec_list li:nth-child(2n) {
	border-left:1px solid #ccc;
}
#footer #footer_item,
#footer #footer_item a {
	color:#222;
}
#footer .footer_nav_bg {
	background-color:#ddd;
	padding-bottom:30px;
    padding-top: 5px;
}
#footer .footer_nav_bg #info p {
	padding:10px;
	background: url(/image/common/down.png) no-repeat 99% 50%;
}
#footer .footer_nav_bg #info p.active {
	padding:10px;
	background: url(/image/common/up.png) no-repeat 99% 50%;
}
#footer .footer_nav_bg #info nav {
	padding:10px;
}
#footer .footer_nav_bg #info li {
	line-height:2.5;
	border-bottom:1px solid #ccc;
}
#footer .footer_nav_bg #info li a {
	margin: 0 0.5em;
}
#footer .footer_nav_bg #info nav li a:before {
	content:"\f105";
	font-family:FontAwesome;
	margin-right: 1em;
}
#footer .footer_nav_bg .sns_headline {
	border-top:1px solid #ccc;
	font-size:90%;
	padding:10px 0 0 10px;
	margin-top:10px;
}
#footer .footer_nav_bg .snsicon {
	margin-top:10px;
}
#footer .footer_nav_bg .snsicon li {
	float:left;
	margin-left:10px;
}
#footer .footer_nav_bg .snsicon li img {
	width:50px;
}
#footer .footer_nav_bg .pc_mode {
	text-align:center;
	border:1px solid #ccc;
	margin:30px 10px 0 10px;
}
#footer .footer_nav_bg .pc_mode a {
	display:block;
	padding:10px;
}
#footer .footer_nav_bg .footer_nav_list {
	/* border-bottom:1px solid #ccc; */
	margin:30px 10px;
	font-size:80%;
}
#footer .footer_nav_bg .footer_nav_list li {
	line-height:2.5;
}
#footer .footer_nav_bg .footer_nav_list li:before {
	content:"\f105";
	font-family:FontAwesome;
	list-style:none;
	padding:0;
	margin:0 1em 0 0;
}
#footer .footer_nav_bg .footer_nav_list li a {
	color:#333;
}
#footer .footer_nav_bg .copyright {
	padding:10px auto 30px;
	font-size:80%;
	text-align:center;
}


#pagetop {
  position: fixed;
  bottom: 50px;
  right: 25px;
  z-index: 9999;
}
#pagetop a {
  display: block;
  z-index: 10000;
  width: 35px;
  height: 35px;
}


.indent{
	padding-left:1em;
	text-indent:-1em;
}

/* 催事などの下につける店舗情報
----------------------------------------------*/
.shopinfo {
	margin: 2em 1em 4em;
	padding: 1.5em 1em;
	border: solid 1px #000;
	font-size: 90%;
}
.shopinfo > *:not(h2) {
	margin: 0 1em;
}
.shopinfo h2 {
	margin: 0 0 1em;
	font-weight: normal;
}
.shopinfo h2::before {
	content: "[ ";
}
.shopinfo h2::after {
	content: " ]";
}
.shopinfo p {
	margin-bottom: 0.5em;
}
.shopinfo .shopname {
	margin-bottom: 1em;
	font-weight: bold;
}
.shopinfo dl {
	overflow: hidden;
}
.shopinfo dt {
	float: left;
}
.shopinfo dt::after {
	content: "：";
}
.shopinfo dd {
	margin-bottom: 0.5em;
}
.shopinfo span {
	font-size: 90%;
}

/* ***** ヘッダ/フッタSNSアイコン ***** */
#sns_links ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #fff;
    padding: 8px;
}
#sns_links ul li {
    width: 40px;
    line-height: 0;
}
#sns_links ul li:not(:first-child) {
    margin-left: 1em;
}
#sns_links a {
    display: block;
}
#sns_links img {
    width: 100%;
    height: auto;
}
#sns_links_footer {
    background: #fff;
    margin: 8px 8px;
    padding: 8px 12px 0 12px;
}
#sns_links_footer > ul > li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 8px;
}
#sns_links_footer img {
    width: 34px;
    height: 34px;
}