@charset "UTF-8";

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div,p,ul,li{
	display:block;
	box-sizing:border-box;
	border-collapse:collapse;
}
html{width:100%; height:100%; margin:0; padding:0;}
body{width:100%; height:100%; margin:0; padding:0; background-color:#212121; text-align:center; font-size:16px; line-height:22px; font-family:Noto Sans JP, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Verdana, Arial, Helvetica;}
img {border:none;}

a{
	color:#212121;
	text-decoration:underline;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a:hover{
	color:#cccccc;
	text-decoration:none;
}

div.bdy{
	display:block;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	padding:0 0;
	position:relative;
	z-index:1;
	overflow:hidden;
}

div.contents_box{
	display:block;
	width:100%;
	min-height:100%;
	margin:0 0;
	padding:60px 0 30px;
	position:relative;
	z-index:1;
	overflow:hidden;
	background-color:#ffffff;
}
div.contents_box:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}

/* ヘッダ */
div.header{
	display:block;
	width:100%;
	height:60px;
	margin:0 auto;
	padding:0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	overflow:hidden;
	background-color:#212121;
}
div.header h1{
	display:block;
	width:120px;
	margin:0 0;
	padding:0 0 48px;
	position:absolute;
	top:6px;
	left:6px;
	z-index:1;
	overflow:hidden;
	background-image:url(../img/osplogo_white.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}
div.header h1 a{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
div.header h1 span{
	display:block;
	width:100%;
	height:1px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:-10px;
	left:0px;
	z-index:1;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}

@media(max-width:768px){
	h1{

	}
	div.header b{
		display:block;
		height:calc(100% - 160px);
	}
}

a.hdmnbtn{
	display:block;
	width:60px;
	height:60px;
	margin:0 0;
	padding:0 0;
	bottom:0px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:5;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.hdmnbtn:before{
	content:"";
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:30%;
	left:25%;
	border-top:solid 4px #ffffff;
	transition:0.3s transform ease;
}
a.hdmnbtn:after{
	content:"";
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	bottom:30%;
	left:25%;
	border-bottom:solid 4px #ffffff;
	transition:0.3s transform ease;
}
a.hdmnbtn b {
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 2px);
	left:25%;
	text-indent:-9999px;
	border-top:solid 4px #ffffff;
	transition:0.3s opacity ease;
}

a.hdmnbtn.clicked:before{
	transform: rotate(45deg);
	width:60%;
	top:calc(50% - 2px);
	left:20%;
}
a.hdmnbtn.clicked:after{
	transform: rotate(-45deg);
	width:60%;
	bottom:calc(50% - 2px);
	left:20%;
}
a.hdmnbtn.clicked b{
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
}

div.updatebox{
	width:800px;
	margin:0 0;
	padding:0 0 28px;
	position:absolute;
	top:16px;
	right:192px;
	z-index:2;
}
@media(max-width:1280px){
	div.updatebox{
		width:62.5vw;
	}
}
@media(max-width:960px){
	div.updatebox{
		width:58vw;
	}
}
@media(max-width:768px){
	div.updatebox{
		display:none;
	}
}
div.updatebox p.updatetitle{
	width:65px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	left:0;
	font-size:16px;
	line-height:28px;
	letter-spacing:1px;
	font-weight:400;
	text-align:center;
	color:#ffffff;
	font-family:'Oswald',sans-serif;
}
div.updatebox ul.updatelist{
	display:block;
	width:calc(100% - 65px);
	height:28px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	left:65px;
	background-image:url(../img/updateboxbg2.png);
	overflow:hidden;
}
div.updatebox ul.updatelist li{
	display:none;
	width:100%;
	margin:0 0;
	padding:0 0;
	text-align:left;
	list-style-type:none;
}
div.updatebox ul.updatelist li:hover{
	background-color:rgba(255,255,255,0.5);
}
div.updatebox ul.updatelist li a{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 9px;
	font-size:13px;
	line-height:28px;
	font-weight:400;
	text-align:left;
	color:#212121;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.updatebox ul.updatelist li a:hover{
	color:#000000;
}
div.updatebox ul.updatelist li a span{
	font-family:'Oswald',sans-serif;
}

div.sp_menu{
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:90px 0 0;
	position:fixed;
	top:0px;
	left:-100%;
	z-index:10;
	text-align:left;
	overflow:auto;
	background-color:#212121;
	background-image:url(../img/footer_bg.png?upd=20211128);
	background-repeat:no-repeat;
	background-size:590px;
	background-position:30px 30px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@media (max-width:600px){
	div.sp_menu{
		background-size:140vw;
		background-position:-20vw -20vw;
	}
}
div.sp_menu:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.sp_menu.disp{
	left:0%;
}

div.sp_menu a.btnspmn{
	display:block;
	width:60px;
	height:60px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:10px;
	right:10px;
	z-index:5;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.sp_menu a.btnspmn:before{
	content:"";
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:30%;
	left:25%;
	border-top:solid 4px #ffffff;
	transition:0.3s transform ease;
}
div.sp_menu a.btnspmn:after{
	content:"";
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	bottom:30%;
	left:25%;
	border-bottom:solid 4px #ffffff;
	transition:0.3s transform ease;
}
div.sp_menu a.btnspmn b {
	width:50%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 2px);
	left:25%;
	text-indent:-9999px;
	border-top:solid 4px #ffffff;
	transition:0.3s opacity ease;
}

div.sp_menu a.btnspmn.clicked:before{
	transform: rotate(45deg);
	width:60%;
	top:calc(50% - 2px);
	left:20%;
}
div.sp_menu a.btnspmn.clicked:after{
	transform: rotate(-45deg);
	width:60%;
	bottom:calc(50% - 2px);
	left:20%;
}
div.sp_menu a.btnspmn.clicked b{
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
}

div.sp_menu div.spmn_title{
	display:block;
	width:100px;
	margin:0 0;
	padding:0 0 40px;
	position:absolute;
	top:25px;
	left:25px;
	z-index:5;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	background-image: url(../img/osplogo_white.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}

div.sp_menu ul.spmn{
	display:block;
	width:calc(50% - 60px);
	margin:0 30px 30px;
	padding:0 0;
	float:left;
}
div.sp_menu ul.spmn.left{
	width:calc(50% - 45px);
	margin:0 15px 30px 30px;
	border-right:solid 1px #ffffff;
}
div.sp_menu ul.spmn.right{
	width:calc(50% - 46px);
	margin:0 30px 30px 15px;
}
@media (max-width:480px){
	div.sp_menu ul.spmn.left{
		width:100%;
		margin:0 auto 10px;
		border-right:none;
	}
	div.sp_menu ul.spmn.right{
		width:calc(100% - 40px);
		margin:0 20px 10px;
		padding:10px 0 0;
		border-top:solid 1px #ffffff;
	}
}
div.sp_menu ul.spmn li{
	display:block;
	width:92%;
	margin:0 4%;
	padding:0 0;
	list-style-type:none;
}
@media (max-width:480px){
	div.sp_menu ul.spmn.right li{
		width:100%;
		margin:0 0;
	}
}
div.sp_menu ul.spmn li h4{
	display:block;
	width:100%;
	margin:0 0 12px;
	padding:0 0 2px;
	font-size:18px;
	line-height:26px;
	font-weight:700;
	text-align:left;
	color:#ffffff;
	font-family:'Oswald',sans-serif;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	border-bottom:solid 1px #ffffff;
}
div.sp_menu ul.spmn li p.pliner{
	display:block;
	width:100%;
	margin:0 0 12px;
	padding:0 0;
	font-size:1px;
	line-height:1px;
	border-bottom:solid 1px #ffffff;
}
div.sp_menu ul.spmn li a{
	display:block;
	width:calc(100% - 20px);
	margin:0 10px;
	padding:0 0 12px;
	font-size:14px;
	line-height:24px;
	text-align:left;
	color:#ffffff;
	font-family:'Oswald',sans-serif;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.sp_menu ul.spmn li a:hover{
	width:calc(100% - 30px);
	margin:0 10px 0 20px;
	text-decoration:underline;
}
























div.contents_box h2{
	display:block;
	width:256px;
	margin:0 0;
	padding:0 0;
	position:relative;
	z-index:1;
	font-size:24px;
	line-height:256px;
	letter-spacing:1px;
	font-weight:600;
	text-align:center;
	color:#ffffff;
	font-family:'Oswald',sans-serif;
	overflow:hidden;
	background-color:#171C22;
	float:left;
}
div.contents_box h2.bass{
	background-color:#CC0000;
}




div.contents_box div.topicbox{
	display:block;
	width:256px;
	margin:0 0;
	padding:0 0 256px;
	position:relative;
	z-index:1;
	overflow:hidden;
	float:left;
}

div.contents_box div.topicbox b{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:10px;
	left:10px;
	z-index:2;
	clip-path: polygon(0 0,0% 100%,100% 0%);
	background-color:#171C22;
}
div.contents_box div.topicbox b.salt{
	background-color:#171C22;
}
div.contents_box div.topicbox b.bass{
	background-color:#cc0000;
}

div.contents_box div.topicbox span{
	display:block;
	width:calc(100% - 20px);
	height:18px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:3;
	overflow:hidden;
	color:#ffffff;
	font-size:14px;
	line-height:18px;
	font-weight:600;
	text-align:right;
	font-family:'Oswald',sans-serif;
}
div.contents_box div.topicbox span.product{
	color:#212121;
}

div.contents_box div.topicbox a{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	overflow:hidden;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.contents_box div.topicbox a:hover{
	width:calc(100% + 20px);
	height:calc(100% + 20px);
	top:-10px;
	left:-10px;
}









































/* ボタンメニュー */
div.menubox_outer{
	display:none;
	width:100%;
	max-width:1280px;
	height:calc(100% - 60px);
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:60px;
	left:calc((100% - 1280px) / 2);
	z-index:9;
	overflow:auto;
}
@media (max-width:400px){
	div.menubox_outer{
		height:calc(100% - 50px);
		top:50px;
	}
}
@media(max-width:1280px){
	div.menubox_outer{
		width:100%;
		left:0;
	}
}
div.menubox{
	display:block;
	width:100%;
	min-height:100%;
	margin:0 auto;
	padding:20px 0 20px;
	background-color:#ffcc00;
}
div.menubox:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.menubox div.mnbhalfbox{
	display:block;
	width:49.99%;
	margin:0 auto;
	padding:0 0;
	float:left;
}
@media(max-width:480px){
	div.menubox div.mnbhalfbox{
		width:99.99%;
		float:none;
	}
}
div.menubox p.mnb_title{
	display:block;
	width:90%;
	max-width:460px;
	margin:0 auto 12px;
	padding:0 0 0;
	font-size:16px;
	line-height:24px;
	text-align:left;
	font-family:Noto Sans JP;
	border-bottom:solid 1px #000000;
	overflow:hidden;
	background-position:0 50%;
	background-repeat:no-repeat;
	background-size:30px 30px;
}
div.menubox p.mnb_title.mnbic01{
	background-image:url(../img/mnbic01.png);
}
div.menubox p.mnb_title.mnbic02{
	background-image:url(../img/mnbic02.png);
}
div.menubox p.mnb_title.mnbic03{
	background-image:url(../img/mnbic03.png);
}
div.menubox p.mnb_title.mnbic04{
	background-image:url(../img/mnbic04.png);
}
div.menubox p.mnb_title.mnbic05{
	background-image:url(../img/mnbic05.png);
}
div.menubox p.mnb_title a{
	display:block;
	width:calc(99.99% - 32px);
	margin:0 0 0 32px;
	padding:0 0;
	font-size:16px;
	line-height:24px;
	color:#000000;
	text-align:left;
	font-family:Noto Sans JP;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.menubox p.mnb_title a:hover{
	width:calc(99.99% - 38px);
	margin:0 0 0 38px;
	padding:0 0;
	text-decoration:none;
}
div.menubox ul.mnb_list{
	display:block;
	width:90%;
	max-width:460px;
	margin:0 auto 12px;
	padding:0 0;
	text-align:left;
}
div.menubox ul.mnb_list li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 10px 10px;
	list-style-type:none;
	font-size:14px;
	line-height:18px;
	text-align:left;
	font-family:Noto Sans JP;
}
div.menubox ul.mnb_list li a{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	font-size:14px;
	line-height:18px;
	text-align:left;
	color:#000000;
	font-family:Noto Sans JP;
	text-decoration:underline;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.menubox ul.mnb_list li a:hover{
	width:calc(99.99% - 4px);
	margin:0 0 0 4px;
	padding:0 0;
	text-decoration:none;
}

div.menubox ul.mnb_list li ul.mnb_sub_list{
	display:block;
	width:calc(100% - 12px);
	margin:0 0 0 10px;
	padding:6px 0 0;
	text-align:left;
}
div.menubox ul.mnb_list li ul.mnb_sub_list li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 5px 5px;
	list-style-type:none;
	font-size:12px;
	line-height:16px;
	text-align:left;
	font-family:Noto Sans JP;
}
div.menubox ul.mnb_list li ul.mnb_sub_list li a{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	font-size:12px;
	line-height:16px;
	text-align:left;
	color:#000000;
	font-family:Noto Sans JP;
	text-decoration:underline;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.menubox ul.mnb_list li ul.mnb_sub_list li a:hover{
	width:calc(99.99% - 4px);
	margin:0 0 0 4px;
	padding:0 0;
	text-decoration:none;
}

div.menubox ul.social_mb{
	display:none;
	width:99.99%;
	height:30px;
	margin:0 auto 12px;
	padding:0 0;
	overflow:hidden;
}
@media(max-width:520px){
	div.menubox ul.social_mb{
		display:block;
	}
}
div.menubox ul.social_mb:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.menubox ul.social_mb li{
	display:block;
	width:30px;
	height:30px;
	margin:0 0 0 6px;
	padding:0 0;
	float:left;
}
div.menubox ul.social_mb li a{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	background-position:0 100%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.menubox ul.social_mb li a:hover{
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
div.menubox ul.social_mb li a.fb{
	background-image:url(../img/social_icon01b.png);
}
div.menubox ul.social_mb li a.tw{
	background-image:url(../img/social_icon02b.png);
}
div.menubox ul.social_mb li a.yt{
	background-image:url(../img/social_icon03b.png);
}
div.menubox ul.social_mb li a.is{
	background-image:url(../img/social_icon04b.png);
}
div.menubox ul.social_mb li a.ad{
	background-image:url(../img/social_icon05b.png);
}





/* パンくず */
ul.pkz{
	display:block;
	width:calc(100% - 12px);
	margin:0 6px;
	padding:6px 0 6px;
	list-style-type:none;
	text-align:left;
}
ul.pkz li{
	display:inline-block;
	margin:0 0 0 0;
	padding:0 0 0 5px;
	color:#212121 !important;
	font-size:0.6em;
	line-height:1em;
	letter-spacing:0em;
	text-indent:0;
}
ul.pkz li:first-child{
	padding:0 0 0 0;
}
ul.pkz li:after{
	content:"　＞";
}
ul.pkz li:last-child:after{
	content:"";
}
ul.pkz li a{
	color:#212121 !important;
	text-decoration:none;
}
ul.pkz li a:hover{
	color:#aaaaaa !important;
	text-decoration:underline;
}





/* コンテンツ詳細 */
div.contents_box p.lead_text{
	display:block;
	width:80%;
	height:200px;
	margin:-100px 0 0 -40%;
	padding:0 0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	font-size:20px;
	line-height:24px;
	font-weight:500;
	text-align:center;
	color:#ffffff;
	font-family:Noto Sans JP;
	text-shadow:2px 0px 1px #000000, 0px 2px 1px #000000, -2px 0px 1px #000000, 0px -2px 1px #000000;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
@media (min-width:641px) and (max-width:760px){
	div.contents_box p.lead_text{
		width:90%;
		height:140px;
		margin:-70px 0 0 -45%;
		font-size:18px;
		line-height:22px;
	}
}
@media (max-width:640px){
	div.contents_box p.lead_text{
		width:94%;
		height:100px;
		margin:-50px 0 0 -47%;
		font-size:16px;
		line-height:20px;
	}
}
div.contents_box a.btn_to_detail{
	display:block;
	width:200px;
	height:60px;
	margin:20px 0 0 -100px;
	padding:0 0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:3;
	font-size:16px;
	line-height:60px;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	color:#EE8F0D;
	background-color:#000000;
	font-family:Noto Sans JP;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
@media (min-width:481px) and (max-width:760px){
	div.contents_box a.btn_to_detail{
		width:160px;
		height:40px;
		margin:10px 0 0 -80px;
		font-size:14px;
		line-height:40px;
	}
}
@media (max-width:480px){
	div.contents_box a.btn_to_detail{
		width:140px;
		height:30px;
		margin:15px 0 0 -70px;
		font-size:12px;
		line-height:30px;
	}
}
div.contents_box a.btn_to_detail:hover{
	color:#000000;
	background-color:#EE8F0D;
}
















@media(min-width:1351px){
}
@media (min-width:641px) and (max-width:860px){
}
@media (max-width:640px){
}



































/* フッタ */
div.footer{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0;
	position:relative;
	z-index:2;
	overflow:hidden;
	background-color:#212121;
	background-image:url(../img/footer_bg.png?upd=20211128);
	background-repeat:no-repeat;
	background-size:400px;
	background-position:-60px -40px;
}
@media(max-width:768px){
	div.footer{
		background-size:100vw;
		background-position:-15vw -8vw;
	}
}
div.footer:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.footer div.ftbox{
	display:block;
	width:168px;
	margin:20px 0 20px 20px;
	padding:0 0;
	float:left;
	text-align:left;
	border-left:solid 1px #ffffff;
}
div.footer div.ftbox:first-child{
	border-left:none;
}
@media(max-width:768px){
	div.footer div.ftbox{
		display:block;
		width:calc(100% - 30px);
		margin:0 15px;
		padding:15px 0;
		float:none;
		text-align:left;
		border-left:none;
		border-top:solid 1px #ffffff;
	}
	div.footer div.ftbox:first-child{
		border-top:none;
	}
}
div.footer div.ftbox h4{
	display:block;
	width:calc(100% - 20px);
	margin:0 10px;
	padding:0 0;
}
div.footer div.ftbox h4 a{
	font-size:14px;
	line-height:28px;
	font-weight:700;
	color:#ffffff;
	text-decoration:none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.footer div.ftbox h4 a:hover{
	color:#dddddd;
}
div.footer div.ftbox ul.footerlist{
	display:block;
	width:100%;
	margin:12px 0 0;
	padding:0 0;
}
div.footer div.ftbox ul.footerlist li{
	display:block;
	margin:0 0;
	padding:0 10px 10px;
	font-size:12px;
	line-height:18px;
	color:#ffffff;
}
div.footer div.ftbox ul.footerlist li a{
	color:#ffffff;
	text-decoration:none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.footer div.ftbox ul.footerlist li a:hover{
	color:#dddddd;
}
div.footer p.copyright{
	display:block;
	width:244px;
	margin:0 15px 10px auto;
	padding:0 0;
	position:relative;
	z-index:0;
	text-align:right;
	font-size:12px;
	line-height:30px;
	color:#ffffff;
	font-family:'Oswald',sans-serif;
	background-image:url(../img/ospsmalllogo_white.png);
	background-position:0 50%;
	background-repeat:no-repeat;
	background-size:56px 21px;
	clear:both;
}
div.footer p.otherbanners{
	display:block;
	width:calc(100% - 20px);
	margin:0 10px;
	padding:0 0;
	position:relative;
	z-index:0;
	text-align:right;
	clear:both;
}
div.footer p.otherbanners img{
	display:inline-block;
	width:80px;
	margin:0 0 10px 10px;
	padding:0 0;
	position:relative;
	z-index:0;
	text-align:right;
	clear:both;
}









ul.social{
	display:block;
	width:133px;
	height:36px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:15px;
	right:55px;
	z-index:4;
}
ul.social:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
ul.social li{
	display:block;
	width:30px;
	height:30px;
	margin:0 0 6px 4px;
	padding:0 0;
	float:left;
}
ul.social li:last-child{
	margin:0 0 6px 0;
}
ul.social li a{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	background-position:0 100%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
ul.social li a:hover{
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
ul.social li a.fb{
	background-image:url(../img/social/social_icon01.png);
}
ul.social li a.tw{
	background-image:url(../img/social/social_icon02.png);
}
ul.social li a.yt{
	background-image:url(../img/social/social_icon03.png);
}
ul.social li a.ln{
	background-image:url(../img/social/social_icon04.png);
}
ul.social li a.fan{
	background-image:url(../img/social/social_icon09.png?upd=20220310);
}








ul.social_hd{
	display:block;
	width:144px;
	height:30px;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	top:6px;
	right:6px;
	z-index:10;
	overflow:hidden;
}
@media(max-width:640px){
	ul.social_hd{
		top:16px;
		right:58px;
	}
}
@media(max-width:520px){
	ul.social_hd{
		display:none;
	}
}
ul.social_hd:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
ul.social_hd li{
	display:block;
	width:30px;
	height:30px;
	margin:0 0 0 6px;
	padding:0 0;
	float:left;
}
ul.social_hd li a{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	background-position:0 100%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
ul.social_hd li a:hover{
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
ul.social_hd li a.fb{
	background-image:url(../img/social_icon01h.png);
}
ul.social_hd li a.tw{
	background-image:url(../img/social_icon02h.png);
}
ul.social_hd li a.yt{
	background-image:url(../img/social_icon03h.png);
}
ul.social_hd li a.is{
	background-image:url(../img/social_icon04h.png);
}
ul.social_hd li a.ad{
	background-image:url(../img/social_icon05h.png);
}









div.subheader{
	width:calc(100% - 4px);
	margin:2px;
	padding:0 0;
	position:relative;
	background-color:#f3f3f3;
}
div.subheader:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.fieldcategory{
	display:block;
	width:258px;
	height:80px;
	margin:0 0 0;
	padding:0 0;
	float:left;
	overflow:hidden;
}
@media(max-width:768px){
	div.fieldcategory{
		width:100%;
		margin:0 0 2px;
	}
}
div.fieldcategory:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.fieldcategory a{
	display:block;
	width:calc(50% - 2px);
	margin:0 2px 0 0;
	padding:0 0;
	position:relative;
	float:left;
	font-size:24px;
	line-height:80px;
	letter-spacing:1px;
	font-weight:600;
	text-decoration:none;
	text-align:center;
	color:#ffffff;
	font-family:'Oswald',sans-serif;
	overflow:hidden;
	background-color:#c9171e;
	box-sizing: border-box;
	border-collapse: collapse;
}
div.fieldcategory #category_bass{
	background-color:#c9171e;
}
div.fieldcategory #category_salt{
	background-color:#2a4073;
}
div.fieldcategory #category_fresh{
	background-color:#c3d825;
}
div.submenu{
	display:block;
	width:calc(100% - 258px);
	margin:0;
	padding:0 0;
	float:left;
}
@media(max-width:768px){
	div.submenu{
		width:100%;
	}
}
ul.shmn{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	text-align:right;
}
ul.shmn:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
ul.shmn li{
	display:inline-block;
	width:auto;
	margin:9px 0 8px;
	padding:0 0;
	float:right;
	text-align:center;
	list-style-type:none;
	border-left:solid 1px #212121;
}
ul.shmn li:last-child{
	border-left:none;
}
ul.shmn li a{
	display:block;
	width:auto;
	margin:0 0;
	padding:0 10px;
	font-size:16px;
	line-height:26px;
	font-weight:700;
	text-align:center;
	color:#212121;
	text-decoration:none;
}
@media(max-width:480px){
	ul.shmn li a{
		padding:0 2.7vw;
		font-size:3.6vw;
		line-height:5vw;
	}
}

div.sortbox{
	width:100%;
	margin:0 auto;
	padding:6px 0;
	border-top:solid 1px #212121;
}
div.sortbox:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.sortbox b{
	display:inline-block;
	width:50px;
	margin:0 auto;
	padding:0 0;
	font-size:12px;
	line-height:24px;
	text-align:center;
	border-right:solid 1px #212121;
	float:left;
}
ul.sortlist{
	display:block;
	width:calc(100% - 51px);
	margin:0 0;
	padding:0 0 0 15px;
	text-align:left;
	float:left;
}
ul.sortlist:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
ul.sortlist li{
	display:inline-block;
	width:auto;
	margin:0 0;
	padding:0 15px 0 0;
	float:left;
	text-align:center;
	list-style-type:none;
}
ul.sortlist li a{
	display:block;
	width:auto;
	margin:0 0;
	padding:0 0;
	font-size:12px;
	line-height:24px;
	font-weight:700;
	text-align:center;
	color:#212121;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
ul.sortlist li a:hover{
	color:#ff0000;
}
ul.sortlist li a.is-checked{
	color:#ff0000;
}
ul.sortlist li a.is-checked:hover{

}



div.listbox{
	display:block;
	width:calc(100% - 2px);
	margin:2px auto;
	padding:0 0;
	position:relative;
}

div.listbox h2.actitle{
	display:block;
	width:calc(16.66% - 4px);
	margin:2px;
	padding:0 0 9.37%;
	position:absolute;
	top:0;
	left:0;
	z-index:10000;
	float:left;
	background-color:#212121;
	border:solid 2px #212121;
	background-image:url(../img/subbox_bg.png?upd=20211128);
	background-repeat:no-repeat;
	background-size:150%;
	background-position:100% 90%;
	box-sizing: border-box;
	border-collapse: collapse;
}
@media(max-width:1600px){
	div.listbox h2.actitle{
		width:calc(20% - 4px);
		padding:0 0 11.25%;
	}
}
@media(max-width:1280px){
	div.listbox h2.actitle{
		width:calc(25% - 4px);
		padding:0 0 14.06%;
	}
}
@media(max-width:960px){
	div.listbox h2.actitle{
		width:calc(33.33% - 4px);
		padding:0 0 18.74%;
	}
}
@media(max-width:640px){
	div.listbox h2.actitle{
		width:calc(50% - 4px);
		padding:0 0 28.125%;
	}
}
@media(max-width:375px){
	div.listbox h2.actitle{
		width:calc(100% - 4px);
		padding:0 0 56.25%;
	}
}
div.listbox h2.actitle p{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	text-align:center;
	color:#ffffff;
}
div.listbox h2.actitle p.en{
	width:calc(100% - 20px);
	top:calc(50% - 30px);
	left:10px;
	z-index:1;
	font-size:22px;
	line-height:30px;
	font-weight:900;
	text-align:center;
	color:#ffffff;
	border-bottom:solid 1px #ffffff;
}
div.listbox h2.actitle p.ja{
	width:calc(100% - 20px);
	top:50%;
	left:10px;
	z-index:1;
	padding:0 0;
	position:absolute;
	font-size:14px;
	line-height:30px;
	font-weight:900;
	text-align:center;
	color:#ffffff;
}

div.pbox{
	display:block;
	width:calc(16.66% - 4px);
	margin:2px;
	padding:0 0 9.37%;
	position:relative;
	float:left;
	border:solid 2px #d0d0d0;
}
@media(max-width:1600px){
	div.pbox{
		width:calc(20% - 4px);
		padding:0 0 11.25%;
	}
}
@media(max-width:1280px){
	div.pbox{
		width:calc(25% - 4px);
		padding:0 0 14.06%;
	}
}
@media(max-width:960px){
	div.pbox{
		width:calc(33.33% - 4px);
		padding:0 0 18.74%;
	}
}
@media(max-width:640px){
	div.pbox{
		width:calc(50% - 4px);
		padding:0 0 28.125%;
	}
}
@media(max-width:375px){
	div.pbox{
		width:calc(100% - 4px);
		padding:0 0 56.25%;
	}
}
div.pbox a.thimg{
	display:block;
	width:100%;
	height:72.28%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	background-position:50% 50%;
	background-size:100%;
	background-repeat:no-repeat;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.pbox a.thimg:hover{
	background-size:120%;
}
div.pbox a.thimg p.scrbg{
	display:block;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background-color:#ffffff;
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.pbox a.thimg:hover p.scrbg{
	filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;
}
div.pbox a.thimg h4.product_name{
	display:block;
	width:calc(100% - 8px);
	height:20px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	bottom:0;
	left:4px;
	z-index:4;
	font-size:12px;
	line-height:20px;
	text-align:left;
	color:#999999;
/*
	color:#ffffff;
	text-shadow:0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121,0 0 3px #212121;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
*/
}
div.pbox a.thimg:hover h4.product_name{
	color:#212121;
	text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;
}

div.pbox a.thtxt{
	display:block;
	width:calc(100% - 12px);
	height:calc(27.72% - 12px);
	margin:0 0;
	padding:6px;
	position:absolute;
	top:72.28%;
	left:0;
	z-index:99;
	background-color:#fafafa;
	color:#212121;
	text-align:right;
	font-size:12px;
	line-height:16px;
	font-weight:900;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.pbox b{
	display:block;
	width:20px;
	height:20px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:4px;
	left:4px;
	z-index:5;
	clip-path: polygon(0 0,0% 100%,100% 0%);
	background-color:#171C22;
}
div.pbox b.salt{
	background-color:#2a4073;
}
div.pbox b.bass{
	background-color:#c9171e;
}
div.pbox b.fresh{
	background-color:#c3d825;
}
div.pbox b.trout{
	background-color:#f08300;
}
div.pbox b.other{
	background-color:#e5e4e6;
}
div.pbox span.productname,div.pbox span.genre,div.pbox span.moddate,div.pbox span.range,div.pbox span.size{
	display:none;
}

div.products-box-icon-newcolor{
	display:block;
	width:54px;
	height:35px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	background-image:url(https://www.o-s-p.net/img/products/icon_newcolor.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}
div.products-box-icon-newitem{
	display:block;
	width:54px;
	height:35px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	background-image:url(https://www.o-s-p.net/img/products/icon_new.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}





div.listbox_half{
	display:block;
	width:calc(50% - 2px);
	margin:0 1px 2px;
	padding:0 0;
	position:relative;
	float:left;
}
@media(max-width:768px){
	div.listbox_half{
		width:100%;
		margin:0 0 2px;
		float:left;
	}
}
div.listbox_half:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
h3.category_lv0{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0;
	position:relative;
}
h3.category_lv0 a{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0 56.25%;
	position:relative;
	z-index:1;
	overflow:hidden;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:115%;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
h3.category_lv0 a:before{
	display:block;
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
	position:absolute;
	content:"";
	clear:both;
	background-image:url(../img/mask.png?upd=20210801);
	background-repeat:repeat;
	background-position:50% 50%;
	background-size:3px 3px;
	z-index:1;
}
h3.category_lv0 a:hover{
	background-size:120%;
}
h3.category_lv0.fresh a{ background-image:url(../img/categorybg07.jpg?upd=20231109); }
h3.category_lv0.trout a{ background-image:url(../img/categorybg08.jpg?upd=20231109); }
h3.category_lv0.bass a{ background-image:url(../img/categorybg01.jpg?upd=20231109); }
h3.category_lv0.salt a{ background-image:url(../img/categorybg02.jpg?upd=20231109); }
h3.category_lv0 a p{
	display:block;
	width:240px;
	margin:-24px auto auto -120px;
	padding:0 0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	text-align:center;
	font-size:32px;
	line-height:48px;
	font-weight:900;
	color:#ffffff;
	font-family:'Oswald',sans-serif;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
h3.category_lv0.fresh a:hover p{ color:#c3d825; }
h3.category_lv0.trout a:hover p{ color:#f08300; }
h3.category_lv0.bass a:hover p{ color:#c9171e; }
h3.category_lv0.salt a:hover p{ color:#2a4073; }

ul.category_lv1_list{
	display:block;
	width:100%;
	margin:0 0;
	padding:2px 0 0;
	position:relative;
}
ul.category_lv1_list:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
ul.category_lv1_list li{
	display:block;
	width:50%;
	margin:0 0;
	padding:0 0;
	position:relative;
	z-index:1;
	float:left;
	overflow:hidden;
}
ul.category_lv1_list li a{
	display:block;
	width:calc(100% - 1px);
	margin:0 1px 2px 0;
	padding:0 0 56.25%;
	position:relative;
	z-index:1;
	overflow:hidden;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:115%;
	box-sizing:border-box;
	border-collapse:collapse;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
ul.category_lv1_list li:nth-child(2n) a{
	margin:0 0 2px 1px;
}
ul.category_lv1_list li a:before{
	display:block;
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
	position:absolute;
	content:"";
	clear:both;
	background-image:url(../img/mask.png?upd=20210801);
	background-repeat:repeat;
	background-position:50% 50%;
	background-size:3px 3px;
	z-index:0;
}
ul.category_lv1_list li a:hover{
	background-size:120%;
}
ul.category_lv1_list li a p{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0;
	position:absolute;
	z-index:1;
	text-align:center;
	color:#ffffff;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
ul.category_lv1_list li a p.en{
	width:70%;
	top:calc(50% - 30px);
	left:15%;
	font-size:22px;
	line-height:33px;
	font-weight:900;
	text-align:center;
	color:#ffffff;
	border-bottom:solid 1px #ffffff;
}
ul.category_lv1_list li a p.ja{
	width:70%;
	top:50%;
	left:15%;
	padding:0 0;
	position:absolute;
	font-size:14px;
	line-height:30px;
	font-weight:900;
	text-align:center;
	color:#ffffff;
}
@media(max-width:480px){
	ul.category_lv1_list li a p.en{
		top:calc(50% - 24px);
		font-size:16px;
		line-height:27px;
	}
	ul.category_lv1_list li a p.ja{
		font-size:10px;
		line-height:30px;
	}
}
ul.category_lv1_list.bass li a:hover p.en{ color:#c9171e; border-bottom:solid 1px #c9171e; }
ul.category_lv1_list.bass li a:hover p.ja{ color:#c9171e; }
ul.category_lv1_list.salt li a:hover p.en{ color:#2a4073; border-bottom:solid 1px #2a4073; }
ul.category_lv1_list.salt li a:hover p.ja{ color:#2a4073; }
ul.category_lv1_list.fresh li a:hover p.en{ color:#c3d825; border-bottom:solid 1px #c3d825; }
ul.category_lv1_list.fresh li a:hover p.ja{ color:#c3d825; }
ul.category_lv1_list.trout li a:hover p.en{ color:#f08300; border-bottom:solid 1px #f08300; }
ul.category_lv1_list.trout li a:hover p.ja{ color:#f08300; }

h3.list_subtitle{
	display:block;
	width:calc(100% - 48px);
	margin:0 1px 2px;
	padding:20px 0 2px 46px;
	text-align:left;
	font-size:18px;
	line-height:24px;
	font-weight:900;
	font-family:'Oswald',sans-serif,Noto Sans JP;
	color:#212121;
	background-image:url(../img/subtitle_bg.png);
	background-repeat:no-repeat;
	background-position:4px 75%;
	background-size:42px 42px;
	border-bottom:solid 1px #212121;
	clear:both;
}













































#btn_spmenu{
	display:block;
	width:36px;
	height:36px;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:8px;
	right:12px;
	z-index:24;
	background-image:url(../img/btn_menu.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
}
@media(min-width:1351px){
	#btn_spmenu{
		display:block;
		right:calc( ( (100% - 1350px) / 2 ) + 12px);
	}
}
@media(max-width:760px){
	#btn_spmenu{
		display:block;
	}
}
.btn_spmenu_c{
	background-image:url(../img/btn_menu_c.png) !important;
}
div.spmenu{
	display:block;
	width:180px;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0;
	left:-184px;
	z-index:22;
	background-color:#333333;
	-webkit-box-shadow:0 0 2px 2px #333333;
	box-shadow: 0 0 2px 2px #333333;
}
div.spmenu ul.spmenuul{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	list-style-type:none;
	text-align:left;
	font-size:0;
	line-height:0;
}
div.spmenu ul.spmenuul li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	list-style-type:none;
	border-bottom:solid 1px #ffffff;
	font-size:18px;
	line-height:32px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.spmenu ul.spmenuul li a{
	display:block;
	width:100%;
	font-size:18px;
	line-height:32px;
	text-indent:6px;
	color:#ffffff;
	text-decoration:none;
	font-family:Noto Sans JP;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.spmenu ul.spmenuul li a:hover{
	color:#ffffff;
	background-color:#f3f3f3;
	filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}
div.spmenu ul.spmenuul li.sli{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	list-style-type:none;
	border-bottom:none;
	font-size:14px;
	line-height:24px;
}
div.spmenu ul.spmenuul li.sli a{
	display:block;
	width:100%;
	font-size:14px;
	line-height:24px;
	text-indent:6px;
	color:#ffffff;
	text-decoration:none;
	font-family:Noto Sans JP;
}
div.spmenu ul.spmenuul li.sli a:hover{
	color:#ffffff;
	background-color:#ababab;
}










div.liner{
	width:calc(100% - 2px);
	height:1px;
	margin:0 1px 2px;
	padding:0 0;
	border-bottom:solid 1px #212121;
	clear:both;
}
div.liner2{
	width:calc(100% - 2px);
	height:1px;
	margin:0 1px 2px;
	padding:0 0;
	border-bottom:dashed 1px #aaaaaa;
	clear:both;
}

.cbox{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	font-size:14px;
	line-height:24px;
	font-weight:500;
	color:#454545;
}
.cbox p{
	display:block;
	width:calc(100% - 12px);
	margin:0 6px 6px;
	padding:0 0;
	font-size:14px;
	line-height:24px;
	font-weight:500;
	color:#454545;
	text-align:left;
}

.cbox50{
	display:block;
	width:46%;
	margin:0 1.99% 20px !important;
	padding:0 0;
	float:left;
	font-size:14px;
	line-height:24px;
	font-weight:500;
	color:#454545;
}
.cbox50:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
@media(max-width:768px){
	.cbox50{
		width:96%;
		margin:0 1.99% 20px !important;
		float:none;
	}
}

.wd-10{ width:10% !important; }
.wd-15{ width:15% !important; }
.wd-19{ width:19.99% !important; }
.wd-20{ width:20% !important; }
.wd-30{ width:30% !important; }
.wd-33{ width:33.33% !important; }
.wd-39{ width:39.99% !important; }
.wd-40{ width:40% !important; }
.wd-45{ width:45% !important; }
.wd-49{ width:49.99% !important; }
.wd-50{ width:50% !important; }
.wd-60{ width:60% !important; }
.wd-70{ width:70% !important; }
.wd-80{ width:80% !important; }
.wd-84{ width:84.99% !important; }
.wd-89{ width:89% !important; }
.wd-90{ width:90% !important; }
.wd-94{ width:94% !important; }
.wd-100{ width:100% !important; }
.wdp-360{ width:360px !important; }
.wdp-340{ width:340px !important; }
.wdp-320{ width:320px !important; }
.wdp-300{ width:300px !important; }
.wdp-240{ width:240px !important; }
.wdp-220{ width:220px !important; }
.wdp-200{ width:200px !important; }
.wdp-180{ width:180px !important; }
.wdp-160{ width:160px !important; }
.wdp-140{ width:140px !important; }
.wdp-120{ width:120px !important; }
.wdp-100{ width:100px !important; }
.wdp-90{ width:90px !important; }
.wdp-80{ width:80px !important; }
.wdp-60{ width:60px !important; }
.wdp-40{ width:40px !important; }
@media(max-width:480px){
	.wd-10{ width:100% !important; }
	.wd-20{ width:100% !important; }
	.wd-30{ width:100% !important; }
	.wd-40{ width:100% !important; }
	.wd-49{ width:100% !important; }
	.wd-50{ width:100% !important; }
	.wdp-240{ width:240px !important; }
	.wdp-220{ width:220px !important; }
	.wdp-200{ width:200px !important; }
	.wdp-180{ width:180px !important; }
	.wdp-160{ width:160px !important; }
	.wdp-140{ width:140px !important; }
	.wdp-120{ width:120px !important; }
	.wdp-100{ width:100px !important; }
	.wdp-90{ width:90px !important; }
	.wdp-80{ width:80px !important; }
	.wdp-60{ width:60px !important; }
	.wdp-40{ width:40px !important; }
	.wdp-360{ width:100% !important; }
	.wdp-340{ width:100% !important; }
	.wdp-320{ width:100% !important; }
	.wdp-300{ width:100% !important; }
}
.pl-5{ padding-left:5px !important; }
.pl-10{ padding-left:10px !important; }
.pl-20{ padding-left:20px !important; }
.pl-30{ padding-left:30px !important; }
.pl-40{ padding-left:40px !important; }
.pl-50{ padding-left:50px !important; }
.pl-60{ padding-left:60px !important; }
.pr-5{ padding-right:5px !important; }
.pr-10{ padding-right:10px !important; }
.pr-20{ padding-right:20px !important; }
.pr-30{ padding-right:30px !important; }
.pr-40{ padding-right:40px !important; }
.pr-50{ padding-right:50px !important; }
.pr-60{ padding-right:60px !important; }
.pt-0{ padding-top:0px !important; }
.pt-5{ padding-top:5px !important; }
.pt-10{ padding-top:10px !important; }
.pt-15{ padding-top:15px !important; }
.pt-20{ padding-top:20px !important; }
.pt-30{ padding-top:30px !important; }
.pt-40{ padding-top:40px !important; }
.pt-50{ padding-top:50px !important; }
.pt-60{ padding-top:60px !important; }
.pb-0{ padding-bottom:0px !important; }
.pb-5{ padding-bottom:5px !important; }
.pb-10{ padding-bottom:10px !important; }
.pb-15{ padding-bottom:15px !important; }
.pb-20{ padding-bottom:20px !important; }
.pb-30{ padding-bottom:30px !important; }
.pb-40{ padding-bottom:40px !important; }
.pb-50{ padding-bottom:50px !important; }
.pb-60{ padding-bottom:60px !important; }
.ml-5{ margin-left:5px !important; }
.ml-10{ margin-left:10px !important; }
.ml-15{ margin-left:15px !important; }
.ml-20{ margin-left:20px !important; }
.ml-30{ margin-left:30px !important; }
.ml-40{ margin-left:40px !important; }
.mr-5{ margin-right:5px !important; }
.mr-10{ margin-right:10px !important; }
.mr-15{ margin-right:15px !important; }
.mr-20{ margin-right:20px !important; }
.mr-30{ margin-right:30px !important; }
.mr-40{ margin-right:40px !important; }
.mt-0{ margin-top:0px !important; }
.mt-5{ margin-top:5px !important; }
.mt-10{ margin-top:10px !important; }
.mt-15{ margin-top:15px !important; }
.mt-20{ margin-top:20px !important; }
.mt-30{ margin-top:30px !important; }
.mt-40{ margin-top:40px !important; }
.mt-50{ margin-top:50px !important; }
.mb-0{ margin-bottom:0px !important; }
.mb-5{ margin-bottom:5px !important; }
.mb-10{ margin-bottom:10px !important; }
.mb-15{ margin-bottom:15px !important; }
.mb-20{ margin-bottom:20px !important; }
.mb-30{ margin-bottom:30px !important; }
.mb-40{ margin-bottom:40px !important; }
.mb-50{ margin-bottom:50px !important; }
.mb-60{ margin-bottom:60px !important; }
.mc-0{ margin:0 auto !important; }
.mc-10{ margin:0 auto 10px !important; }

.centered{
	text-align:center !important;
}

.lefted{
	text-align:left !important;
}

.righted{
	text-align:right !important;
}

.color_ff0000{
	color:#ff0000 !important;
}
.bolder{
	font-weight:bolder !important;
}
.smaller{
	font-size:13px !important;
	line-height:21px;
}

.aftered:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
.forceleft{
	float:left !important;
}
.forceright{
	float:right !important;
}
.forceleftc{
	float:left !important;
}
.forcerightc{
	float:right !important;
}
.forceleft_mg{
	margin:0 15px 15px 0 !important;
	float:left !important;
}
.forceright_mg{
	margin:0 0 15px 15px !important;
	float:right !important;
}
@media(max-width:480px){
	.forceleftc{
		float:none !important;
	}
	.forcerightc{
		float:none !important;
	}
	.forceleft_mg{
		margin:0 0 10px !important;
		float:none !important;
	}
	.forceright_mg{
		margin:0 0 10px !important;
		float:none !important;
	}
}
.flclr{
	clear:both;
}
.clr{
	clear:both;
}

.indented{
	text-indent:1em;
}
.noindent{
	text-indent:0 !important;
}

.septline{
	width:100%;
	height:1px;
	margin:15px auto;
	padding:0 0;
	border-bottom:solid 1px #dddddd;
}

.sp_dispil{
	display:none;
}
.sp_dispbk{
	display:none !important;
}
.pc_dispil{
	display:inline;
}
.pc_dispbk{
	display:block !important;
}
@media(max-width:768px){
	.sp_dispil{
		display:inline;
	}
	.sp_dispbk{
		display:block !important;
	}
	.pc_dispil{
		display:none;
	}
	.pc_dispbk{
		display:none !important;
	}
}








.tbox {position:absolute; display:none; margin:0; padding:0; z-index:100002000; }
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url('../img/preload.gif') no-repeat 50% 50%; }
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:100001000; }
.tclose {position:absolute; top:7px; right:7px; width:30px; height:30px; cursor:pointer; background:url('../img/closes.png') no-repeat; }
.tclose:hover {background-position:0 -30px; }
.tcontent{width:100%; height:100%; margin:0 0; padding:0 0;}
.tcontent iframe{width:100%; height:100%; margin:0 0; padding:0 0;}
#mskbg {background:#666666;}

.loadingbox{
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:200;
	color:#ED9C34;
	background-color:#333333;
	overflow:hidden;
	/* font-family:'Shojumaru', cursive; */
	font-family: cursive;
}
.loadingbox-bar{
	width:100%;
	height:1px;
	margin:0 0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% + 24px);
	left:0;
	border-top:solid 1px #ED9C34;
	overflow:visible;
	transition:all 0.2s ease-in-out 0s;
}
.loadingbox-bar .grub{
	width:36px;
	height:18px;
	margin:-13px;
	padding:0 0;
	position:absolute;
	top:0px;
	right:0px;
	background-image:url(../img/grub.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
}
.loadingbox-text{
	width:50px;
	margin:-12px auto auto -25px;
	padding:0 0;
	position:absolute;
	top:50%;
	left:50%;
	font-size:16px;
	line-height:24px;
	text-align:center;
	background-color:#333333;
}
.loadingbox-complete .loadingbox-bar{
	border-top:solid 1px #ED9C34;
}



ul.updatelist li{
	width:900px;
	padding:0.5em 0;
	overflow:hidden;
	position:relative;
}

ul.updatelist li a:after {
	content:"";
	white-space:nowrap;
	padding-right:50px;
}

ul.updatelist li a {
	display:inline-block;
	padding-left:900px;
	white-space:nowrap;
}
ul.updatelist li a:hover{
	color:#000000;
	opacity:1;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
	from   { -webkit-transform: translate(0%);}
	99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
	from   { -moz-transform: translate(0%);}
	99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
	from   { -ms-transform: translate(0%);}
	99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
	from   { -o-transform: translate(0%);}
	99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
	from   { transform: translate(0%);}
	99%,to { transform: translate(-100%);}
}

#lightbox{background-color:#eee;padding:10px;border-bottom:1px solid #666;border-right:1px solid #666;}
#lightboxCaption{color:#333;background-color:#eee;font-size:90%;text-align:center;border-bottom:1px solid #666;border-right:1px solid #666;}
#lightboxIndicator{border:1px solid #FFF;}
#lightboxOverallView,#overlay{background-color:#000;opacity:0.5px;}
* html #lightboxOverallView,* html #overlay{background-color:#000;filter:Alpha(opacity=50);}



ul.shopitems{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
}
ul.shopitems li{
	display:block;
	width:calc(24.99% - 2px);
	margin:0 1px 1px;
	padding:0 0;
	list-style-type:none;
	float:left;
	background-color:#121212;
}
@media(max-width:1280px){
	ul.shopitems li{
		width:calc(24.99% - 2px);
	}
}
@media(max-width:960px){
	ul.shopitems li{
		width:calc(49.99% - 2px);
	}
}
@media(max-width:640px){
	ul.shopitems li{
		width:calc(99.99% - 2px);
	}
}
ul.shopitems li img{
	display:block;
	width:calc(100% - 6px);
	margin:3px;
	padding:0 0;
}
ul.shopitems li span{
	display:block;
	width:calc(100% - 6px);
	margin:0 3px 3px;
	padding:0 0;
	font-size:13px;
	line-height:28px;
	font-weight:500;
	text-align:left;
	color:#ffffff;
	font-family:'Oswald',sans-serif;
}
ul.shopitems li a{
	color:#ffffff;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
ul.shopitems li a:hover{
	color:#dddddd;
}