/* CSS Document */
@import url('default.css');
body{
	color:#211515;
}
a{
	color:#211515;
/*	transition:all 0.3s;*/
}
a img{
	transition:opacity 0.3s;
}
a:focus,input[type="search"]:focus{
	outline:0;
}
input::-webkit-search-cancel-button{
-webkit-appearance: none;
}
input::-ms-clear {display: none;}
a:hover img{
	opacity:0.5;
}

input::-ms-reveal {
visibility: hidden;
}
i.icon{
	line-height:1;
}
/*All
----------------------------------------------------*/
input{
	font-family:Roboto,Noto Sans Japanese,'游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
header{
/*	position:fixed;*/
	width:100%;
	box-sizing:border-box;
	z-index:300;
	background:#ffffff;
	top:0;
	right:0;
	left:0;
}
.overlay{
	position:fixed;
	width:100%;
	height:100vh;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	z-index:150;
	display:none;
}
#global_navi a{
	display:block;
	z-index: 3; position: relative;
}
.search_box{
	box-sizing:border-box;
}
.search_box input{
	appearance:none;	
	-webkit-appearance:none;
	-moz-appearance:none;
}
input::placeholder{
	color:#b2c1bf;
}
.search_box input::-ms-input-placeholder{
	color:#b2c1bf;
}
.search_box input[type="search"]{
	border:0;
	box-shadow:0 0 3px rgba(0,0,0,0.35);
	border-radius:30px;
	width:100%;
	margin:auto;
/*	box-sizing:border-box;*/
	line-height:1;
}
.search_box input[type="submit"]{
	border:0;
	background:transparent;
	text-indent:-9999px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	cursor:pointer;
}
.search_box .submitbtn{
	position:absolute;
	right:5%;
	top:0;
	bottom:0;
	height:1em;
	margin:auto;
	font-size:1.8rem;
}
.search_box .submitbtn i{
	width:1em;
	height:1em;
	display:block;
	vertical-align: middle;
}
.search_box label{
	position:relative;
	display:block;
}
#global_navi .main_navi dd li a{
	position:relative;
}
#global_navi .main_navi dd li a:before{
	content:"";
	display:block;
	width:7px;
	height:7px;
	background:url(../image/arrow.png) no-repeat center /auto 100%;
	position:absolute;
	margin:auto;
}

#global_navi .sub_navi a{
	color:#4a4242
}
#global_navi .sub_navi i{
	color:#000000;
	vertical-align:middle;
}
header .online_btn a{
	display:block;
	color:#ffffff;
	background-color:#e60012;
	font-weight:500;
	text-align:center;
	letter-spacing: 0.08em;
	line-height:1;
}
header .online_btn i{
	margin-right:2px;
	font-size:0.9em;
}
/*2020.08.27*/
#global_navi .sub_navi .en i{
	color:#90d2ea;
}
#global_navi .sub_navi .en a{
	border:1px solid #90d2ea;
	color:#90d2ea;
	text-align:center;
	transition:background-color 0.3s,color 0.3s;
	padding-left:0;
	text-indent:0;
	letter-spacing: 0.1em;

}

	/*消すかも*/#global_navi .sns{
		/*position:absolute;*/
		bottom:20px;
		right:10px;
		display:table;
		width:90px;
		table-layout:fixed;
	}
	#global_navi .sns li{
		display:table-cell;
		padding:0 3px;
		vertical-align: top;
	}


/*#global_navi .snsのcss 消す*/
#iconList{	display:flex;align-items: center;justify-content: flex-end;	}

  #wrap > div, #iconList > div{	text-align:right;}

  .txt-hide{display: none;}

  button.more {height: 30px; cursor: pointer;
  position: relative;
  padding-left: 30px;
  display: block;
  background-color: inherit;
  border: none;
  outline: 0;
  transition: .5s;
  -webkit-transition: .5s;
  }
   /*>>*/
  button.more::after {
  background-image: url(../image/arrowIconclose.png) ;
  transition: .2s;
  -webkit-transition: .2s;
  }
  /*<<*/
  button.more.on-click::after{
  background-image: url(../image/arrowIcon.png) ;
  }

  button.more::after,
  button.more.on-click::after{ background-repeat: no-repeat; background-position: 0 0; 
  content: ""; height: 50px; width: 50px; display: block;
	  position: absolute; right: -20px; top:0;background-size: 35%;
  }




/*tag*/
.news .post_category .post_ct,
#news .post_category .post_ct{
	background:#279ea5;
}
.news .post_category .post_at,
#news .post_category .post_at{
	background:#5fa5cd;
}
.news .post_category .post_im,
#news .post_category .post_im{
	background:#d66459;
}
.news .post_category .post_iv,
#news .post_category .post_iv{
	background:#f28e4c;
}
.news .post_category .post_it,
#news .post_category .post_it{
	background:#a6d1f0;
}


.news .post_category .post_wg,
#news .post_category .post_wg{
	background:#e39178; }
.news .post_category .post_ng,
#news .post_category .post_ng{
	background:#368395;
}


/*Footer
----------------------------------------------------*/
footer .sns{
	text-align:center;
}
footer .sns ul{
	display:flex;
	justify-content:space-between;
	margin-right:auto;
	margin-left:auto;
}
footer .sns ul li{
	width:25%;
}
footer .sns dt{
	font-weight:600;
	letter-spacing:0.08em;
}
footer .sns dt span{
	color:#76b2d5;
}
footer .sns dd{
	color:#635353;
}

footer .sns ul li a{
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
footer #monitor_login,footer #banner_area{
	background:#e6eef3;
}
footer .monitor .bnr,#banner_area .bnr{
	line-height:0;
}
footer .monitor dl{
	background:#ffffff;
	box-shadow:0 0 2px rgba(0,0,0,0.18);
	width:100%;
	box-sizing:border-box;
}

footer .monitor dt{
	font-weight:600;
	border-style:solid;
	border-color:#dddcdc;
	letter-spacing:0.02em;
}
footer .monitor dd label{
	display:block;
}
footer .monitor input{
	appearance:none;	
	-webkit-appearance:none;
	-moz-appearance:none;
}
footer .monitor input[type="text"],footer .monitor input[type="password"]{
	border:1px solid #dddcdc;
	margin-left:10px;
	box-sizing:border-box;
	width:100%;
}
footer .monitor .login{
	position:relative;
	overflow:hidden;
}
footer .monitor input[type="submit"]{
	cursor:pointer;
	border:0;
	position:absolute;
	text-indent:-9999px;
	background:transparent;
	width:100%;
	top:0;
	right:2%;
	left:0;
	bottom:0;
	margin:auto;
}
footer .monitor .loginbtn{
	background:#76b2d5;
	color:#ffffff;
	text-align:center;
	border-radius:50px;
}
footer .monitor .loginbtn i{
	color:#ffffff;
	vertical-align:middle;
	margin-right:5px;
}
footer .brands ul{
	display:table;
	table-layout:fixed;
	margin-right:auto;
	margin-left:auto;
	line-height:0;
	width:100%;
}
footer .brands li{
	display:table-cell;
	text-align:center;
}
.footer_navi{
	font-family:Noto Sans Japanese,'游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	border-top:1px solid #eeebeb;
	border-bottom:1px solid #d5cdcd;
}
.footer_navi a{
	display:block;
}

.footer_navi .main_navi{
	font-weight:500;
}
.footer_navi .main_navi dl li{
	font-weight:400;
}
.footer_navi .main_navi dl li a{
	color:#4a4242;
}
.footer_navi .sub_navi{
	display:flex;
}
.footer_navi .sub_navi li a{
	color:#4a4242;
}
footer .copyright{
	letter-spacing:0.16em;
	color:#656565;
}
footer .pagetop a{
	display:block;
}

footer .pagetop{
	display:none;
	position:fixed;
	border-radius:50%;
	overflow:hidden;
	z-index:10;
}
footer .pagetop a{
	background-image:url(../image/pagetop.png);
	background-repeat:no-repeat;
	background-position:center;
}
/*Main
----------------------------------------------------*/
.tleStyle span{
	color:#94c5e1;
	display:block;
	font-weight:300;
	line-height:1;
}
.tleStyle1{
	font-weight:500;
	letter-spacing:0.1em;
	text-align:center;
}
.tleStyle1 span{
	letter-spacing:0.12em;
	font-weight:300;
}
.tleStyle2{
	text-align:center;
	font-weight:500;
	position:relative;
}
.tleStyle2 span{
	letter-spacing:0.12em;
}
.tleStyle2:after{
	content:"";
	display:block;
	width:60px;
	height:2px;
	background:#e3e3e3;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
}
.tleStyle3{
	font-weight:500;
	position:relative;
	border-bottom:1px solid #dad7d7;
	padding-left:18px;
}
.tleStyle3:before{
	content:"";
	display:block;
	width:10px;
	height:3px;
	background:#79c0e8;
	position:absolute;
	top:0.8em;

	left:0;
	margin:auto;
}
.pageTitle{
	border-left:3px solid #78c0e8;
	line-height:1;
}
.pageTitle span{
	color:#716666;
	display:block;
	font-weight:500;
	letter-spacing:0.06em;
	margin-bottom:10px;
}
.pankuzu{
	background:#e6eef3;
}
.pankuzu i{
	width:1em;
	height:1em;
	font-size:7px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
.pankuzu li{
	display:inline-block;
	color:#7b7b7b;
	vertical-align:middle;
	position:relative;
	padding-right:1.5em;
}

.pankuzu li:last-child{
	padding-right:0;
}
.pankuzu a{
	color:#7b7b7b;
}
/*Contents header
----------------------------------------*/
.contents_navi li{
	border-style:solid;
	border-color:#e6eef3;
	font-weight:500;
	
}
.contents_navi a{
	color:#595151;
	display:block;
}
.contents_navi i{
	color:#79c0e8;
}
/*2column content
----------------------------------------*/
#sidenavi{
	border-top:2px solid #b4cedc;
}
#sidenavi a,#sidenavi span{
	display:block;
}
#sidenavi a{
	position:relative;
}
#sidenavi a i{
	vertical-align: middle;
	position:absolute;
	display:block;
	width:1em;
	height:1em;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
}
#sidenavi li a i{
	font-size:7px;
}
#sidenavi dt a{
	background:#eef2f4;
	position:relative;
}
#sidenavi a{
	padding-left:1.3em;
}
#sidenavi li{
	border-bottom:1px solid #e3e3e3;
}
#sidenavi span{
	font-weight:600;
	color:#9ca5ac;
}
#main >.column-2{
	overflow:hidden;
	clear:both;
}
.column-2 >#sidenavi{
	overflow:hidden;
}/*
.accodion{
	cursor:pointer;
}*/
.acc{
	display:none;
}
/*item search
----------------------------------------*/

#item_search{
	background:url(../image/cont_bg1.png) repeat-y center top #f3f8fb;
}
#item_search nav li a.active,#item_search .item_list,#item_search .item_list dl ul,#item_search .item_list dl li{
	border-style:solid;
	border-color:#e3e3e3
}
#item_search nav ul{
	display:flex;
}
#item_search nav a{
	display:block;
	background:#79c0e8;
	color:#ffffff;
	text-align:center;
	letter-spacing:0.04em;
	font-weight:500;
}
#item_search nav a.active{
	font-weight:600;
	background:#ffffff;
	color:#29639d;
	position:relative;
	z-index:50;
	margin-bottom:-1px;
	border-width:1px 1px 0;
}
#item_search .item_list:not(.active){
	display:none;
}
#item_search .item_list{
	background:#ffffff;
}
#item_search dt{
	text-align:center;
	letter-spacing:0.18em;
	color:#29639d;
	font-weight:400;
}
#item_search dl a{
	display:block;
	position:relative;
}
#item_search dl a span{
	font-size:0.846em;
}
#item_search dl i{
	display:block;
	width:1em;
	height:1em;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	line-height:0;
}
#item_search dl ul{
	border-width:1px;
}
#item_search dl ul li{
	font-feature-settings: "palt" 1;
}

/*Pager
----------------------------------------*/
.paging{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	line-height:1;
	justify-content:center;
	margin-bottom:10px;
}
.paging ul{
	display:flex;
	margin:0 15px;

}
.pager .total{
	text-align:center;
	color:#4a4242;
	letter-spacing:0.02em;
}
.paging li{
	margin:0 5px;
}
.paging ul li a,.paging ul li span{
	display:block;
	text-align:center;
}
.paging ul li a{
	border:1px solid #d1cfcf;
	font-weight:500;
}
.paging i{
	color:#90bed8;
	font-size:1.143em;
}
/*Lineup
----------------------------------------*/
#lineup .lineup_list{
	display:flex;
	flex-wrap:wrap;
}
#lineup .name{
	line-height:1.333em;
}
#item_lineup.com_line .image{
	width:100%;
	padding-top:100%;
}
#lineup figure .image{
	position:relative;
	width:100%;
	padding-top:85.0125%;
}
#lineup figure .image img{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	height:100%;
	max-width:100%;
	margin:auto;
}

/*Ouchi-Deital*/
.ouchi-popup{
	position:fixed;
	z-index:150;
	transition:all 0.2s;
}
.ouchi-popup a{
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
}
.ouchi-popup.open a{
	background-image:url(../image/pop_img_o.png);
}
.ouchi-popup.close a{
	background-image:url(../image/pop_img_c.png);
}
.ouchi-popup .c_btn{
	background-repeat:no-repeat;
	background-position:relative;
	background-size:100% auto;
	position:absolute;
	bottom:0;
	right:0;
	cursor: pointer;
}
.ouchi-popup.open .c_btn{
	background-image:url(../image/pop_btn_c.png);
}
.ouchi-popup.close .c_btn{
	background-image:url(../image/pop_btn_o.png);
}

/*POPUP
----------------------------------------------------*/
.dis-ib{
	display:inline-block;
}
#popup .red{
	color:#e60012;
}
#popup .close{
	width:4em;
	height:4em;
	background:#2089c5;
	border-radius:50%;
	position:absolute;
	top:-2em;
	right:-2em;
	transition:width 0.2s,height 0.2s;
	z-index: 100;
	cursor: pointer;
}
#popup .close >span{
	display:block;
	width:2em;
	height:2px;
	background:#ffffff;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	transition:width 0.2s,height 0.2s;
}
#popup .close >span:first-child{
	transform: rotate(45deg);
}
#popup .close >span:last-child{
	transform: rotate(-45deg);
}

#popup{
	position:fixed;
	z-index:800;
	width:100%;
	height:100%;
	box-sizing:border-box;
	overflow: auto;
	display:none;
	top:0;
	bottom:0;
}

#popup,#popup .wrap{
	right:0;
	left:0;
	margin:auto;
}
#popup .wrap{
	max-width:750px;
	width:85%;
	position:absolute;
	transform: translateY(-50%);
	top:50%;
	z-index:950;
	max-height:80%;
}
#popup .popup_contents{
	box-sizing:border-box;
	border:3px solid #2089c5;
	background:#ffffff;
	margin-right:auto;
	margin-left:auto;
}
#popup .popup_tle{
	text-align:center;
	font-size:1.4em;
	letter-spacing:0.05em;
	font-weight:500;
}
#popup .date >span{
	text-align:right;
	display:block;
}
#popup .pr10{
	padding-right:1em;
}
.popup_overlay{
	z-index: 900;
	background:url(../image/cont_bg1.png);
	opacity: 0.8;
	position:fixed;
	width:100%;
	height:100vh;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}



/*PC
----------------------------------------------------*/
@media screen and (min-width:1435px){
	#iconList .sns1{ width: 187px; }
	#iconList .sns2{ width: 140px; }
}
@media screen and (min-width:1331px) and (max-width:1434px){
	#iconList .sns1{ width: 12vw; }
	#iconList .sns2{ width: 9vw; }
}

@media screen and (min-width:1211px) and (max-width:1330px){
	#iconList .sns1{ width: 11vw; }
	#iconList .sns2{ width: 8vw; }
}
@media screen and (min-width:1211px) {
#global_navi .main_navi >li:not(:last-child){
	/* 2024-02-22まで
   margin-right:45px;
   */
   margin-right:30px}
}
@media screen and (min-width:1081px) and (max-width:1330px){
button.more{ padding-left: 18px; }
button.more::after, button.more.on-click::after{ width: 40px; height: 40px; }
}
@media screen and (min-width:1081px) and (max-width:1210px){
	#iconList{ bottom: 8px!important; }
	#iconList .sns1{ width: 102px; /*105px*/}
	#iconList .sns2{ width: 70px; }/*73px*/

	#global_navi .main_navi >li:not(:last-child){ margin-right:24px}
}


@media screen and (min-width:1081px),print{
	html{
		font-size:0.625em;
	}
	body{
		font-size:1.4em;
		min-width:1000px;
		margin-right:auto;
		margin-left:auto;
	}
	header{
		padding-top:20px;
		position:relative;
	}
	header:after{
		content:"";
		display:block;
		width:100%;
		height:6px;
		position:absolute;
/*		bottom:-6px;*/
		right:0;
		left:0;
		margin:auto;
		background: rgb(0,0,0);
		background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
	}
	header .logo{
		text-align:center;
		width:187px;
		margin-right:auto;
		margin-left:auto;
		line-height:0;
	}
	header .top_content{
		position:relative;
	}
	header .search_box, header .online_btn{ left:30px; }
	header .search_box{
		position:absolute;
		top:30px;
	}
	header .search_box input[type="search"]{
		padding:10px;
		width:290px;
		padding-right:calc(10px + 2em);
	}
	#global_navi{
		margin-top:20px;
	}
	#global_navi a{
		transition:color 0.2s;
	}
	#global_navi .main_navi{
		/*655
		width:680px;
		margin-right:auto;
		margin-left:auto;
		letter-spacing: -0.5px;*/
		padding-bottom:20px;
		display: flex; justify-content: center;
	}


	#global_navi .main_navi >li span{ letter-spacing: -1px;margin-left: -3px; }
	#global_navi .main_navi:after{
		content:"";
		display:block;
		width:0;
		height:0;
		overflow:hidden;
		clear:both;
	}
	/*
	#global_navi .main_navi li:hover .main_sub{
		display:block;
	}*/
	#global_navi .main_navi >li >a{
		position:relative;
		padding-left:14px;
		font-weight:500;
	}
	#global_navi .main_navi >li >a:before{
		content:"";
		display:block;
		width:8px;
		height:7px;
		background:url(../image/navi_icon.png) no-repeat center /100% auto;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		margin:auto;
	}/*
	#global_navi .main_navi >li.active .main_sub{
		height:auto;
		opacity:1;
	}*/
	#global_navi .main_navi .main_sub{
		position:absolute;
		width:100%;
		background-color:rgba(255,255,255,0.95);
		background-repeat:no-repeat;
		background-position:center;
		right:0;
		left:0;
/*		height:0;
		opacity:0;
		transition: height 0.2s,opacity 0.2s;*/
		overflow:hidden;
		box-sizing:border-box;
		display:none;
		height:270px;
		margin-top:20px;
	}
	#global_navi .main_navi #gnavi1 .main_sub{
		background-image:url(../image/gnavi_bg1.png);
	}
	#global_navi .main_navi #gnavi2 .main_sub{
		background-image:url(../image/gnavi_bg2.png);
	}
	#global_navi .main_navi #gnavi3 .main_sub{
		background-image:url(../image/gnavi_bg3.png);
		height:310px;
	}
	#global_navi .main_navi #gnavi3 .main_sub.cam{
		background-image:url(../image/gnavi_bg3_cam.png);
		height:310px;
	}
	
	#global_navi .main_navi #gnavi4 .main_sub{
		background-image:url(../image/gnavi_bg4.png);
	}
	#global_navi .main_navi #gnavi5 .main_sub{
		background-image:url(../image/gnavi_bg5.png);
	}
	#global_navi .main_navi .main_sub a:hover{
		color:#79c0e8;
	}
	#global_navi .main_navi dl{
		width:980px;
		margin-right:auto;
		margin-left:auto;
		padding-top:40px;
	}
	#global_navi .main_navi dt{
		font-size:1.857em;
		letter-spacing:0.06em;
		font-weight:400;
	}
	#global_navi .main_navi dd{
		width:720px;
		overflow:hidden;
		clear:both;
		padding-bottom:50px;
	}
	#global_navi .main_navi dd li{
		float:left;
		overflow:hidden;
		width:220px;
		margin-top:20px;
	}
	#global_navi .main_navi #gnavi3 dd li{
		width:295px;
	}
	#global_navi .main_navi dd li a{
		padding-left:11px;
		position:relative;
	}
	#global_navi .main_navi dd li a:before{
		top:0.6em;
		left:0;
	}
	#global_navi .campaign_bnr{
		display:block;
		width:258px;
		margin:auto;
		position:absolute;
		top:0;
		right:-750px;
		bottom:0;
		left:0;
	}
	#global_navi .campaign_bnr >div{
		background:#ffffff;
		box-shadow:0 0 3px rgba(0,0,0,0.5);
		text-align:center;
		width:100px;
		border-radius:50px;
		font-size:0.893em;
		position:absolute;
/*		bottom:34px;*/
		right:14px;
		bottom:50px;
	}
	#global_navi .campaign_bnr >div i{
		font-size:1.071em;
		vertical-align:middle;
		margin-right:3px;
	}
	#global_navi .sub_navi{
		position:absolute;
		top:40px;
		right:0;
		max-width:410px;
		width:35%;
		display:flex;
		justify-content:flex-end;
	}
	#global_navi .sub_navi li{
		font-size:0.929em;
	/*2020.08.27*/
		margin-right:14px;
	}
	#global_navi .sub_navi li:last-child{
		margin-right:0;
	}
	/*2020.08.27*/
	#global_navi .sub_navi .en a{
		width:90px;
	}

	#global_navi .sub_navi li:last-child{
		width:106px;
	}
	#global_navi .sub_navi i{
		margin-right:3px;
		font-size:1.154em;
	}

	#iconList{position: absolute; right: 0; bottom: 0;width: 300px;}


	/*2020.06*/
	header .online_btn{
		width:160px;
		position:absolute;
		bottom:-44px;
	}
	header .online_btn a{
		padding-top:5px;
		padding-bottom:5px;
	}
	
	#sdg{ position: absolute;/* bottom: 15px; right: 110px;*/top: 35px; right: 230px; width: 11vw;}


/*Footer
----------------------------------------------------*/
	footer{
		padding-bottom:30px;
		overflow:hidden;
	}
	footer .sns{
		padding-top:50px;
		padding-bottom:50px;

	}
	footer .sns dt{
		font-size:2.000em;
		margin-bottom:20px;
	}
	footer .sns ul{
		width:520px;
		margin-top:30px;
	}
	/*footer .sns li:not(:last-child){
		padding-right:11px;
		padding-left:11px;
	}*/
	footer .sns li:first-child{ padding-right: 8px; }
	footer .sns li:nth-child(6){ padding-left: 3px;padding-right: 15px;}
	footer .sns ul li.twIcon{ width: 30%; padding-right: 6px;}
	footer .sns ul li.twIcon1{ padding-right: 2px;}

	footer #monitor_login,footer #banner_area{
		padding:40px;
		width:100%;
		box-sizing:border-box;
	}

	footer .monitor,#banner_area .banner{
		box-sizing:border-box;
		max-width:1200px;
		margin-right:auto;
		margin-left:auto;
		align-items:cebter;
	}
	footer .monitor .bnr,#banner_area .bnr{
		width:215px;
	}
	footer .monitor dl{
		display:table;
		margin-left:45px;
		max-width:940px;
		padding:12px 20px;
		box-sizing:border-box;
	}
	footer .monitor dt,footer .monitor dd{
		display:table-cell;
		vertical-align:middle;
	}
	footer .monitor dt{
		border-right:1px solid #dddcdc;
	}
	footer .monitor dd{
		padding-left:20px;
	}
	footer .monitor dd >form{
		display:table;
		width:100%;
	}
	footer .monitor dd label{
		display:table-cell;
		vertical-align:middle;
	}
	footer .monitor input[type="text"],footer .monitor input[type="password"]{
		width:195px;
		box-sizing:border-box;
		padding:10px;
	}
	footer .monitor label.email{
		padding-right:20px;
		width:265px;
	}
	footer .monitor label.password{
		width:280px;
	}
	footer .monitor .login{
		width:120px;
	}
	footer .monitor .loginbtn{
		padding:10px;
	}
	footer .brands{
		width:610px;
		margin-right:auto;
		margin-left:auto;
		padding-top:45px;
		padding-bottom:45px;
	}
	footer .brands li{
		padding:0 30px;
	}
	.footer_navi{
		padding-top:50px;
		padding-bottom:50px;
		margin-bottom:30px;
	}
	.footer_navi .main_navi{
		width:980px;
		margin-right:auto;
		margin-left:auto;
		overflow:hidden;
		clear:both;
		padding-bottom:60px;
		font-size:0.964em;
		letter-spacing:0.02em;
	}
	.footer_navi .main_navi >li:not(.sitecontents){
			/* 2024-02-22まで
			width:240px;			*/
		width: 200px;
		margin-bottom:30px;
	}
	.footer_navi .main_navi >li:first-child{
		float:left;
	}
	.footer_navi li a:hover{
		text-decoration:underline;
	}
	.footer_navi li.sitecontents{
		float:right;
		display:flex;
		flex-wrap:wrap;
		width:740px;
		height:390px;
		flex-direction:column;
	}
	.footer_navi dl{
         /* 2024-02-22まで
		width:240px;          */
         width: 224px;
                
		margin-bottom:25px;
		box-sizing:border-box;
		padding-right:30px;
	}
	.footer_navi dl li{
		margin-bottom:10px;
		font-size:0.926em;
		line-height:1.280em;
	}
	.footer_navi dl dt{
		margin-bottom:15px;
	}
	.footer_navi .sub_navi{
		width:980px;
		margin-right:auto;
		margin-left:auto;
		font-size:0.893em;
	}
	.footer_navi .sub_navi li{
		width:25%;
		text-align:center;
	}
	footer .logo{
		float:left;
		padding-left:50px;
	}
	footer .copyright{
		font-size:0.750em;
		float:right;
		margin-top:15px;
		padding-right:50px;
	}
	footer .pagetop{
		position:fixed;
		width:60px;
		border-radius:50%;
		bottom:45px;
		right:2%;
		line-height:0;
	}
	footer .pagetop a{
		display:block;
		height:60px;
		background-color:rgba(148,197,225,1);
		text-align:center;
		background-size:20px auto;
		transition:background-color 0.2s;
	}
	footer .pagetop a:hover{
		background-color:rgba(129,192,226,1);
	}
	footer .pagetop a img{
		width:21px;
		margin:auto;
		position:relative;
		transform:translateY(-50%);
		top:50%;
	}
	#footerfun{ margin-bottom: 50px; }
/*Main
----------------------------------------------------*/
	.tleStyle1{
		font-size:1.071em;
		margin-bottom:40px;
	}
	.tleStyle1 span{
		font-size:2em;
		margin-bottom:10px;
	}
	.pageTitle{
		font-size:2.143em;
		padding-left:30px;
		margin-top:40px;
		margin-bottom:40px;
	}
	.pageTitle span{
		font-size:0.467em;
	}
	.tleStyle2{
		padding-bottom:20px;
		font-size:1.643em;
	}
	.tleStyle2 span{
		font-size:0.652em;
		margin-bottom:5px;
	}
	.tleStyle3{
		padding-bottom:10px;
		font-size:1.143em;
		margin-bottom:25px;
	}

	.pankuzu{
		padding-top:10px;
		padding-bottom:10px;
	}
	.pankuzu ul{
		width:980px;
		margin-right:auto;
		margin-left:auto;
		font-size:0.857em;
	}
	.pankuzu li{
		margin-right:15px;
	}
	.pankuzu li:last-child{
		margin-right:0;
	}
	.contents{
		width:980px;
		margin-right:auto;
		margin-left:auto;
	}
/*Content header
----------------------------------------*/
	.contents_navi{
		margin-bottom:40px;
	}
	.contents_navi ul{
		display:table;
		width:100%;
	}
	.contents_navi ul li{
		display:table-cell;
		text-align:center;
		border-left-width:1px;
		padding-top:9px;
		padding-bottom:9px;
		font-size:0.964em;
	}
	.contents_navi ul li:last-child{
		border-right-width:1px;
	}
	.contents_navi ul li i{
		font-size:10px;
		margin-right:5px;
	}
/*2column content
----------------------------------------*/
	#main >.column-2 >.main_content{
		float:left;
		overflow:hidden;
		width:700px;
	}
	#main #sidenavi{
		width:250px;
		float:right;
	}
	#sidenavi dt i{
		left:20px;
	}
	#sidenavi dd i {
		left:25px;
	}
	#sidenavi a ,#sidenavi span{
		padding-top:20px;
		padding-bottom:20px;
		padding-left:37px;
		padding-right:20px;
	}
	#sidenavi a{
		transition:all 0.2s;
	}
	#sidenavi dt a:hover{
		background:#e5edf3;
	}
	#sidenavi li a:hover{
		background:#f4fbfe;
	}
	

/*Item search
----------------------------------------*/
	#item_search{
		padding-top:90px;
		padding-bottom:50px;
	}
	#item_search .search_box{
		width:460px;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:50px;
	}
	#item_search .search_box input[type="search"]{
		padding:20px;
		padding-right:calc(20px + 2em);
	}
	#item_search .search_box i{
		font-size:2rem;
	}
	#item_search nav{
		width:940px;
		margin-right:auto;
		margin-left:auto;
	}
	#item_search nav ul{
		justify-content:space-between;
		align-items:flex-end;
	}
	#item_search nav li{
		width:300px;
	}
	#item_search nav li a{
		padding:10px;
	}
	#item_search nav li a.active{
		font-size:1.071em;
		padding:15px;
	}
	#item_search .item_list{
		width:980px;
		margin-right:auto;
		margin-left:auto;
		overflow:hidden;
		clear:both;
		padding:20px;
		box-sizing:border-box;
	}
	#item_search .item_list .food{
		margin-right:20px;
	}
	#item_search .item_list dt{
		font-size:1.571em;
		margin-bottom:10px;
		padding-top:20px;
	}
	#item_search .item_list dl{
		float:left;
		overflow:hidden;
		width:459px;
	}
	#item_search .item_list ul{
		border-width:1px;
		display:flex;
		flex-wrap:wrap;
		box-sizing:border-box;
	}
	#item_search .item_list ul li{
		border-width:1px 1px 0 0;
		box-sizing:border-box;
		width:50%;
		display:flex;
		font-size:0.929em;
		line-height:1.385em;
		height:70px;
	}
	#item_search .item_list ul li:nth-child(2n){
		border-right:0;
	}
	#item_search .item_list ul li:first-child,#item_search .item_list ul li:nth-child(2){
		border-top:0;
	}
	#item_search .item_list dl li.bdr:after{
		content:"";
		display:block;
		width:100%;
		height:1px;
		background:#e3e3e3;
		position:absolute;
		right:0;
		bottom:-1px;
		left:0;
		margin:auto;
		
	}
	#item_search .item_list dl li.bdr{
		position:relative;
/*		border-bottom-width:1px;*/
	}
	#item_search .item_list a{
		box-sizing:border-box;
		width:100%;
		padding:16px 20px;
		padding-left:70px;
		align-self:center;
	}
	#item_search .item_list i{
		font-size:5rem;
		left:10px;
	}
/*Line up
----------------------------------------*/
	#lineup .lineup_list{
		margin-top:60px;
	}
	#lineup li{
		width:186px;
		overflow:hidden;
		font-size:0.964em;
		margin-right:12.5px;
		margin-bottom:12.5px;
	}
	#lineup li:nth-child(5n){
		margin-right:0;
	}
	#lineup .name{
		margin-top:20px;
	}
	/*Ouchi-Deital*/
	.ouchi-popup{
		bottom:15%;
		right:2.5%;
	}
	.ouchi-popup.open.active{
		bottom:calc(95% - 285px);
	}
	.ouchi-popup.close.active{
		bottom:calc(95% - 135px);
	}
	.ouchi-popup.active{
		bottom:auto;
		top:5%;
	}
	.ouchi-popup.open{
		width:282px;
		height:285px;
	}
	.ouchi-popup.close{
		width:116px;
		height:135px;
	}
	.ouchi-popup .c_btn{
		width:60px;
		height:60px;
	}

}
@media screen and (min-width:1281px){
	footer .monitor,footer #banner_area .banner{
		display:flex;
		max-width:1200px;
		justify-content: center;
	}
}
@media screen and (max-width:1280px) and (min-width:1081px),print{
	footer .monitor dl{
		width:100%;
		max-width:100%;
		margin-left:0;
		margin-top:20px;
	}
	footer .monitor input[type="text"]{
		width:calc(100% - 10em);
	}
	footer .monitor input[type="password"]{
		width:calc(90% - 7em);
	}
}
/*PC and Tablet
----------------------------------------------------*/
@media screen and (min-width:751px),print{
	#global_navi .main_navi >li:hover >a,#global_navi .main_navi >li.active >a,#global_navi .sub_navi a:hover ,#global_navi .sub_navi a:hover i{
		color:#92abd0;
	}
	#global_navi .sub_navi i{
		transition:all 0.2s;
	}
	header #global_navi .online_btn a{
		transition:background-color 0.3s;
	}
	header .online_btn a:hover{
		background-color:#d6000e;
	}
	/*2020.08.27*/
	#global_navi .sub_navi .en a:hover{
		background:#90d2ec;
		color:#ffffff;
	}
	#global_navi .sub_navi .en a:hover i{
		color:#ffffff;
	}
	footer .monitor .bnr,#banner_area .bnr{
/*		margin-right:auto;
		margin-left:auto;*/
		text-align:center;
	}
	#banner_area .banner{
		display:flex;
		justify-content: center;
	}
	#banner_area .bnr:not(:last-child){
		margin-right:3%;
	}
	footer .monitor .loginbtn{
		transition:background 0.2s;
	}
	footer .monitor .login:hover .loginbtn{
		background:#5ea2c9;
	}
	footer .logo{
		max-width:150px;
	}
/*Main
----------------------------------------------------*/
	#item_search .item_list{
		background:#ffffff;
		border-width:1px;
	}
/*Paging
----------------------------------------*/
	.paging li{
		width:3em;
		margin:0 5px;
	}
/*Popup
----------------------------------------*/
	#popup .close{
		font-size:10px;
	}
	#popup .popup_contents{
		padding:30px;
	}
}
/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
	header .online_btn{
		font-size:calc((0.625rem + ((1vw - 7.51px) * 1.33155792276964))*0.69537037037037);
	}
	header .online_btn i{
		font-size:5em;
	}

	footer .sns ul{
		width:50%;
		padding-top:3%;
		padding-bottom:3%;
	}
	footer .monitor,footer #banner_area .banner{
		padding:3% 5%;
	}
	footer .monitor dl{
		padding:3%;
		margin-top:3%;
	}
	footer .monitor dt{
		box-sizing:border-box;
		border-width:0 0 1px 0;
		text-align:center;
		padding-bottom:2%;
		margin-bottom:2%;
	}
	footer .monitor dd{
		padding-left:2%;
	}
	footer .monitor dd form{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	footer .monitor dd label{
		width:49%;
	}
	footer .monitor dd label input[type="text"],footer .monitor dd label input[type="password"]{
		margin-left:0;
		padding:2%;
	}
	footer .monitor dd .login{
		width:100%;
	}
	footer .monitor .bnr,footer #banner_area .bnr{
		max-width:215px;
	}
	footer .monitor dd .login{
		width:40%;
		margin-right:auto;
		margin-left:auto;
		margin-top:3%;
	}
	footer .monitor dd .loginbtn{
		padding:3%;
	}
	.footer_navi .main_navi li a{
		padding-top:1%;
		padding-bottom:1%;
	}
	.footer_navi .main_navi .category_top a:after{
		width:1em;
		height:1em;
	}
	.footer_navi .sub_navi{
		padding:1% 5%;
	}
	.footer_navi .sub_navi li{
		width:50%;
		padding:2%;
		box-sizing:border-box;
	}
	footer .brands{
		margin-top:5%;
		margin-bottom:5%;
	}
	footer .brands ul{
		width:70%;
	}
	footer .pagetop{
		max-width:60px;
	}
	footer .pagetop a{
		max-height:60px;
	}

/*Main
----------------------------------------------------*/
/*Contents header
----------------------------------------*/
	.contents_navi li{
		width:33.3%;
	}
	.contents_navi li:nth-child(3){
		border-top:1px solid #e6eef3;
	}
	#item_search{
		padding:5%;
	}
	#item_search .search_box{
		margin-right:auto;
		margin-left:auto;
		margin-bottom:5%;
	}
	#item_search .search_box input[type="search"]{
		padding:3%;
		padding-right:calc( 3% + 3em);
	}
	#item_search nav a{
		padding:1em 2%;
	}
	#item_search nav a.active{
		padding:1.2em 3%;
	}
	#item_search .item_list{
		padding:3%;
	}
	#item_search .item_list .food{
		margin-bottom:3%;
	}
	#item_search .item_list ul{
		display:flex;
		flex-wrap:wrap;
	}
	#item_search .item_list li{
		width:50%;
		border-width:1px 1px 0 0;
		box-sizing:border-box;
		display:flex;
		align-items:center;
	}
	#item_search .item_list a{
		padding:3%;
		box-sizing:border-box;
		width:100%;
	}
	#item_search .item_list ul li:first-child,#item_search .item_list ul li:nth-child(2){
		border-top:0;
	}
	#item_search .item_list li:nth-child(2n){
		border-right:0;
	}
	#item_search .item_list dl li.bdr{
		border-bottom-width:1px;
	}
/*Line up
----------------------------------------*/
	#lineup li{
		width:32%;
		margin-right:2%;
		margin-bottom:2%;
	}
	#lineup li:nth-child(3n){
		margin-right:0;
	}
	/*Ouchi-Deital*/
	.ouchi-popup{
		font-size:calc((0.625rem + ((1vw - 7.51px) * 1.33155792276964))*0.69537037037037);
	}
	/*Popup
	----------------------------------------*/
	#popup{
		font-size:calc((0.625rem + ((1vw - 7.51px) * 1.331557923)*0.6954));
	}
	#popup .popup_contents{
		font-size:1.2em;
	}


}
/*Tablet und Phone
----------------------------------------------------*/
@media screen and (max-width:1080px){
	body{
		font-size:0.975em;
	}/*
	header .logo{
		margin-right:14%;
		margin-left:7%
	}*/
	header{
		position:fixed;
	}
	header .top_content{
		overflow:hidden;
		position:relative;
		z-index:9999;
	}
	header .header_btn{
		position:absolute;
		top:0;
		bottom:0;
		width:14%;
		border-style:solid;
		border-color:#ededed;
		font-size: calc(0.625rem + ((1vw - 3.2px) * 1.5152));
		cursor:pointer;
	}
	header .navi_btn{
		left:0;
		border-width:0 1px 0 0;
	}
	header .navi_btn >.wrap{
		font-size:2.5em;
		width:1em;
		height:0.75em;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		margin:auto;
		overflow:hidden;
	}
	header .navi_btn .wrap >span{
		display:block;
		width:100%;
		height:2px;
		background:#b2c2d9;
		margin:auto;
		position:absolute;
		transition:all 0.2s;
	}
	header .navi_btn .wrap >span:first-child{
		top:0;
	}
	header .navi_btn .wrap >span:nth-child(2){
		top:0;
		bottom:0;
	}
	header .navi_btn .wrap >span:last-child{
		bottom:0;
	}
	header .navi_btn.open .wrap >span:first-child{
		bottom:0;
		transform:rotate(45deg);
	}
	header .navi_btn.open .wrap >span:nth-child(2){
		top:-120%;
	}
	header .navi_btn.open .wrap >span:last-child{
		top:0;
		transform:rotate(-45deg);
	}
	header .search_box{
		position:absolute;
		width:100%;
		height:auto;
		overflow:hidden;
		z-index:300;
	}
	.search_box .submitbtn{
		height:1em;
		 font-size: calc(0.625rem + ((1vw - 3.2px) * 1.3953));
	}
	header .search_box form{
		background:rgba(255,255,255,0.93);
		padding:5%;
		opacity:1;
		transition:all 0.2s;
	}
	header .search_btn{
		right:14%;/*2020.06*/
		border-width:0 0 0 1px;
	}
	header .search_btn >i{
		color:#b2c2d9;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		margin:auto;
		width:1em;
		height:1em;
		font-size:1.8em;
	}
	header .logo a{
		display:block;
		width:30%;
		margin-right:auto;
		margin-left:auto;
		margin-top:3%;
		margin-bottom:3%;
		line-height:0;
	}
	header .search_box input[type="search"]{
		padding:3%;
		padding-right:calc( 3% + 3em);
	}
	header .search_box.close{
		display:none;
	}
	header .search_box.close form{
		opacity:0;
	}
	#global_navi.close{
		height:0;
		padding:0;
	}
	#global_navi {
		position:absolute;
		width:100%;
		background:rgba(255,255,255,0.93);
		height:100vh;
		overflow-y:auto;
		overflow-x: hidden;
		transition:all 0.5s;
		z-index:200;
	}
	#global_navi .main_navi >li{
		border-bottom:1px solid rgba(213,205,205,0.4);
	}
	#global_navi .main_navi a{
		padding-top:3%;
		padding-bottom:3%;
	}
	#global_navi .main_sub{
		display:none;
	}
	#global_navi dt,#global_navi dd li{
		border-top:1px solid rgba(232,224,224,0.4);
	}
	#global_navi .main_navi >li >a{
		position:relative;
		padding-right:calc(6% + 1em);
		padding-left:5%;
		font-weight:500;
	}
	#global_navi .main_navi >li >a:after{
		content:"";
		display:block;
		width:1em;
		height:1em;
		background:url(../image/plus.png) no-repeat center /100% auto;
		position:absolute;
		top:0;
		bottom:0;
		right:2%;
		margin:auto;
	}
	#global_navi .main_navi >li.active >a:after{
		background:url(../image/minus.png) no-repeat center /100% auto;
	}
	#global_navi .main_navi dl a{
		padding-right:5%;
		padding-left:5%;
		font-size:0.885em;
	}
	#global_navi .main_navi dt a{
		position:relative;
	}
	#global_navi .main_navi dt a:before{
		content:"";
		display:block;
		width:7px;
		height:7px;
		background:url(../image/arrow.png) no-repeat center /auto 100%;
		position:absolute;
		margin:auto;
	}
	#global_navi .main_navi dt a:before,#global_navi .main_navi dd li a:before{
		top:0;
		bottom:0;
		left:2.5%;
	}
	#global_navi .sub_navi{
		width:90%;
		margin-right:auto;
		margin-left:auto;
		display:flex;
		flex-wrap:wrap;
	}
	#global_navi .sub_navi{
		margin-top:3%;
		margin-bottom:3%;
		font-size:0.923em;
		align-items: center;
	}
	#global_navi .sub_navi li{
		width:49%;
		margin-right:2%;
		font-size: calc(0.75rem + ((1vw - 3.2px) * 0.4651));
	}
	#global_navi .sub_navi li:nth-child(2n){
		margin-right:0;
	}
	#global_navi .sub_navi li a{
		padding-left:1.5em;
		text-indent:-1.5em;
	}
	#global_navi .sub_navi li i{
		vertical-align:middle;
		margin-right:5px;
	}/*
	#global_navi .sub_navi li:last-child{
		margin-top:3%;
	}*/

	#iconList{ display:flex;  align-items: center; margin: 0 10px;}
#sdg{ margin: 3%  auto; width: 50%; }
#sdg a{ line-height: 0; }
	#global_navi .sns{
		display:flex;
		/*justify-content:space-between;*/
		max-width:320px;
		margin-right:auto;
		margin-left:auto;
	}
	#global_navi .sns li{
		margin:0 1%;box-sizing: border-box;
	}
	#global_navi .campaign_bnr{
		text-indent:-0.7em;
		border-top:1px solid rgba(232,224,224,0.4);
		font-size:0.885em;
	}
	#global_navi .campaign_bnr i{
		font-size:0.5em;
		margin-right:5px;
		vertical-align:middle;
		color:#94c5e1;
	}
	#global_navi .sub_navi .en a{
		padding-top:2%;
		padding-bottom:2%;
	}
	#iconList .sns1{ width: 155px; }
	#iconList .sns2 { width: 115px;}

	.sns1 li a{ width: 30px; }


	/*2020.06*/
	/*header .online_btn{
		width:90%;
		margin:2% auto 3%;
	}
	header .online_btn a{
		padding:2%;
	}*/
	header .online_btn,header .online_btn a{
		position: absolute;
		top:0;
		right:0;
		bottom:0;
		margin:auto;
		height:100%;
	}
	header .online_btn{
		width:14%;
	}
	header .online_btn a{
		width:100%;
	}
	header .online_btn i{
		position:absolute;
		width:1em;
		height:1em;
		top:0;
		right:0;
		left:0;
		bottom:0;
		margin:auto;
	}
/*Footer
----------------------------------------------------*/
	footer .sns{
		padding:5%;
	}
	footer .sns dt{
		font-size:1.462em;
		line-height:1.526em;
	}
	footer .sns dd p{
		font-size:0.96em;
		margin-bottom:3%;
		margin-top:3%;
	}
	footer .sns ul{
		display:flex;
		justify-content:space-between;
	}
	footer .sns ul li a{
		max-width:82px;
		width:70%;
		display:block;
	}
	footer .monitor,footer #banner_area{
		background:#e6eef3;
	}
	footer .monitor dt{
		font-size:1.077em;
	}
	footer .monitor .bnr,#banner_area .bnr{
		width:40%;
		margin-right:auto;
		margin-left:auto;
		line-height:0;
	}
	footer .monitor label{
		font-size:0.885em;
	}
	footer .brands li{
		padding:0 2%;
	}
	.footer_navi{
		font-size:0.962em;
	}
	.footer_navi .main_navi >li{
		border-bottom:1px solid #eeebeb;
	}
	.footer_navi .main_navi a{
		padding-right:5%;
		padding-left:5%;
	}
	.footer_navi .main_navi .category_top a{
		position:relative;
	}
	.footer_navi .main_navi .category_top a:after{
		content:"";
		display:block;
		background:url(../image/plus.png) no-repeat center /100% auto;
		position:absolute;
		top:0;
		bottom:0;
		right:3%;
		margin:auto;
	}
	.footer_navi .main_navi .category_top a.active:after{
		background:url(../image/minus.png) no-repeat center /100% auto;
	}
	.footer_navi .main_navi dl{
		border-bottom:1px solid #eeebeb;
	}
	.footer_navi .main_navi dl ul{
		border-top:1px solid #f4f4f4;
	}
	.footer_navi .main_navi dl:last-child,.footer_navi .main_navi dl ul:first-child,.footer_navi .main_navi dl li:last-child{
		border:0;
	}
	.footer_navi .main_navi dl li{
		border-bottom:1px solid #f4f4f4;
	}
	.footer_navi .main_navi dl dd{
		border-top:1px solid #eeebeb;
		display:none;
	}
	.footer_navi .sub_navi{
		flex-wrap:wrap;
	}
	.footer_navi .sub_navi li{	
		font-size:0.923em;
	}
	footer .copyright{
		text-align:center;
		font-size:0.692em;
	}
	footer .logo{
		width:40%;
		margin-right:auto;
		margin-left:auto;
		padding-top:7%;
		margin-bottom:2%;
	}
	footer .pagetop{
		position:fixed;
		width:5.45em;
		border-radius:50%;
		bottom:4em;
		right:2%;
		line-height:0;
		background-color:rgba(148,197,225,0.6);
		font-size:calc(0.625rem + ((1vw - 3.2px) * 1.5116));
	}
	footer .pagetop a{
		display:block;
		height:5.45em;
		background-size:1.5em auto;
		box-sizing:border-box;
		text-align:center;
	}
	footer .pagetop a img{
		margin:auto;
		position:relative;
		transform:translateY(-50%);
		top:50%;
	}
/*Main
----------------------------------------------------*/
	.contents{
		width:90%;
		margin-right:auto;
		margin-left:auto;
	}
	.pankuzu{
		padding:0 5%;
	}
	.tleStyle{
		font-size:0.917em;
		margin-bottom:5%;
	}
	.tleStyle1{
		margin-bottom:8%;
	}
	.tleStyle1 span{
		font-size:2em;
		margin-bottom:1%;
	}
	.tleStyle2{
		padding-bottom:2%;
		font-size:1.462em;
		margin-bottom:5%;
	}
	.tleStyle2 span{
		margin-bottom:0.3em;
		font-size:0.658em;
	}
	.tleStyle3{
		font-size:1.077em;
		padding-bottom:1%;
		margin-bottom:3%;
	}
	.pageTitle{
		font-size:1.538em;
		padding-left:3%;
		margin-top:7%;
		margin-bottom:7%;
	}
	.pageTitle span{
		font-size:0.600em;
	}
	#item_search nav ul{
		justify-content:space-between;
		align-items:flex-end;
	}
/*Contents header
----------------------------------------*/
	.contents_navi{
		margin-top:2%;
		margin-bottom:5%;
	}
	.contents_navi ul{
		display:flex;
		flex-wrap:wrap;
		width:100%;
		border-left:1px solid #e6eef3;
		box-sizing:border-box;
	}
	.contents_navi li:first-child,.contents_navi li:nth-child(2){
		border-top:1px solid #e6eef3;
	}
	.contents_navi li{
		text-align:center;
		font-size:0.885em;
		border-bottom:1px solid #e6eef3;
		border-right:1px solid #e6eef3;
		box-sizing:border-box;
	}
	.contents_navi li a{
		padding:3%;
	}
	.contents_navi i{
		font-size:0.652em;
		margin-right:1em;
	}

/*2column content
----------------------------------------*/
	.column-2 .main_content{
		margin-bottom:7%;
	}
	#sidenavi a i{
		left:20px;
	}
	#sidenavi a ,#sidenavi span{
		padding:1em 2%;
		padding-left:calc(2% + 20px);
		text-align:center;
	}
	

/*Item search
----------------------------------------*/
	#item_search nav{
		width:90%;
		margin-right:auto;
		margin-left:auto;
	}
	#item_search nav li{
		width:32%;
	}
	#item_search .item_list dt{
		font-size:1.308em;
		margin-bottom:2%;
	}
	#item_search .item_list a{
		padding-left:calc(2.3em + 2%);
	}
	#item_search .item_list i{
		left:2%;
		font-size:2em;
	}
/*Line up
----------------------------------------*/
	#lineup .lineup_list .name{
		font-size:0.923em;
		margin-top:2%;
	}
	/*Ouchi-Deital*/
	.ouchi-popup.open.active{
		bottom:calc(85% - 21.7em);
	}
	.ouchi-popup.close.active{
		bottom:calc(85% - 13.5em);
	}
	.ouchi-popup{
		bottom:20%;
/*		bottom:5%;*/
		right:2.5%;
	}
	.ouchi-popup.open{
		width:21.7em;
		height:21.7em;
	}
	.ouchi-popup.close{
		width:11.6em;
		height:13.5em;
	}
	.ouchi-popup .c_btn{
		width:4.50em;
		height:4.50em;
	}
	/*Popup
	----------------------------------------*/
	#popup .popup_contents{
		padding:5%;
	}
	
}
/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px){
	/*2020.06*/
	header .online_btn{
		font-size:calc((0.625rem + ((1vw - 3.2px) * 3.125))*0.426666666666667);
	}
	header .online_btn i{
		font-size:3.5em;
	}

	footer .sns ul{
		width:80%;
	}
	footer .monitor,footer #banner_area{
		padding:5%;
	}
	footer #banner_area .bnr:not(:last-child){
		margin-bottom:3%;
	}
	footer .monitor dl{
		padding:5%;
		margin-top:5%;
	}
	footer .monitor dt{
		border-width:0 0 1px;
		text-align:center;
		padding-bottom:2%;
	}
	footer .monitor label{
		margin-top:3%;
	}
	footer .monitor label span{
		width:8em;
		display:inline-block;
	}
	footer .monitor input[type="text"],footer .monitor input[type="password"]{
		width:calc(100% - (8em + 36px));
		padding:2%;
	}
	footer .monitor .login{
		width:40%;
		margin-right:auto;
		margin-left:auto;
	}
	footer .monitor .loginbtn{
		padding:3%;
		font-size:1.043em;
		box-sizing:border-box;
	}
	footer .monitor .loginbtn i{
		font-size:1.2em;
		margin-right:3%;
	}
	footer .brands{
		padding-top:5%;
		padding-bottom:5%;
	}
	footer .brands ul{
		width:90%;
	}
	.footer_navi .main_navi .category_top a:after{
		width:2.12em;
		height:2.12em;
		font-size: calc(0.625rem + ((1vw - 3.2px) * 1.5116));
	}
	.footer_navi .main_navi li a{
		padding-top:3%;
		padding-bottom:3%;
	}
	.footer_navi .sub_navi{
		padding:5%;
	}
	.footer_navi .sub_navi li{	
		width:50%;
		font-size:0.692em;
	}
	.footer_navi .sub_navi li a{
		padding-top:5%;
		padding-bottom:5%;
	}
	footer .copyright{
		padding-bottom:3%;
	}
/*Main
----------------------------------------------------*/
	.pankuzu{
		font-size: calc(0.625rem + ((1vw - 3.2px) * 1.3023));
	}
	/*Contents header
	------------------------------------*/
	.contents_navi li{
		width:50%;
		font-size: calc(0.625rem + ((1vw - 3.2px) * 1.3023));
	}

/*Item search
----------------------------------------*/
	#item_search {
		padding-top:5%;
		padding-bottom:5%;
	}
	#item_search .search_box{
		width:90%;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:7%;
	}
	#item_search .search_box input{
		padding:3%;
		padding-right:calc(3% + 2.5em);
}
	#item_search nav{
		font-size: calc(0.625rem + ((1vw - 3.2px) * 1.5116));
	}
	#item_search nav li{
		font-size:1.125em;
	}
	#item_search nav a{
		padding:1em 3%;
	}
	#item_search nav a.active{
		padding:1.5em 3%;
	}
	#item_search .item_list{
		border-width:1px 0;
		padding:5%;
	}
	#item_search .item_list .food{
		margin-bottom:5%;
	}
	#item_search .item_list dt{
		text-align:left;
		border-bottom:1px solid #dbdbdb;
		padding-bottom:0.7em;
		padding-right:2%;
		padding-left:2%;
	}
	#item_search .item_list dt span{
		display:block;
		position:relative;
	}
	#item_search .item_list dt span:after{
		content:"";
		display:blcok;
		width:1em;
		height:1em;
		background:url(../image/plus.png) no-repeat center /100% auto;
		position:absolute;
		top:0;
		bottom:0;
		margin:auto;
		right:0;
		font-size: calc(0.875rem + ((1vw - 3.2px) * 4.8837));
	}
	#item_search .item_list dt span.active:after{
		background:url(../image/minus.png) no-repeat center /100% auto;
	}

	#item_search .item_list dd{
		display:none;
	}
	#item_search .item_list a{
		padding-top:3%;
		padding-bottom:3%;
		padding-right:3%;
	}
	#item_search .item_list dd{
		border-top:1px solid #e3e3e3;
	}
	#item_search .item_list ul{
		border-width:0 1px 1px;
	}
	#item_search .item_list li{
		border-width:0 0 1px;
		font-size:0.923em;
	}
	#item_search .item_list li:last-child{
		border-bottom:0;
	}
/*Pager
----------------------------------------*/
	.pager{
		font-size: calc(0.625rem + ((1vw - 3.2px) * 1.3023));
	}
	.paging {
		justify-content:center;
	}
	.paging .prev,.paging .next{
		width:10%;
	}
	.paging .prev{
		text-align:right;
	}
	.paging ul{
		width:calc(80% - 30px);
		justify-content:center;
		flex-wrap:wrap;
	}
	.paging ul li{
		margin-bottom:5px;
		max-width:3em;
	}
	.paging ul li a,.paging ul li span{
		padding:0.5em;
	}
/*Line up
----------------------------------------*/
	#lineup .lineup_list li{
		width:48%;
		margin-right:4%;
		margin-bottom:3%;
		font-size: calc(0.625rem + ((1vw - 3.2px) * 1.3023));
	}
	#lineup .lineup_list li:nth-child(2n){
		margin-right:0;
	}
	#lineup .lineup_list .name{
		text-align:center;
	}

	/*Ouchi-Deital*/
	.ouchi-popup{
		font-size:calc((0.625rem + ((1vw - 3.2px) * 3.125))*0.426666666666667);
	}
	/*Popup
	----------------------------------------*/
	#popup{
		font-size:calc((0.625rem + ((1vw - 3.2px) * 3.125)*0.4267));
	}

}

@media screen and (max-width:310px){
	.sns1 li a { width: 24px; }
	#iconList .sns1 { width: 135px; }
   #iconList .sns2 { width: 95px; }
}