@charset "utf-8";
/* CSS Document */

/**
* YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
* http://cssreset.com
* Copyright 2012 Yahoo! Inc. All rights reserved.
* http://yuilibrary.com/license/
*/
/*
TODO will need to remove settings on HTML since we can't namespace it.
TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
color:#323232;
background:#FFF;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
}
html,body{
	width:100%;
}
.wrap{
	overflow-x:hidden;
}
/*
TODO remove settings on BODY since we can't namespace it.
*/
/*
TODO test putting a class on HEAD.
- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img {
border:0;
}
article, header, footer, aside, figure, figcaption, nav, section {
	margin:0;
	padding:0;
	display:block;
}
figure{
	font-size:0;
	line-height:0;
}
/*
TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style:normal;
font-weight:normal;
}
ol,
ul {
list-style:none;
}
caption,
th {
text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size:100%;
font-weight:normal;
line-height:1.5;
}
q:before,
q:after {
content:'';
}
abbr,
acronym {
border:0;
font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input,
textarea,
select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input, button, textarea{
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  /*-webkit-appearance: none;*/
  /*-moz-appearance: none;*/
  /*appearance: none;*/
}
/*to enable resizing for IE*/
input,
textarea,
select {
*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
color:#000;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset { display: none; }

a{
	text-decoration:none;
	color:#3e3a39;
}
a:hover{
	opacity:0.7;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.scroll_prevent {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%:
	top: 0;
	bottom:: 0;
	height: 100%;
	z-index: -1;
}


/*
【360新潟レスポンシブ設計定義】
1200px～：PC
801px～1199px：タブレット（タブレット専用デザインは作成しない、基本的にスマホのデザインを適用するがPCのデザインで問題ない場合に限りPCのデザインも適用可能とする）
～800px：スマホ
*/

/* PC・タブレット・スマホ共通の設定（PC用の設定を記述） */


body.body_360gift, body.body_eccube {
	width:100%;
	margin:0;
	padding:0;
	color:#323232;
	background:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:normal;
}
body.body_360gift figure, body.body_eccube figure {
	margin:0;
	padding:0;
	display:block;
}

/* header */

.header_pc{
	display:flex;
	width:1200px;
	justify-content: space-between;
	align-items: center;
	margin:0 auto;
	padding:0 8px;
}
#nav_toggle {
	display: none;
}
#nav_spmenu {
	display: none;
}
.header_pc .logo{
	padding:17px 0;
}
.header_pc .logo h1{
	font-size: 100%;
	margin: 0;
}
.header_pc .logo img {
	vertical-align:middle;
}
.header_pc .right {
	display:flex;
}
.header_sp_empty{
	display:none;
}
.header_info{
	display:flex;
	align-items: center;
	font-size:14px;
	border:solid 1px #0062b1;
	background-color:#FFF;
	padding:6px 20px;
	border-radius:25px;
	margin:0 20px 0 0;
}
.head_pc .header_info .icon img {
	vertical-align:middle;
}
.header_info span{
	font-weight:bold;
	color:#0062b1;
}
.header_menu{
	display:flex;
	align-items: center;
}
.header_menu .icon{
	margin-right:10px;
}
.header_menu ul{
	display:flex;
}
.header_menu ul li a{
	display:flex;
	font-size:14px;
}
.header_menu ul li:first-child{
	margin:0 20px 0 0;
}
.ec-headerNav .ec-headerNav__itemIcon img {
	display:inline-block;
	width:25px;
	height:20px;
	margin:0;
	vertical-align:baseline;
}
.ec-cartNavi {
	padding-left:10px !important;
}
.ec-cartNavi .ec-cartNavi__icon img {
	display:inline-block;
	width:25px;
	height:20px;
	margin:0;
	vertical-align:baseline;
}
.ec-cartNavi .ec-cartNavi__badge {
	vertical-align:super !important;
}



/* pankuzu */

.pankuzu{
	display:flex;
	margin:0 auto;
	padding:20px 0;
	border: 0px solid #F2F2F2;
	border-width: 1px 0;
}
.pankuzu ul{
	display:flex;
	width:1200px;
	margin:0 auto;
	padding:0 20px;
}
.pankuzu li{
	margin:0 14px 0 0;
	font-size:12px;
}
.pankuzu li:after{
	content:">";
	margin:0 0 0 14px;
}
.pankuzu li:last-child:after{
	content:"";
}



/* slider */

.top_slider_pc{
	display:block;
	width:100%;
	height:500px;
	background-color:#fff;
	overflow:hidden;
}
.top_slider_pc .loading{
	position:absolute;
	width:100%;
	height:500px;
	background-color:#fff;
	z-index:999999;
}
.top_slider_sp{
	display:none;
}
.slider-pro .sp-button{
	border:2px solid #666;
}
.slider-pro .sp-selected-button{
	background-color:#666;
}

/* main */
.ttl{
	margin:0 0 10px;
}
.ttl h2{
	font-size:26px;
}


.top_slider{
	margin:0 0 50px;
}

.sub_wrap {
	margin: 0;
	padding: 0;
}
.sub_wrap h1 {
	margin: 0;
	padding: 0;
}
.sub_wrap .main_visual h1 {
	display: flex;
	flex-flow: row nowrap;
}

.out {
	width: 1192px;
	margin: 4px auto 0;
	display: flex;
	justify-content: space-between;
}
.sub_wrap .out{
	margin-top: 30px;
}

.sidebar_sp{
	display:none;
}
.sidebar ul li a{
	display:flex;
	align-items: center;
	padding:10px;
	border:solid 1px #dfdfdf;
	margin:0 0 15px;
}
.sidebar ul li:hover{
	opacity:0.7;
}
.sidebar ul li figure{
	margin:0 8px 0 0;
}


#conditional_search_outer {
	margin: 0;
	border: 0;
	padding: 0;
}
.conditional_search {
	width: 980px;
	margin: 0 0 32px 0;
	padding: 20px 20px;
	display:flex;
	flex-flow: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	background: #f2f0ed;
}
.conditional_search_inner {
	margin: 0;
	border: 0;
	padding: 0;
}
.conditional_search .ttl {
	display:flex;
	flex-flow: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: baseline;
}
.conditional_search .ttl .ttl_inner {
	display:flex;
	flex-flow: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: baseline;
}
.conditional_search .ttl h2 {
	margin-right: 8px;
}
.conditional_search .condition {
	margin: 0 0 15px 0;
	display: flex;
	flex-flow: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.conditional_search .condition select {
	width: 20%;
	margin: 0;
	border: 0;
	border-radius: 12px;
	padding: 8px 8px;
	font-size: 20px;
	font-weight: normal;
	background: #ffffff;
}
.conditional_search .condition select[name=grid],
.conditional_search .condition select[name=sgid] {
	width: 40%;
}
.conditional_search .condition span {
	width: 5%;
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}
.conditional_search .condition .input {
	flex-grow: 1;
	display: flex;
	flex-flow: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.conditional_search .condition .input label {
	margin: 0 12px 0 0;
	font-size: 20px;
	font-weight: normal;
	white-space:nowrap;
}
.conditional_search .condition .input input[type=text] {
	width: 80%;
	margin: 0;
	border: 0;
	border-radius: 12px;
	padding: 8px 8px;
	font-size: 20px;
	font-weight: normal;
	background: #ffffff;
	line-height: 1;
}
.conditional_search .condition .input input[type=text]::placeholder {
	font-size: 20px;
	color: #c0c0c0;
}
.conditional_search .search {
	margin: 0 20px 0 0;
	display: flex;
	flex-flow: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.conditional_search .search label {
}
.conditional_search .search label input {
	display: none;
}
.conditional_search .search label input ~ span {
	height: 28px;
	position: relative;
	display: flex;
	padding: 0 0 0 30px;
	align-items: center;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
}
.conditional_search .search label input ~ span:before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 24px;
	height: 24px;
	border: 0;
	border-radius: 6px;
	background: #226699;
}
.conditional_search .search label input:checked ~ span:after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 7px;
	width: 5px;
	height: 14px;
	transform: rotate(40deg);
	border: 0px solid #bbddf5;
	border-width: 0 3px 3px 0;
}
.conditional_search button {
	width: 25%;
	margin: 0 0 0 20px;
	border: 0;
	border-radius: 12px;
	padding: 8px 8px;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	background: #ff914d;
	cursor: pointer;
}
.conditional_search .form .close {
	display: none;
}


.news{
	display:flex;
	justify-content: space-between;
	align-items: center;
	width:980px;
	border:solid 1px #f2f2f2;
	margin:0 0 50px;
}
.news .txt{
	font-size:20px;
	background-color:#f2f2f2;
	padding:10px 40px;
}
.news .news_content{
	display:flex;
	align-items: center;
	width:100%;
	padding:0 0 0 20px;
}
.news .news_content figure{
	margin:0 16px 0 0; 
}
.news .more{
	padding:0 10px 0 20px;
	white-space:nowrap;
}
.news .more a{
	color:#0062b1;
}


.out .feature_content{
	width:1000px;
}

.feature{
	width:980px;
	margin:0 0 50px;
}
.feature .ttl{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.feature .ttl h2{
	font-size:23px;
}
.feature .ttl .more{
	padding:0 4px;
	font-size:12px;
}
.feature .ttl .more a{
	display:inline-block;
	border:1px solid #888888;
	border-radius:28px;
	padding:5px 20px;
	font-size:14px;
	font-weight:normal;
	color:#888888;
	text-align:center;
	vertical-align:bottom;
}
.feature .feature_inner{
	display:flex;
	font-size:15px;
}
.feature .feature_inner .column{
	width:310px;
	margin-right:25px;
}
.feature .feature_inner .column:nth-child(3n){
	margin-left:0;
}
.feature .feature_inner .feature1{
	display:block;
}
.feature .feature_inner .feature2{
	display:block;
}
.feature .feature_inner .feature3{
	display:block;
}
.feature .feature_inner .feature4{
	display:none;
}
.feature .feature_inner .feature5{
	display:none;
}
.feature .feature_inner .feature6{
	display:none;
}
.feature .feature_inner p{
	margin:5px 0 0;
}


.lineup{
	width:980px;
	margin:0 0 50px;
}
.lineup .ttl{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.lineup .ttl h2{
	font-size:23px;
}
.lineup .ttl .more{
	padding:0 4px;
	font-size:12px;
}
.lineup .ttl .more a{
	display:inline-block;
	border:1px solid #888888;
	border-radius:28px;
	padding:5px 20px;
	font-size:14px;
	font-weight:normal;
	color:#888888;
	text-align:center;
	vertical-align:bottom;
}
.lineup .lineup_inner{
	display:flex;
	justify-content: space-around;
}
.lineup .item{
	position: relative;
	margin:0 0.5%;
	padding:10px 0 20px;
}
.lineup .item figure{
	//width:250px;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}
.lineup .item figure .blink{
	position:absolute;
	top:10px;
	left:10px;
	display:inline-block;
	margin:0;
	padding:0 4px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0px;
	line-height:1.5;
	color:#ffffff;
	background:#ff0000;
	animation:lineupBlink 1.5s infinite;
}
@keyframes lineupBlink{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
.lineup .item figure img{
	width:230px;
}
.lineup .item h4{
	padding:5px 30px;
	font-size:16px;
	font-weight:bold;
}
.lineup .item p{
	font-size:14px;
	padding:5px 30px;
}
.lineup .item p.price{
	font-size:18px;
	padding:0 30px;
	font-weight:bold;
}
.lineup .item p .tax{
	font-size:14px;
}
.lineup .club{
	background-color:#e4f6ee;
}
.lineup .spade{
	background-color:#e2f5ff;
}
.lineup .diamond {
	background-color:#fff3f8;
}


.experience{
	width:980px;
	margin:0 0 50px;
}
.experience .ttl h2{
	font-size:23px;
}
.experience_inner{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.experience_inner .column{
	border:solid 1px #dfdfdf;
	padding:19px 10px;
	display:flex;
	align-items: center;
	width:180px;
	position:relative;
}
.experience_inner .column:hover{
	opacity:0.7;
}
.experience_inner a{
	margin:0 0 20px;
}
.experience_inner a:nth-child(5n+2):last-child{
	margin-right: 600px;
}
.experience_inner a:nth-child(5n+3):last-child{
	margin-right: 400px;
}
.experience_inner a:nth-child(5n+4):last-child{
	margin-right: 200px;
}
.experience_inner .column p{
	font-size:14px;
}
.experience_inner .column figure{
	width:46px;
	margin:0 5px 0 0;
}
.experience_inner .column figure img{
	width:100%;
}


.new{
	width:980px;
	margin:0 0 50px;
}
.new .ttl{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.new .ttl h2{
	font-size:23px;
}
.new .ttl .more{
	padding:0 4px;
	font-size:12px;
}
.new .ttl .more a{
	display:inline-block;
	border:1px solid #888888;
	border-radius:28px;
	padding:5px 20px;
	font-size:14px;
	font-weight:normal;
	color:#888888;
	text-align:center;
	vertical-align:bottom;
}
.new_inner{
	display:flex;
	justify-content: space-between;
}
.new_inner a{
	width:230px;
	display:block;
}
.new_inner p{
	margin:5px 0 0;
}
.new_inner figure{
	width:230px;
}
.new_inner figure img{
	width:100%;
}


.about{
	background-image:url(../images/bg_about.jpg);
	background-size:auto 100% ;
	display:flex;
	margin:0 0 50px;
}
.about_inner{
	display:flex;
	width:100%;
}
.about .box{
	width:540px;
	padding:80px 0;
}
.about .about_left{
	width:50%;
	display:flex;
	justify-content: flex-end;
	align-items: center;
}
.about .about_right{
	width:50%;
	background-color: rgba(12,99,170,0.8);
}
.about .about_right .box{
	color:#FFF;
	width:550px;
	margin:0 0 0 30px;
}
.about .about_right .box h3{
	font-size:26px;
	margin:0 0 40px;
}
.about .about_right .btn{
	margin:40px 0 0;
	text-align:right;
}
.about .about_right .btn a{
	padding:10px 20px;
	background-color:#FFF;
	color:#27b;
	border-radius:20px;
}
.about_online{
	width:100%;
	margin:0 0 50px;
}
.about_online h2{
	font-size:28px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
.about_online h3{
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}
.about_online_inner1{
	background-color:#EEEEEE;
	width:100%;
}
.about_online_content1 , .about_online_content2{
	width:1000px;
	display:flex;
	position:relative;
	margin:auto;
}
.about_online_img img{
	width:370px;
	padding:35px 0;
}
.about_online_txt{
	margin-top:70px;
}
.about_online_button{
    text-align: right;
}
.about_online_button a{
	display: inline-block;
    margin-top: 30px;
	border:1px solid #888888;
    border-radius: 28px;
    padding: 5px 20px;
    font-weight: normal;
    color: #888888;
}
.about_online_button a:hover{
    background-color: #888888;
	color:#FFFFFF;
}
.about_online_content1 .about_online_img{
	margin-right:20px;
}
.about_online_content2 .about_online_img{
	margin-left:20px;
}
.enjoy_niigata{
	position:absolute;
	top:-45px;
	left:-70px;
}
.enjoy_niigata img{
	width:220px;
}


.flow{
	background-color:#f2f2f2;
	padding:50px 0;
}
.flow .ttl{
	text-align:center;
	margin:0 0 30px;
}
.flow .ttl h2{
	font-size:28px;
	font-weight:bold;
}
.flow h5{
	color:#0062b1;
	font-weight:bold;
	margin:10px 0 4px;
}
.flow .step{
	display:flex;
	width:1060px;
	margin:0 auto;
	justify-content: space-around;
	align-items: start;
}
.flow .step .number{
	width:90px;
	margin:0 auto 10px;
}
.flow .step .number img{
	width:100%;
}
.flow .step figure{
	width:210px;
	padding:20px 34px;
	background-color:#FFF;
}
.flow .step figure img{
	width:100%;
}
.flow .step .arrow{
	padding:0 0 16px;
}
.flow .column{
	width:210px;
}
.flow .step .button{
	display: inline-block;
	margin: 30px 0 0;
	border-width: 0;
	border-radius: 28px;
	padding: 8px 40px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	background: #0062b1;
}


/* sns */
.sns_pc{
	display:block;
	width:1200px;
	margin:50px auto 0;
}
.sns_pc .sns_pc_inner{
	display:flex;
	justify-content: space-around;
	justify-content: space-evenly;
	margin:40px auto 40px;
}
.sns_pc .sns_pc_inner .snsnm{
	display:block;
	height:30px;
	margin:10px 0px 0px;
	padding:0 auto;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.sns_pc .sns_pc_inner .sns_pc_insta{
	display:none;
	width:1200px;
	height:292px;
	margin:0 auto;
	border:0;
	background-color:#e0e0e0;
	text-align:center;
}
.sns_pc .sns_pc_inner .sns_pc_fb{
	display:none;
	width:480px;
	height:540px;
	margin:0 auto;
	border:0;
	background-color:#e0e0e0;
	text-align:center;
}
.sns_pc .sns_pc_inner .sns_pc_tw{
	display:none;
	width:480px;
	height:540px;
	margin:0 auto;
	border:0;
	background-color:#e0e0e0;
	text-align:center;
}
.sns_pc .sns_sp{
	display:flex;
	justify-content: space-around;
	justify-content: space-evenly;
}
.sns_pc .sns_sp .insta{
	width:320px;
	padding:10px;
	background-color:#FFF;
	display:flex;
	align-items: center;
	border:solid 1px #d12794;
	border-radius:10px;
	font-size:20px;
	color:#d12794;
	position:relative;
}
.sns_pc .sns_sp .tw{
	width:320px;
	padding:10px;
	background-color:#FFF;
	display:flex;
	align-items: center;
	border:solid 1px #1da1f2;
	border-radius:10px;
	font-size:20px;
	color:#1da1f2;
	position:relative;
}
.sns_pc .sns_sp .fb{
	width:320px;
	padding:10px;
	background-color:#FFF;
	display:flex;
	align-items: center;
	border:solid 1px #3b5998;
	border-radius:10px;
	font-size:20px;
	color:#3b5998;
	position:relative;
}
.sns_pc .sns_sp .insta a,
.sns_pc .sns_sp .tw a,
.sns_pc .sns_sp .fb a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.sns_pc .sns_sp .insta figure,
.sns_pc .sns_sp .tw figure,
.sns_pc .sns_sp .fb figure{
	width:50px;
	margin:0 20px 0 0;
}
.sns_pc .sns_sp .insta figure img,
.sns_pc .sns_sp .tw figure img,
.sns_pc .sns_sp .fb figure img{
	width:100%;
}
.sns_sp{
	display:none;
}


/* footer */

.footer_bg01{
	background-color:#cdcdcd;
	margin:50px auto 0;
}
body.body_eccube .footer_bg01 {
	margin-top:0;
}
.footer_inner01{
	width:1180px;
	margin:0 auto;
	padding:50px 0;
	display:flex;
	justify-content: space-between;
}
.footer_inner01 .foot_heading{
	display:flex;
	align-items: center;
	padding:0 0 10px;
	margin:0 0 10px;
	border-bottom:solid 1px #e4e4e4;
}
.footer_inner01 .foot_heading:nth-child(2n){
	margin:20px 0 10px;
}
.footer_inner01 .foot_heading p{
	font-size:18px;
	font-weight:bold;
}
.footer_inner01 .foot_heading figure{
	margin: 0 10px 0 0;
}
.footer_inner01 .box{
	width:360px;
}
.footer_inner01 .box .tel{
	font-size:32px;
	font-weight:bold;
}
.footer_inner01 .box .tel a{
	pointer-events:none;
}
.footer_inner01 .box a.contact{
	display:inline-block;
	margin:8px 0 0;
	border:1px solid #ffffff;
	border-radius:20px;
	padding:4px 16px;
	color:#323232;
}
.footer_inner01 .box a.contact:hover{
	color:#323232;
	text-decoration:none;
}
.footer_inner01 .pay{
	width:360px;
}
.footer_inner01 .pay img{
	width:100%;
}
.footer_bg02{
	background-color:#949494;
}
.footer_inner02{
	width:1180px;
	margin:0 auto;
	padding:50px 0;
	display:flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.footer_inner02 .footer_left{
	display:flex;
	flex-direction: row-reverse;
}
.footer_inner02 .footer_left .logo{
	margin:0 80px 0 0;
}
.footer_inner02 .footer_left ul{
	display:flex;
}
.footer_inner02 .footer_left ul li{
	margin:5px 20px;
}
.footer_inner02 .footer_right{
	display:flex;
}
.footer_inner02 .footer_right ul:first-child{
	margin:0 60px 0 0;
}
.footer_inner02 .footer_right ul li{
	margin:0 0 15px;
}
.footer_inner02 .footer_right ul li a{
	color:#FFF;
}
.copyright{
	background-color:#949494;
	text-align:center;
	color:#fff;
	padding:0 0 30px;
}


/* foot_menu */

.foot_menu_pc{
	display: block;
	position: fixed;
	bottom: 12px;
	right: 12px;
	margin: 0;
}
.foot_menu_pc .return_top{
	display: none;
	width: 60px;
	height: 60px;
}
.foot_menu_pc a{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #3f98ef;
	opacity: 0.6;
}
.foot_menu_pc a img{
	width: 30px;
	height: 30px;
}
.foot_menu_pc a svg{
	width: 30px;
	height: 30px;
	margin: auto;
	fill: #ffffff;
}
.foot_menu_sp_empty{
	display:none;
}
.foot_menu_sp{
	display:none;
}

.foot_menu {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}
.foot_menu .foot_menu_empty {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}
.foot_menu .foot_menu_fixed {
	display: block;
	position: fixed;
	margin: 0;
	border: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	pointer-events: none;
}
.foot_menu .foot_menu_upper {
	display: block;
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
}
.foot_menu .foot_menu_lower {
	display: none;
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
}
.foot_menu .return_top {
	display: none;
	position: absolute;
	width: 60px;
	height: 60px;
	margin: 0;
	right: 12px;
	bottom: 12px;
	pointer-events: none;
}
.foot_menu .return_top a {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #3f98ef;
	opacity: 0.6;
	pointer-events: auto;
}
.foot_menu .return_top a img{
	width: 30px;
	height: 30px;
}
.foot_menu .return_top a svg{
	width: 30px;
	height: 30px;
	margin: auto;
	fill: #ffffff;
}


/* タブレット・スマホ共通の設定（スマホ用の設定を記述、ただしタブレットに適用したくない場合はスマホ専用欄に記述） */
@media print, screen and (min-width: 1200px) { 
	.pc_none{
		display:none !important;
	}
}
@media print, screen and (max-width: 1199px) { 
	.sp_none{
		display:none !important;
	}

	body.body_360gift, body.body_eccube {
		font-size:3.85vw;
	}

	.header_pc{
		width:100%;
	}
	.header_sp_empty{
		display:block;
		width:100%;
		height:73px;
		margin:0;
		border-bottom:1px solid #f0f0f0;
	}
	.header_sp{
		display:flex;
		justify-content: space-between;
		position:fixed;
		z-index:9999;
		width:100%;
		height:73px;
		top:0px;
		left:0px;
		right:0px;
		margin:0;
		border-bottom:1px solid #f0f0f0;
		background: #ffffff;
	}

	/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 72px;
		height: 72px;
		position: relative;
		top: 4px;
		z-index: 100;
		padding:10px 16px;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #555;
		position:absolute;
		width: 80%;
		left:6px;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:8px;
	}
	#nav_toggle span:nth-child(3){
		top:16px;
	}
	#nav_toggle p{
		top:26px;
		left: 0;
		position:absolute;
		font-size:16px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
		top: 8px;
	   -webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.open #nav_toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav_toggle span:nth-child(3) {
		top: 8px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	header nav ul li.nav_ttl{
		color: #323232;
		background-color:#FFF;
		padding:20px;
		font-size:18px;
		font-weight:bold;
	}
	header nav ul li a{
		color: #323232;
		text-decoration: none;
		font-weight: bold;
		padding: 16px ;
	}
	nav{
		display: none;
		position: fixed;
		top:73px;
		left:0;
		right:0;
		bottom:0;
		background:#ebebeb;
		z-index:9998;
		overflow-y:scroll;
	}
	header nav ul{
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	header nav ul li{
		margin: 0 auto;
		border-bottom: 1px solid #fff;
	}
	header nav ul li.attention{
		background: #ffc0c0;
		color: #323232;
	}
	header nav ul li a{
		display: block; 
	}
	header nav .close_btn{
		border-radius:20px;
		border:solid 1px #ccc;
		text-align:center;
		background-color:#fff;
		margin:16px 20px 50px;
		padding:10px;
		font-weight:bold;
	}
	.header_sp .logo{
		padding:8px 4px 12px;
		width:200px;
		overflow:hidden;
	}
	.header_sp .logo img{
		width:100%;
		margin:0;
		padding:0;
		vertical-align:middle;
	}
	.header_sp .right {
		display:flex;
	}
	.header_info{
		height: 42px;
		display:flex;
		align-items: center;
		justify-content: center;
		font-size:14px;
		border:none;
		background-color:#0062b1;
		padding:10px 20px;
		border-radius:0;
		margin:0;
		color:#FFF;
	}
	.header_info .icon{
		width:26px;
		margin:0 10px 0 0;
	}
	.header_info .icon img{
		width:100%;
	}
	.header_info span{
		font-weight:bold;
		color:#fff;
	}
	.header_sp .ec-headerNav {
		display:none;
	}
	.header_sp .ec-cartNavi {
		padding-right:10px;
	}


	/* main */
	.ttl{
		margin:0 0 2.75vw;
	}
	.ttl h2{
		font-size:7.15vw;
	}


	.sub_wrap .main_visual h1 {
		display: block;
	}

	.out{
		width:96%;
		margin:8px auto 0;
		display:block;
	}
	.sub_wrap .out{
		margin-top: 8.25vw;
	}

	.sidebar{
		display:none;
	}
	.sidebar_sp{
		display:block;
	}
	.sidebar_sp ul{
		display:flex;
		flex-wrap: wrap;
		width:98%;
		margin:0 auto 13.75vw;
	}
	.sidebar_sp ul li{	
		padding:2.75vw;
		width:49%;
		border:solid 1px #dfdfdf;
		margin:0 0 4.125vw;
		display: flex;
		flex-flow: row;
		flex-wrap: nowrap;
		justify-content: stretch;
		align-items: stretch;
	}
	.sidebar_sp ul li:nth-child(2n){
		margin:0 0 4.125vw 2%;
	}
	.sidebar_sp ul li:hover{
		opacity:0.7;
	}
	.sidebar_sp ul li a{
		display: flex;
		flex-flow: row;
		flex-wrap: nowrap;
		justify-content: start;
		align-items: center;
	}
	.sidebar_sp ul li figure{
		margin:0 2.2vw 0 0;
	}
	.sidebar_sp ul li figure img{
		width: 6.7vw;
	}


	#conditional_search_outer {
	}
	#conditional_search_outer.dialog {
		height: calc(19vw + 32px);
	}
	.conditional_search {
		width: 100%;
		border: 0;
		padding: 0;
		display: block;
	}
	#conditional_search_outer.fixed .conditional_search {
		position: fixed;
		left: 0;
		right: 0;
		top: 72px;
		height: 21vw;
		margin: 0;
		padding: 0 0 2vw 0;
		background: #ffffff;
		z-index: 9899;
	}
	#conditional_search_outer.dialog .conditional_search.open {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		margin: 0;
		padding: 0;
		background: #f2f0ed;
		z-index: 19899;
	}
	.conditional_search_inner {
		width: 100%;
		margin: 0 0 32px 0;
		padding: 2vw 2vw;
		display:flex;
		flex-flow: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch;
		background: #f2f0ed;
	}
	#conditional_search_outer .conditional_search_inner {
	}
	#conditional_search_outer.fixed .conditional_search_inner {
		width: 96%;
		margin: 0 auto;
	}
	#conditional_search_outer.dialog .conditional_search.open .conditional_search_inner {
		width: 100%;
		height: 100%;
		overflow-y: scroll;
	}
	.conditional_search .ttl {
		height: 15vw;
		margin: 0;
		display: flex;
		flex-flow: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.conditional_search .ttl .ttl_inner {
		display:flex;
		flex-flow: column;
		flex-wrap: wrap;
	}
	.conditional_search .ttl h2 {
		margin-right: 0;
		font-size: 6vw;
	}
	.conditional_search .ttl span {
		display: block;
		font-size: 4vw;
	}
	.conditional_search.slide .ttl:after {
		width: 6vw;
		display: block;
		content: "▼";
		text-align: center;
		font-size: 5vw;
		transform: rotate(0deg);
		transition: transform 0.5s ease;
	}
	.conditional_search.slide.open .ttl:after {
		transform: rotate(-180deg);
	}
	#conditional_search_outer.dialog .conditional_search.slide.open .ttl:after {
		display: none;
	}
	.conditional_search .form {
		position: relative;
		display: none;
		margin: 10px 0 0;
	}
	.conditional_search .form.open {
		display: block;
	}
	.conditional_search .condition {
		margin-bottom: 4vw;
		border-bottom: 1px dashed #808080;
		padding-bottom: 4vw;
		display: flex;
		flex-flow: column;
		flex-wrap: wrap;
		justify-content: stretch;
		align-items: center;
	}
	.conditional_search .condition select {
		width: 90vw;
		margin: 0;
		border: 0;
		border-radius: 12px;
		padding: 2vw 2vw;
		font-size: 5vw;
		font-weight: normal;
		background: #ffffff;
	}
	.conditional_search .condition select[name=grid],
	.conditional_search .condition select[name=sgid] {
		width: 90vw;
	}
	.conditional_search .condition span {
		font-size: 5vw;
		transform: rotate(90deg);
	}
	.conditional_search .condition .input label {
		margin: 0 2vw 0 0;
		font-size: 5vw;
		font-weight: normal;
		white-space:nowrap;
	}
	.conditional_search .condition .input input[type=text] {
		width: 100%;
		border-radius: 12px;
		padding: 2vw 2vw;
		font-size: 5vw;
		font-weight: normal;
		background: #ffffff;
	}
	.conditional_search .condition .input input[type=text]::placeholder {
		font-size: 4vw;
	}
	.conditional_search .search {
		margin: 0 20px 0 0;
		display: flex;
		flex-flow: column;
		flex-wrap: wrap;
		justify-content: stretch;
		align-items: center;
	}
	.conditional_search .search label input ~ span {
		height: 7vw;
		padding: 0 0 0 7.5vw;
		font-size: 4vw;
	}
	.conditional_search .search label input ~ span:before {
		top: 0.5vw;
		left: 0;
		width: 6vw;
		height: 6vw;
		border-radius: 2vw;
	}
	.conditional_search .search label input:checked ~ span:after {
		top: 1vw;
		left: 2vw;
		width: 1.5vw;
		height: 3.5vw;
		border-width: 0 0.75vw 0.75vw 0;
	}
	.conditional_search button {
		width: auto;
		margin: 20px 0 10px 0;
		border-radius: 30px;
		padding: 2vw 8vw;
		font-size: 5vw;
	}
	.conditional_search.slide .form .close {
		width: 8vw;
		height: 8vw;
		position: absolute;
		bottom: 1vw;
		right: 1vw;
		display: flex;
		margin: 0;
		border: 1px solid #404040;
		border-radius: 2vw;
		padding: 0;
		justify-content: center;
		align-items: center;
		font-size: 6vw;
		font-weight: normal;
	}
	#conditional_search_outer.dialog .conditional_search.slide  .form .close {
		top: -15vw;
		bottom: auto;
	}


	.news{
		display:block;
		justify-content: space-between;
		align-items: center;
		width:100%;
		border:solid 1px #f2f2f2;
		margin:0 0 13.75vw;
		padding:0 0 5.5vw;
	}
	.news .txt{
		display:flex;
		flex-flow:nowrap;
		justify-content:space-between;
		align-items:center;
		padding:2.8vw 5.6vw;
		font-size:5.6vw;
		background-color:#f2f2f2;
	}
	.news .news_content{
		display:flex;
		align-items: center;
		width:100%;
		padding:2.75vw 5.5vw 0;
	}
	.news .news_content figure{
		display:none;
	}
	.news .more{
		padding:0;
		font-size:4.48vw;
		white-space:nowrap;
	}
	.news .more a{
		color:#0062b1;
	}


	.out .feature_content{
		width:100%;
	}

	.feature{
		width:100%;
		margin:0 0 13.75vw;
	}
	.feature .ttl h2{
		font-size:6.325vw;
	}
	.feature .feature_inner{
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
		font-size:0;
	}
	.feature .feature_inner .feature1{
		display:block;
	}
	.feature .feature_inner .feature2{
		display:block;
	}
	.feature .feature_inner .feature3{
		display:block;
	}
	.feature .feature_inner .feature4{
		display:block;
	}
	.feature .feature_inner .feature5{
		display:block;
	}
	.feature .feature_inner .feature6{
		display:block;
	}
	.feature .feature_inner p{
		margin:1.375vw 0 0;
		font-size:4.125vw;
	}
	.feature .feature_inner .column{
		width:48%;
		display:inline-block;
		margin:0 0 2%;
	}
	.feature .feature_inner figure img{
		width:100%;
	}
	.feature .more{
		margin-top:20px;
		text-align:center;
	}
	.feature .more a{
		display:inline-block;
		margin:0 auto;
		border:1px solid #888888;
		border-radius: 7.7vw;
		padding: 1.375vw 5.5vw;
		font-size:3.85vw;
		font-weight:normal;
		color:#888888;
		text-align:center;
	}


	.lineup{
		width:100%;
		margin:0 auto 13.75vw;
	}
	.lineup .ttl h2{
		font-size:6.325vw;
	}
	.lineup .lineup_inner{
		display:block;
	}
	.lineup .item{
		padding:2.75vw 0;
		width:100%;
		margin:0 1% 5.5vw;
	}
	.lineup .item a{
		display:flex;
		justify-content: space-between;
	}
	.lineup .item figure{
		width:30vw;
		margin:0 auto;
		padding:5.5vw 0;
	}
	.lineup .item figure img{
		width:100%;
	}
	.lineup .item .lineup_txt{
		width:70vw;
		margin:0;
		padding:0;
	}
	.lineup .item h4{
		background-color: transparent;
		padding:2.75vw 2.75vw 0;
		font-size:4.95vw;
		font-weight:bold;
	}
	.lineup .item p{
		font-size:3.85vw;
		padding:2.75vw;
	}
	.lineup .item p.price{
		font-size:4.95vw;
		padding:0 2.75vw;
	}
	.lineup .item p .tax{
		font-size:3.85vw;
	}
	.lineup .more{
		margin-top:5.5vw;
		text-align:center;
	}
	.lineup .more a{
		display:inline-block;
		margin:0 auto;
		border:1px solid #888888;
		border-radius: 7.7vw;
		padding: 1.375vw 5.5vw;
		font-size:3.85vw;
		font-weight:normal;
		color:#888888;
		text-align:center;
	}


	.experience{
		width:100%;
		margin:0 0 13.75vw;
	}
	.experience .ttl h2{
		font-size:6.325vw;
	}
	.experience_inner{
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.experience_inner::after{
	  content:"";
	  display: block;
	  width:32%;
	}
	.experience_inner a{
		width:32%;
		border:solid 1px #dfdfdf;
		display:flex;
		align-items: center;
	}
	.experience_inner .column{
		border:none;
		padding:1.65vw 0.825vw;
		width:100%;
		height:auto;
		margin:0 0 2%;
		position:relative;
		font-size:0;
	}
	.experience_inner .column:hover{
		opacity:0.7;
	}
	.experience_inner .column p{
		font-size:3.3vw;
		display:inline-block;
	}
	.experience_inner .column figure{
		width:8.25vw;
		min-width:7.7vw;
		display:inline-block;
		margin:0 1.375vw 0 0;
	}
	.experience_inner .column figure img{
		width:100%;
	}
	.experience_inner a:nth-child(5n+2):last-child{
		margin-right: 0;
	}
	.experience_inner a:nth-child(5n+3):last-child{
		margin-right: 0;
	}
	.experience_inner a:nth-child(5n+4):last-child{
		margin-right: 0;
	}


	.new{
		width:100%;
		margin:0 0 13.75vw;
	}
	.new .ttl h2{
		font-size:6.325vw;
	}
	.new_inner{
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.new_inner::after{
	  content:"";
	  display: block;
	  width:32%;
	}
	.new_inner a{
		width:100%;
	}
	.new_inner p{
		margin:1.375vw 0 0;
		font-size:3.85vw;
	}
	.new_inner .column{
		width:49%;
		margin:0 0 2%;
	}
	.new_inner figure{
		width:100%;
	}
	.new_inner figure img{
		width:100%;
	}
	.new .more{
		margin-top:5.5vw;
		text-align:center;
	}
	.new .more a{
		display:inline-block;
		margin:0 auto;
		border:1px solid #888888;
		border-radius: 7.7vw;
		padding: 1.375vw 5.5vw;
		font-size:3.85vw;
		font-weight:normal;
		color:#888888;
		text-align:center;
	}


	.about{
		background-image:none;
		display:flex;
		margin:0 0 13.75vw;
	}
	.about_inner{
		display:block;
		width:100%;
	}
	.about .box{
		width:100%;
		padding:11vw 0;
	}
	.about .about_left{
		width:100%;
		display:block;
		background-image:url(../images/bg_about.jpg);
		background-size: cover;
	}
	.about .about_left .box{
		text-align:center;
		width:68%;
		margin:0 auto;
	}
	.about .about_left .box img{
		width:100%;
	}
	.about .about_right{
		width:100%;
		background-color: rgba(12,99,170,1);
	}
	.about .about_right .box{
		color:#FFF;
		margin:0 0 0;
		padding:11vw;
		width:100%;
	}
	.about .about_right .box h3{
		font-size:7.15vw;
		margin:0 0 11vw;
	}
	.about .about_right .btn{
		margin:11vw 0 0;
		text-align:center;
	}
	.about .about_right .btn a{
		padding:2.75vw 5.5vw;
		background-color:#FFF;
		color:#27b;
		border-radius:5.5vw;
	}
	.about_online{
		width:100%;
		margin:0 0 13.75vw; 
	}
	.about_online h2{
		font-size:7.15vw;
		font-weight:bold;
		text-align:center;
		margin:5.5vw 0 8.25vw;
	}
	.about_online h3{
		font-size:4.4vw;
		font-weight:bold;
		margin-bottom:5.5vw;
	}
	.about_online_inner1 , .about_online_inner2{
		padding:2.75vw 0 8.25vw;
	}
	.enjoy_niigata{
		position:absolute;
		top:-9.625vw;
		left:0;
	}
	.enjoy_niigata img{
		width:41.25vw;
	}
	.about_online_content1 , .about_online_content2{
		width:96%;
		display:flex;
		flex-wrap:wrap;
		position:relative;
		margin:auto;
	}
	.about_online_img{
		margin:auto;
	}
	.about_online_img img{
		width:71.5vw;
		padding-top:30px;
	}
	.about_online_txt{
		margin-top:0px;
	}
	.about_online_button{
		text-align: center;
	}
	.about_online_button a{
		margin-top: 5.5vw;
		border:1px solid #888888;
		border-radius: 7.7vw;
		padding: 1.375vw 5.5vw;
		font-weight: normal;
		color: #888888;
	}
	.about_online_content1 .about_online_img{
		margin:auto;
	}
	.about_online_content2 .about_online_img{
		margin:auto;
	}


	.flow{
		background-color:#f2f2f2;
		padding:13.75vw 0;
	}
	.flow .ttl{
		text-align:center;
		margin:0 0 8.25vw;
	}
	.flow .ttl h2{
		font-size:7.15vw;
		font-weight:bold;
	}
	.flow h5{
		color:#0062b1;
		font-weight:bold;
		margin:2.75vw 0 1.1vw;
	}
	.flow .step{
		display:flex;
		width:90%;
		margin:0 auto;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.flow .step .number{
		width:30.25vw;
		margin:0 auto 2.75vw;
	}
	.flow .step .number img{
		width:100%;
	}
	.flow .step figure{
		width:100%;
		padding:5.5vw 9.35vw;
		background-color:#FFF;
	}
	.flow .step figure img{
		width:100%;
	}
	.flow .step .arrow{
		padding:0 0 4.4vw;
		width:3%;
		text-align:center;
		margin:26% 2% 0;
	}
	.flow .step .arrow img{
		width:100%;
	}
	.flow .column{
		width:45%;
		margin:0 0 11vw;
	}
	.flow .step .sp_none{
		display:none;
	}
	.flow .step .button{
		width: 100%;
		margin: 0 0 0;
		border-width: 0;
		border-radius: 7.7vw;
		padding: 2.2vw 11vw;
		font-size: 3.85vw;
	}


	.sns_pc{
		display:none;
	}
	.sns_sp{
		display:block;
		margin:13.75vw 5.5vw 0;
	}
	.sns_sp .insta,
	.sns_sp .tw{
		margin:0 0 5.5vw;
	}
	.sns_sp .insta{
		padding:2.75vw;
		background-color:#FFF;
		display:flex;
		align-items: center;
		border:solid 1px #d12794;
		border-radius:2.75vw;
		font-size:5.5vw;
		color:#d12794;
		position:relative;
	}
	.sns_sp .tw{
		padding:2.75vw;
		background-color:#FFF;
		display:flex;
		align-items: center;
		border:solid 1px #1da1f2;
		border-radius:2.75vw;
		font-size:5.5vw;
		color:#1da1f2;
		position:relative;
	}
	.sns_sp .fb{
		padding:2.75vw;
		background-color:#FFF;
		display:flex;
		align-items: center;
		border:solid 1px #3b5998;
		border-radius:2.75vw;
		font-size:5.5vw;
		color:#3b5998;
		position:relative;
	}
	.sns_sp .insta a,
	.sns_sp .tw a,
	.sns_sp .fb a{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
	.sns_sp .insta figure,
	.sns_sp .tw figure,
	.sns_sp .fb figure{
		width:13.75vw;
		margin:0 5.5vw 0 0;
	}
	.sns_sp .insta figure img,
	.sns_sp .tw figure img,
	.sns_sp .fb figure img{
		width:100%;
	}


	.footer_inner01{
		width:100%;
		margin:8.25vw auto 0;
		padding:13.75vw 2.75vw;
		display:block;
	}
	.footer_inner01 .foot_heading{
		display:flex;
		align-items: center;
		padding:0 0 2.75vw;
		margin:0 0 2.75vw;
		border-bottom:solid 1px #e4e4e4;
	}
	.footer_inner01 .foot_heading:nth-child(2n){
		margin:5.5vw 0 2.75vw;
	}
	.footer_inner01 .foot_heading p{
		font-size:4.95vw;
		font-weight:bold;
	}
	.footer_inner01 .foot_heading figure{
		margin: 0 2.75vw 0 0;
	}
	.footer_inner01 .foot_heading figure img{
		width: 9.4vw;
	}
	.footer_inner01 .box{
		width:100%;
		margin:0 0 5.5vw;
	}
	.footer_inner01 .box .tel{
		font-size:8.8vw;
		font-weight:bold;
	}
	.footer_inner01 .box .tel a{
		pointer-events:auto;
	}
	.footer_inner01 .pay{
		width:100%;
		max-width:99vw;
	}
	.footer_inner01 .pay img{
		width:100%;
	}
	.footer_inner02{
		width:100%;
		padding:4.9vw 0.98vw;
		display:flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.footer_inner02 .footer_left{
		display:flex;
		flex-direction: row-reverse;
	}
	.footer_inner02 .footer_left .logo{
		margin:0 2.94vw 0 0;
	}
	.footer_inner02 .footer_left ul{
		display:flex;
		flex-flow: row;
		flex-wrap: nowrap;
		justify-content: space-around;
	}
	.footer_inner02 .footer_left ul li{
		margin: 0.5vw 3vw;
	}
	.footer_inner02 .footer_left ul li img{
		max-width: 3vw;
		height: 3vw;
	}
	.footer_inner02 .footer_right{
		display:flex;
		font-size: 2vw;
	}
	.footer_inner02 .footer_right ul:first-child{
		margin:0 3vw 0 0;
	}
	.footer_inner02 .footer_right ul li{
		margin:0 0 3vw;
	}
	.footer_inner02 .footer_right ul li a{
		color:#FFF;
	}
	.copyright{
		font-size: 2vw;
	}


	.foot_menu_pc{
		display: block;
		bottom: 3vw;
		right: 3vw;
	}
	.foot_menu_pc .return_top{
		width: 16vw;
		height: 16vw;
	}
	.foot_menu_pc a{
		width: 16vw;
		height: 16vw;
	}
	.foot_menu_pc a img{
		width: 8vw;
		height: 8vw;
	}
	.foot_menu_pc a svg{
		width: 8vw;
		height: 8vw;
	}
	.foot_menu_sp_empty{
		display:block;
		width:100%;
		height:60px;
		margin:0;
	}
	.foot_menu_sp{
		display:block;
		position:fixed;
		width:100%;
		height:60px;
		bottom:0px;
		left:0px;
		right:0px;
		margin:0;
		z-index:9999;
	}
	.foot_menu_sp ul{
		display:flex;
	}
	.foot_menu_sp ul li{
		width : calc(100% / 2) ;
		border-right:solid 1px #fff;
		background-color:#0062b1;
		font-size:12px;
	}
	.foot_menu_sp ul li a{
		display:flex;
		align-items: center;
		color:#fff;
		padding:10px;
		height:100%;
	}
	.foot_menu_sp ul li figure{
		margin:0 6px 0 0;
	}
	.foot_menu_sp ul li figure img{
		height:40px;
	}
	.foot_menu_sp ul li:last-child{
		border-right:none;
	}

	.foot_menu {
	}
	.foot_menu .foot_menu_empty {
	}
	.foot_menu .foot_menu_fixed {
	}
	.foot_menu .foot_menu_upper {
	}
	.foot_menu .foot_menu_lower {
		display: block;
	}
	.foot_menu .return_top {
		display: none;
		width: 16vw;
		height: 16vw;
		right: 3vw;
		bottom: 3vw;
	}
	.foot_menu .return_top a {
		width: 16vw;
		height: 16vw;
	}
	.foot_menu .return_top a img{
		width: 8vw;
		height: 8vw;
	}
	.foot_menu .return_top a svg{
		width: 8vw;
		height: 8vw;
	}
}


/* スマホ専用の設定（スマホ用の設定の内でタブレットに適用したくない設定） */
@media screen and (max-width: 800px) { 
	/* slider */
	
	.top_slider_pc{
		display:none;
	}
	.top_slider_sp{
		display:block;
		width:100vw;
		height:90vw;
		background-color:#fff;
		overflow:hidden;
	}
	.top_slider_sp .loading{
		position:absolute;
		width:100vw;
		height:90vw;
		background-color:#fff;
		z-index:999999;
	}


	.footer_inner02{
		display:block;
		padding:13.75vw 2.75vw 5.5vw;
	}
	.footer_inner02 .footer_left{
		display:block;
	}
	.footer_inner02 .footer_left .logo{
		margin:0;
		text-align:center;
	}
	.footer_inner02 .footer_left ul{
		margin:0 0 8.25vw;
		padding:8.25vw 0;
		border-top:solid 1px #cdcdcd;
		border-bottom:solid 1px #cdcdcd;
		display:flex;
		flex-flow: row;
		flex-wrap: nowrap;
		justify-content: space-around;
	}
	.footer_inner02 .footer_left ul li{
		height:13.75vw;
		margin:1.375vw 0;
	}
	.footer_inner02 .footer_left ul li img{
		max-width: 10vw;
		height: 10vw;
	}
	.footer_inner02 .footer_right{
		display:block;
		font-size: 4.4vw;
	}
	.footer_inner02 .footer_right ul:first-child{
		margin:0 0 8.25vw;
		text-align:center;
		padding:0 0 8.25;
		border-bottom:solid 1px #cdcdcd;
	}
	.footer_inner02 .footer_right ul:last-child{
		margin:0 0 8.25vw;
		text-align:center;
	}
	.footer_inner02 .footer_right ul li{
		margin:0 0 8.25vw;
	}
	.footer_inner02 .footer_right ul li a{
		color:#FFF;
	}
}
