@charset "UTF-8";
/*HTML5リセット*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
　　margin: 0;
　　padding: 0;
　　border: 0;
　　font-size: 100%;
　　font: inherit;
　　vertical-align: baseline;
　　outline: none;
}

body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

ul {
	list-style:none;
}

/*blockquote, q {
	quotes:none;
}*/

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
/*	border:0;*/
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/*HTML5リセットここまで*/


.clearfix:after{
	content:"";
	display:block;
	clear:both;
	}
 /* IE8, ModanBrowser */
.clearfix {
	width:100%;
 	overflow:hidden;
} /* clearfix IE 6, 7 */

.floatL {
	float: left;
}

.floatR {
	float: right;
}


.flexWap {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.between {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}

.around {
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	justify-content: space-around;
}

.flex-end {
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
}

.boxsize {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*＝＝＝　通常共通指定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-decoration: none;
	/*font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;*/
}

/*フォントサイズの標準化*/
html { font-size: 62.5%; } /* font-sizeは16pxの62.5%の10px */
body { font-size: 1.6rem; } /*font-size : 16px と同等*/

body {
	position: relative;
	background-color: #fff;
	line-height: 1.5;
	color: #000000;
	font-family: 'ヒラギノ明朝 Pro W3','HiraMinPro-W6','YuMincho',serif;
}

input:focus, select:focus, textarea:focus {
	outline: none;
}

	/*footer下部固定*/
	html,body{
		height:100vh;
	}

	.wrapper {
		position: relative;
		height:auto !important;
		height: 100%;
		min-height: 100%;
	}

	.continer {
		padding-bottom: 350px; /*フッターの高さと同じ*/
	}

	#footer{
		position:absolute;
		bottom: 0;
	}


a {
	color: #1b1464;
}

a:hover{
	color: #4d3cff;
}

h2 {
	margin-bottom: 20px;
}

h3 {
	font-size: 1.8rem;
}

h4 {
	font-size: 1.6rem;
}

h5 {
	font-size: 1.6rem;
}


/*PC 開始 ＝＝＝＝＝＝＝＝＝＝*/

.none {
	display: none;
}

.pcShow {
	display: block;
}

.pc_inl_Show {
	display: inline;
}

.spnShow {
	display: none;
}

.spn_inl_Show {
	display: none;
}

.font_L {
	font-size: 2.4rem
}

@media handheld, only screen and (max-width: 766px) {
	.font_L{
		font-size: 2.2rem;
	}
}

@media handheld, only screen and (max-width: 800px) {
	.font_L{
		font-size: 1.8rem;
	}
}




/*1000pxで24px 最小16xp　767pxまで*/
/*@media (min-width: 767px) {
  .font_L {
    font-size: calc(1rem + ((1vw - 7.67px) * 3.4335));
  }
}
@media (min-width: 1000px) {
  .font_L {
    font-size: 24px;
  }
}*/

.js_link_hover {

}

/*hover用クラス（js付け外し）*/
.link_hover {
	color: #f00!important;
	background: rgba(255,255,255,0.9)!important;
	transition: 1.5s
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ヘッダー*/


#header {
	width: 80px;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(255,255,255,0.8);
	border-right: solid 1px #8a8a8a;
}

.headWap {
	position: relative;
	height: 100%;
}

h1 {
	font-size: 4.0rem;
	text-align: center;
	background: url(../img/logo.png)center 10px no-repeat;
	text-indent: -9999px;
}

.goods_logo {
	font-size: 4.0rem;
	text-align: center;
	background: url(../img/goods/logo_goods.png)center 10px no-repeat;
	text-indent: -9999px;
}

h1 a {
	display: block;
	width: 58px;
	height: 172px;
}

.kago {
	width: 80px;
	position: absolute;
	bottom: 5px;
	text-align: center;
}

/*＝＝＝＝＝＝＝　↓↓↓　Gナビ開閉メニュー　↓↓↓　＝＝＝＝＝＝＝＝＝＝＝*/
.menu_trg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 1000;
	width: 80px;
	height: 80px;
	padding: 10px;
	text-align: center;
/*		background-color: #000000;*/
	color: #000;
	transition: all 0.3s;
	box-sizing: border-box;
	cursor: pointer;
}


.side-open .side-menu-btn,
.side-open .side-menu {
	z-index: 10000;
}

.side-open .side-menu-btn > .text:after{
	content: "CLOSE";
}

.side-menu-btn > .text:after{
	content: "MENU";
}

.ellipsis-v{
	position: relative;
	display: block;
	cursor: pointer;
	width: 40px;
	height: 30px;
	margin: 5px auto;
}

.side-open .ellipsis-v{
	width: 30px;
}

.ellipsis-v .point {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	width: 40px;
	height: 2px;
	margin: auto;
	background: #000;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.ellipsis-v .point.top {
	top: 0;
}

.ellipsis-v .point.mid {
	top: 0;
	bottom: 0;
}

.ellipsis-v .point.bot {
	bottom: 0;
}


.side-menu-btn:hover .top {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

.side-menu-btn:hover .bot {
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
}

.side-open .side-menu-btn:hover .top,
.side-open .top {
	width: 42px;
	height: 1px;
	background: #000;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.side-open .mid {
	opacity: 0;
}

.side-open .side-menu-btn:hover .bot,
.side-open .bot {
	width: 42px;
	height: 1px;
	background: #000;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.side-open .side-menu-btn:hover .bot,
.side-open .side-menu-btn:hover .top {
	background: #ccc;
}

.sidebarMenu {
	height: 100%;
	padding-top: 172px;
	z-index: 1000;
	position: fixed;
	left: 0;
	top: 0;
	width: 370px;
	transform: translateX(-370px);
	transition: transform 370ms ease-in-out;
	background: rgba(255,255,255,0.7);
	overflow-y: scroll;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.sidebarMenuOpen {
	transform: translateX(0);
}

#Gnavi {
	margin-left: 81px;
}

#Gnavi li{
	/*background-color: red;*/
	border-bottom: 1px dotted #909090;
	padding: 0px 0;
}

#Gnavi li:hover{
	background: rgba(243,243,243,0.3);
}

#Gnavi a{
	color: #000;
	display: block;
	padding: 20px 0px;
	width: 100%;
	text-indent: 10%;
	margin: 0 auto;
}

/*＝＝＝＝＝＝＝　↑↑↑　Gナビ開閉メニュー　↑↑↑　＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝コンテナー*/


.continer {
	width: 100vw;
}

.ml80_Wap{
	margin-left: 80px;
}

.inner {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/*ページネーション*/
.pageNation {
	width: 100%;
	max-width: 400px;
	margin: 0px auto;
}

.pageNation a {
	display: block;
	background-color: #ccc;
	color: #fff;
	padding: 3px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	transition-duration:0.5s;
}


.pageNation a:hover {
	background-color: #646464;
}

.pageNation .activPage{
	display: block;
	background-color: #646464;
	color: #fff;
	padding: 3px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	transition-duration:0.5s;
}

.prevPage {

}

.nextPage {

}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フッター*/

#footer {
	width: 100vw;
	padding-top: 20px;
	color: #fff;
	background: #646464;
	text-decoration: none;
}
.foot_logo {
	width: 50%;
	max-width: 157px;
	margin: 0 auto 0px;
}

#footer address {
	padding: 20px 0px;
	width: 100%;
	margin: 0px auto 0px;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	font-style: normal;
}


/*umeda 20200915*/
#footer ul {
	width: 70%;
	margin: 10px auto;
	padding-bottom: 10px;
	font-size: 12px;
	list-style: circle;
	
}

/*umeda 20221201*/
.alert2023 {
	width: 800px;
	border:solid 1px #000;
	padding:10px;
	margin: 10px auto;
	background: #f3f3f3;
}
/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝　　スマホ　　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media handheld, only screen and (max-width: 767px) {
	.pcShow {
		display: none;
	}
	.pc_inl_Show {
		display: none;
	}
	.spnShow {
		display: block;
	}

	.spn_inl_Show {
		display: inline;
	}

	.floatL {
		float: none;
	}

	#wrap{
		width: 100%;
		min-width: 100%;
		position: relative;
		height:auto !important; /*IE6対策*/
		height: 100%; /*IE6対策*/
		min-height: 100%;
	}

	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	input{
		webkit-appearance : none ;
		-webkit-tap-highlight-color : rgba(0,0,0,0) ;
	    -webkit-border-radius : 0;
/* 	    -webkit-appearance : none; */
	    -webkit-tap-highlight-color : rgba(0,0,0,0);
	}

	select {
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ヘッダー*/
	#header {
		width: 100vw;
		height: 80px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		background: rgba(255,255,255,0.8);
		border-right: none;
		border-bottom: solid 1px #8a8a8a;
	}

	.headWap {
		position: relative;
		height: 80px;
		width: 100vw;
	}

	h1 {
		font-size: 1.0rem;
		/*text-align: left;*/
		background: url(../img/logo_sp.png)center 10px no-repeat;
		text-indent: -9999px;
		width: 191px;
		margin: 0px auto;
	}

	.goods_logo {
			font-size: 1.0rem;
			/*text-align: left;*/
			background: url(../img/goods/logo_goods_sp.png)center 10px no-repeat;
			text-indent: -9999px;
			width: 191px;
			margin: 0px auto;
	}

	h1 a {
		display: block;
		width: 191px;
		height: 80px;
	}

	.kago {
		width: 60px;
		position: absolute;
		bottom: 5px;
		right: 0;
		text-align: center;
	}

/*＝＝＝＝＝＝＝　↓↓↓　Gナビ開閉メニュー　↓↓↓　＝＝＝＝＝＝＝＝＝＝＝*/
	.menu_trg {
		position: absolute;
		top: 50%;
		left: 0px;
		transform: translateY(-50%) translateX(0);
		-webkit- transform: translateY(-50%) translateX(0%);
		z-index: 1000;
		width: 55px;
		height: 80px;
		padding: 10px 0px 10px 10px;
		text-align: center;
	/*		background-color: #000000;*/
		color: #000;
		transition: all 0.3s;
		box-sizing: border-box;
		cursor: pointer;
	}

	.sidebarMenu {
		height: 100%;
		padding-top: 80px;
		z-index: 998;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		transform: translateX(-100%);
		transition: transform 370ms ease-in-out;
		background: rgba(255,255,255,0.7);
		overflow-y: scroll;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.sidebarMenuOpen {
		transform: translateX(0);
	}

	h2 {
		text-align: left;
	}

	.main_image {

	}


	#Gnavi {
		width: 96%;
		margin: 0px auto 10px;
	}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝コンテナー*/

	.continer {
		width: 100%;
		min-width: 200px;
		margin: 0px auto 0px;
		padding-bottom: 0px;
	}

	.ml80_Wap{
		margin-left: 0px;
	}

	.inner {
		width: 100%;
		max-width: 1200px;
		margin: 0px auto;
		padding: 0px 2%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;

	}


/*ページネーション*/
.pageNation {
	width: 100%;
	max-width: 640px;
	margin: 0px auto 20px;
}

.pageNation a {
	display: block;
	background-color: #ccc;
	color: #fff;
	padding: 3px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	transition-duration:0.5s;
}


.pageNation a:hover {
	background-color: #646464;
}

.pageNation .activPage{
	display: block;
	background-color: #646464;
	color: #fff;
	padding: 3px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	transition-duration:0.5s;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フッター*/

	#footer {
		position: relative;
		width: 100%;
		min-width: 200px;
		color: #fff;
		text-decoration: none;
	}

	#footer address {
		padding: 0px 0px;
		width: 100%;
		height: 50px;
		line-height: 50px;
	}

	/*umeda 20200915*/
	#footer ul {
		width: 80%;		
	}
	/*umeda 20221201*/
	.alert2023 {
		width: 96%;	
	}

}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝汎用設定*/

.alignR {
	text-align: right;
}

.alignC {
	text-align: center;
}

.red {
	color: #f00;
}

.bold {
	font-weight: bold;
}