@charset "UTF-8";

/* --------------------------------------------------------------------- */
/* base */
/* --------------------------------------------------------------------- */

*,html{
	margin:0px;
	padding: 0px;
	}


body{
	margin:0px;
	padding: 0px;
	line-height: 100%;
	text-align:left;
	background:#000;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
	}

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

::-moz-selection{
	background:#000;
	color: #FFFFFF;
	}

::selection{
	background:#000;
	color: #FFFFFF;
	}

img {
	border: none;
	}

hr{
	display: none;
	}

div.clear{
	clear: both;
	height: 1px;
	}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* --------------------------------------------------------------------- */
/* base */
/* --------------------------------------------------------------------- */

div#wrappertopArea{
	background:url("/image/bg.gif") #fff;
	width:100%;
}

div#comArea{
	background:url("/image/bg_com.gif") repeat-x top left;
	width:100%;
	text-align: center;
}

div#kenbisiArea{
	width:1000px;
	margin:0px auto;
	text-align: left;
	/zoom : 1;
}

div#kenbisiArea{
	content : '';
	display : block;
	clear : both;
}

div#wrapperbottomArea{
	background:url("/image/bg_wb.gif") repeat-x top left #000;
	width:100%;
	text-align: center;
	height:160px;
}

div#wrapperbottomArea_home{
	background:url("/image/bg_wb_home.gif") repeat-x top left #000;
	width:100%;
	text-align: center;
	height:160px;
}


/* header */

header#wrapperheaderArea{
	margin-right : -160px;
	float : left;
	width : 160px;
	position : relative;
	z-index:99;
}

nav#gnavi{
	width:160px;
	height:480px;
	background:url("/image/bg_nav.png") no-repeat top left;
	position:relative;
}

h1#logo{
	font-size:0px;
	line-height: 0;
	position: absolute;
	top:45px;
	left:46px;
}

ul#glist{
	list-style: none;
	position: absolute;
	top:223px;
	left:20px;
}

ul#glist li{
	font-size:0px;
	line-height: 0;
}

/* footer */

footer{
	max-width:1000px; width:95%;
	margin:0px auto;
	text-align: left;
	position: relative;
}


img.fh:hover{
	opacity: 0.6;
}


nav#fnavi{
	position:absolute;
	top:15px;
	left:5px;
}

nav#fnavi ul{
	list-style: none;
}

nav#fnavi ul li{
	font-size:0px;
	line-height: 0;
	float: left;
	margin-right:15px;
}

p#f_cname{
	font-size:0px;
	line-height: 0;
	position:absolute;
	top:15px;
	right:0px;
}

p#f_cr{
	font-size:0px;
	line-height: 0;
	position:absolute;
	top:49px;
	right:0px;
}

p#f_read{
	font-size:0px;
	line-height: 0;
	position:absolute;
	top:78px;
	right:0px;
}

div#snsArea{
	position:absolute;
	top:43px;
	left:5px;
	width:127px;
	height:36px;

	background: url("/image/bg_snsbase.gif") top left repeat-x;
}

div#snsArea1{
	width:100%;
	height:36px;
	background: url("/image/bg_sns1.gif") top left no-repeat;
}

div#snsArea2{
	width:100%;
	height:36px;
	background: url("/image/bg_sns2.gif") top right no-repeat;
}

p#f_snsread{
	padding-top:11px;
	padding-left:12px;
	font-size: 0px;
	line-height: 0;
}

p#f_sns_twitter{
	position:absolute;
	top:8px;
	left:10px;
	display: none;
}

p#f_sns_fb{
	position:absolute;
	top:8px;
	left:118px;
	display: none;
}

p#f_sns_gp{
	position:absolute;
	top:8px;
	left:238px;
	z-index: 999;
	display: none;
}


a.global{ background:url("../image/global_back.png") 50% 50% no-repeat; background-size: cover;  display: block; margin:0 auto; text-align: center;
	width:140px; padding: 10px 0 ;  font-weight: bold;
    font-size: 12px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;color: #AE090C;
    transition: all 0.5s ease 0s; text-decoration: none;
}
.pc a.global{ position:absolute;
	top:43px;
	left:5px; 
}
.mobile a.global{ margin: 0.5em auto; color: #AE090C;padding: 11px 0 8px;}
a.global img{ width:14px; height: auto; margin:-1px  3px 0 0;}
a.global img,a.global span{ display: inline-block; vertical-align: middle; }
a.global:hover{ transition: all 0.5s ease 0s;color: #999;}
.mobile a.global:hover{ margin: 0.5em auto; color: #999 !important;}
.mobile a.global span{ margin: 0 0 0 0 !important; padding:0 0 !important}
.mobile a.global img{ margin:-4.3px  3px 0 0;}


/* --------------------------------------------------------------------- */
/* index */
/* --------------------------------------------------------------------- */
/*トップの修正*/
section#home{
	width:805px;
	float:right;
	text-align: left;
	position : relative;
	background: url("/image/back.png") 0% 0% no-repeat;  background-size: cover;
}

#home h1{
	 margin: 50px 20px 40px;
	font-family: 'Shippori Mincho', serif;
	 font-weight: 700;
	font-size:36px; line-height: 1.3; writing-mode: vertical-rl;
	 float: right;
	
}
#home h1 span{ display: block; margin-top: 0.5em;}
#home h1 span.span2{  margin-top: 1em;}
#home p{writing-mode: vertical-rl; float: right; line-height: 2.4;ont-size: 1;  }	

p#home_read1_new{
	font-family: 'Shippori Mincho', serif; font-weight: 400;
	 margin: 70px 0 0 1em;  
}

p#home_read2_new{
	font-family: 'Shippori Mincho', serif;margin: 70px 1em 0;  
}

p#home_obj1_new{ clear: both; margin: -50px auto 0; text-align: center;
}


p#home_obj2{
	position:absolute;
	top:502px;
	left:301px;
	font-size:0px;
	line-height: 0;
}
p#home_obj3{
	position:absolute;
	top:601px;
	left:-190px;
	width:333px;
	height: 53px;
	font-size:0px;
	line-height: 0;
}


/*トップの修正ここまで*/



/* --------------------------------------------------------------------- */
/* page */
/* --------------------------------------------------------------------- */


section#page{
	width:805px;
	float:right;
	text-align: left;
	position : relative;
}

div#wrapperpagetopArea{
	width:100%;
	height:38px;
	background:url("/image/bg_pt.gif") repeat-x left top;
}

div#pagetopArea{
	width:1000px;
	margin:0px auto;
	position: relative;
}

p#pagetop{
	font-size:0px;
	line-height:0;
	width:122px;
	height:13px;
	position: absolute;
	top:11px;
	left:878px;
}

p#pagetop img:hover{
}

div#titleArea{
	width:805px;
	height:160px;
	position: relative;
	background:url("/image/bg_pagetitle.gif") no-repeat left bottom;
	margin-bottom:40px;
}

h2#pagetitle1{
	font-size:0px;
	line-height:0;
	position:absolute;
	top:69px;
	left:0px;
}

p#obj_title1{
	font-size:0px;
	line-height:0;
	position:absolute;
	top:102px;
	left:440px;
}


.pic1{
	font-size: 0px;
	line-height: 0;
}

.pd2{
	padding-bottom:2px;
}

.pd5{
	padding-bottom:5px;
}

.pd10{
	padding-bottom:10px;
}

.pd15{
	padding-bottom:15px;
}

.pdt15{
	padding-top:15px;
}

.pd20{
	padding-bottom:20px;
}

.pd25{
	padding-bottom:25px;
}

.pd30{
	padding-bottom:20px;
}

.pd302{
	padding-bottom:30px;
}

.pdt30{
	padding-top:20px;
}

.pd35{
	padding-bottom:35px;
}

.pdt35{
	padding-top:35px;
}

.pd40{
	padding-bottom:40px;
}

.pdt40{
	padding-top:40px;
}

.pd45{
	padding-bottom:45px;
}

.pd50{
	padding-bottom:50px;
}

.pd80{
	padding-bottom:80px;
}

.pd100{
	padding-bottom:100px;
}

.pd150{
	padding-bottom:150px;
}

.pd180{
	padding-bottom:180px;
}

.pdl15{
	padding-left:15px;
}

.mg45{
	margin-bottom:45px;
}

.txst1{
	font-size:12px;
	color: #777777;
	line-height: 1.6em;
}

.txst2{
	font-size:13px;
	color: #444444;
	line-height: 1.8em;
}

.txst3{
	font-size:12px;
	color: #444444;
	line-height: 1.6em;
}

.txst4{
	font-size:11px;
	color: #777777;
	line-height: 1.6em;
}

.txst4r{
	font-size:11px;
	color: #777777;
	line-height: 1.6em;
	text-align: right;
}

.txst5{
	font-size:14px;
	color: #444444;
	line-height: 1.8em;
}

.txst6{
	font-size:22px;
	color: #000;
	line-height: 1.8em;
}

.txst7{
	font-size:18px;
	color: #444444;
	line-height: 1.8em;
}

.txst1none{
	font-size:12px;
	color: #777777;
	line-height: 1.6em;
	padding-left:15px;
}

.title_n1{
	background:url("/image/bg_title1.gif") no-repeat left 4px;
	padding-left:15px;
}

a.tx1:link,
a.tx1:visited {
	color:#000;
	text-decoration: underline;
}

a.tx1:hover,
a.tx1:focus {
	color:#fff;
	background: #000;
	text-decoration: none;
}

ul.ulist1{
	padding-left:32px;
}

/* --------------------------------------------------------------------- */
/* history */
/* --------------------------------------------------------------------- */
h2.newtitle{font-family: 'Shippori Mincho', serif;font-weight: 700; margin:0.5em 0.5em 1em 0;
	font-size:30px; line-height: 1.3; text-align: left;}	

p.hsimagen{
	font-size: 0px;
	line-height: 0px;
	margin-bottom: 30px;
}

div#historytop1{
	width:340px;
	float: left;
}

div#historytop1in{
	width:300px;
}

div#historytop2{
	width:315px;
	float: left;
}

div#historytop3{
	width:150px;
	float: left;
}

div#historytop3 p{
	margin-left:35px;
}

nav#navi_history{
	width:805px;
	height:91px;
	position: relative;

}

nav#navi_history ul{
	list-style: none;
	position: absolute;
	left:0px;
	top:-2px;
}

nav#navi_history ul li{
	float:left;
	font-size: 0px;
	line-height: 0;
}

	
/*historynew*/	
nav#navi_history2{
	max-width:805px; width:100%;
}
nav#navi_history2 ul{
	list-style: none;
	left:0px;
	top:-2px; text-align: center;
}

nav#navi_history2 ul li{ font-family: 'Shippori Mincho', serif;
	position: relative;
  display: inline-block; box-sizing: border-box;
vertical-align: top; text-align: left;
 width:calc( 25% - 5px ); margin: 0 1px; border:1px solid #000;
}
nav#navi_history2 ul li a{ display: block; padding: 1em 0 0.5em 0.5em; color: #000; text-decoration: none; line-height: 1.3;}
nav#navi_history2 ul li b{  font-weight: normal; display: block;}
nav#navi_history2 ul li span{ font-size:0.8em; font-weight: normal; display: block; margin: 0.5em 0 0; text-align: right}

nav#navi_history2 li:hover:before,nav#navi_history2 li.hear:before {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 50%;
  margin-left: -19px;
  border: 16px solid transparent;
  border-top: 16px solid #FFF;
  z-index: 2;
}
nav#navi_history2 li:hover:after,nav#navi_history2 li.hear:after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #000;
  z-index: 1;
}



div.hsboxtitlearea{
	background:url("/image/bg_title2.gif") no-repeat left top;
	padding-left:15px;
}

p.age1{
	font-size:12px;
	line-height:1.2;
	color:#797462;
}

h4.hsboxtitle1{
	font-size:22px;
	line-height:1.2;
	color:#000;
}

h4.hsboxtitle1 span{
	font-size:14px;
}


h5.hsboxtitle2{
	background:url("/image/bg_title3.gif") no-repeat left 9px;
	padding-left:30px;
	color:#797462;
	font-size:16px;
	line-height: 1.2em;
}

h5.hsboxtitle3{
	color:#797462;
	font-size:16px;
	line-height: 1.2em;
	font-weight: bold;
}

h6.hsboxtitle3{
	color:#444444;
	font-weight: bold;
	font-size:14px;
	line-height: 1em;
}

div.historybox1image{
	background: url("/image/history_line.gif") no-repeat left bottom;
	margin-bottom:70px;
}

div.historybox1left1{
	width:470px;
	float: left;
}

div.historybox1right1{
	width:300px;
	float: right;
}

div.historybox2left1{
	width:153px;
	float: left;
}

div.historybox2right1{
	width:130px;
	float: right;
}

div.historybox2left2{
	width:150px;
	float: left;
}

div.historybox2left22{
	width:98px;
	float: left;
}

div.historybox2left3{
	width:140px;
	float: left;
}

div.historybox2left4{
	width:145px;
	float: left;
}

div.historybox2right2{
	width:130px;
	float: right;
}

div.historybox2right22{
	width:180px;
	float: right;
}

div.historybox2right3{
	width:140px;
	float: right;
}

div.historybox2right4{
	width:150px;
	float: right;
}

div.historybox2right5{
	width:145px;
	float: right;
}

p.historynext{
	text-align: center;
	width: 100%;
}

p.historynext a:hover{
	opacity: 0.5;
}

p.historyread1{
	text-align: center;
	width: 100%;
	padding-top:15px;
	padding-bottom:100px;
}


/* --------------------------------------------------------------------- */
/* story */
/* --------------------------------------------------------------------- */

div#stnavi{
	width:420px;
	height:217px;
	background: url("/image/story_line.gif") no-repeat left top;
	margin-bottom:10px;
	clear:both;
}

div#stnavi ul{
	list-style: none;
}

div#stnavi ul li{
	float: left;
	font-size: 0px;
	line-height: 0;
}

div#stnavi ul li span{
	filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
	}


div#storytop1{
	width:160px;
	float: left;
}

div#storytop1 p{
	margin-left:10px;
}

div#storytop2{
	width:310px;
	float: left;
}

div#storytop3{
	width:335px;
	float: left;
}

div#storytop3in{
	margin-left:32px;
	width:303px;
}

nav.navi_story ul{
	list-style: none;
}

nav.navi_story ul li{
	float:left;
	font-size: 0px;
	line-height: 0;
}


/*2022変更*/
nav.navi_storytop　ul{
	list-style: none;
}
nav.navi_storytop　ul li{
	display: inline-block; vertical-align: top;
}

.storytitle {
font-family: 'Shippori Mincho', serif;font-weight: 700; line-height: 1.3;
}

.storytitle b {
display: flex; font-size: 2em; 

}
.storytitle b:before,
.storytitle b:after {
border-top: 1px solid #ddd;
content: "";
flex-grow: 1; 
}
.storytitle b:before {
margin:1.2rem 1rem 0 0;
}
.storytitle b:after {
margin: 1.2rem 0 0 1rem;
}
.storytitle span{  text-align: center; line-height: 1;  display: block !important; font-size: 0.8em; color: #999;}
nav.navi_storytop{  margin: 1.5em 0;  }
nav.navi_storytop li{ position: relative;  display: inline-block; vertical-align: top; width:calc( 20% - 6px );  text-align: center;  margin: 0 1px 0 0; background: #fff;  box-shadow: 0px 0px 4px 0px #777;}
nav.navi_storytop li img{ width:100%; height: auto; vertical-align: bottom;}
nav.navi_storytop li a{  color: #000;  line-height: 0;}
nav.navi_storytop li h3{ font-size: 1.6em; position: absolute; bottom: 8px; right:10px; text-align: right;  text-shadow: 1px 1px 0 #fff, 
               -1px 1px 0 #fff,
               1px -1px 0 #fff,
               -1px -1px 0 #fff,1px -1px 0 #fff,
               -1px -1px 0 #fff;font-family: 'Shippori Mincho', serif;font-weight: 700; line-height: 1.2;}
nav.navi_storytop li h3 span { display: block;font-size: 0.5em; text-align: left; }
nav.navi_storytop li h3.saru{letter-spacing: -0.1em; }
nav.navi_storytop li a:hover{ color: #c50f0f;}

div#story_picArea{
	width:430px;
	float: left;
}

div#story_picAreain{
	width:420px;
	margin-left:10px;
}

div#story_readArea{
	width:330px;
	float: right;
}

p#stp1{
	font-size:18px;
	line-height: 1.2em;
	color:#000;
}

h3#stp2{
	font-size:30px;
	line-height: 1.4em;
	color:#797462;
}


#slideshow {
	margin: 0 auto;
	width: 420px;
	text-align: left;
}
#slideshow div {
	width: 420px;
	height: 420px;
	overflow: hidden;
	position: relative;
	margin-bottom: 6px;
}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	width: 420px;
}

#slideshow ul li {
	width: 49px;
	float: left;
	display: block;
	margin-right:4px;

}

#slideshow ul li img{
	border: 2px solid #fff;
}

#slideshow .active {
	filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}

#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
	margin-bottom:15px;
}

p.pageback{
	padding-left:16px; clear:both; margin: 3em 0 0  auto; width:13em;
	background: url("/image/obj_back.gif") no-repeat left 4px; text-align: right;
}

p.pagenext{
	padding-left:16px;
	background: url("/image/obj_next.gif") no-repeat left 4px;
}

h3.historytitle1{
	font-size: 0px;
	line-height: 0;
	width:100%;
	margin-bottom:30px;
}

h3.historytitle2{
	font-size: 0px;
	line-height: 0;
	width:100%;
	text-align: center;
	margin-top:10px;
}

h3.historytitle2 img,h3.historytitle1 img{ width:auto; height: auto; max-width: 95%;}

/*ここから追加ストーリー用サブナビ  2022*/
#story-navi {background: url("/image/story_line.gif") repeat-x left top; margin: 2.5em 0; padding: 2em 0; }
#story-navi li{ position: relative;  display: inline-block; vertical-align: top; width:calc( 20% - 6px );  text-align: center;  margin: 0 1px 0 0; padding-bottom: 2.5em; }
#story-navi li img{ width:100%; height: auto; box-shadow: 0px 0px 4px -1px #777;}
#story-navi li a{ color: #000; text-decoration: none; }
#story-navi li h3{  position: absolute; bottom: 0; left:50%;  transform: translateX(-50%);  width:100%;font-size: 1.2em; font-family: 'Shippori Mincho', serif;font-weight: 700; line-height: 1.3;}
#story-navi li h3 span{   display: block; font-size: 0.6em;font-weight: 400; }
#story-navi li a:hover,#story-navi li.hear a{ color: #c50f0f; text-decoration: none; }
#story-navi li a:hover img,#story-navi li.hear a img{opacity: 0.4; }


/* --------------------------------------------------------------------- */
/* contrast */
/* --------------------------------------------------------------------- */

div#contrasttop1{
	width:145px;
	float: left;
}

div#contrasttop2{
	width:310px;
	float: left;
}

div#contrasttop3{
	width:350px;
	float: left;
}

div#contrasttop3in{
	padding-left:30px;
}

div#contrastrootArea{
	width:805px;
	height:330px;
	position: relative;
	background:url("/image/bg_pagetitle.gif") no-repeat left bottom;
}
div#contrastrootAreamob{ display: none;}
p#ctobj1{
	position: absolute;
	top:0px;
	left:0px;
	z-index:1;
}

p#ctbt1{
	position: absolute;
	top:46px;
	left:47px;
	z-index:99;
}

p#ctbt2{
	position: absolute;
	top:5px;
	left:132px;
	z-index:99;
}

p#ctbt3{
	position: absolute;
	top:33px;
	left:184px;
	z-index:99;
}

p#ctbt4{
	position: absolute;
	top:69px;
	left:233px;
	z-index:99;
}

p#ctbt5{
	position: absolute;
	top:118px;
	left:285px;
	z-index:99;
}

p#ctbt6{
	position: absolute;
	top:5px;
	left:324px;
	z-index:99;
}

p#ctbt7{
	position: absolute;
	top:5px;
	left:456px;
	z-index:99;
}

p#ctbt8{
	position: absolute;
	top:5px;
	left:733px;
	z-index:99;
}

h3.contrasttitle1{
	font-size: 0px;
	line-height: 0;
	width:100%;
	text-align: center;
	margin-bottom: 10px;
}

div.cta_left1{
	width:560px;
	float: left;
}

div.cta_right1{
	width:220px;
	float: right;
}

div.cta_left2{
	width:220px;
	float: left;
}

div.cta_right2{
	width:560px;
	float: right;
}

div.ctpagetop{
	width:805px;
	height:35px;
	position: relative;
	background:url("/image/bg_pagetitle.gif") no-repeat left top;
	margin-bottom: 50px;
}

div.ctpagetopbt{
	width:805px;
	height:125px;
	position: relative;
	background:url("/image/bg_pagetitle.gif") no-repeat left top;
	margin-bottom: 50px;
}

p.ctpt{
	font-size:0px;
	line-height:0;
	width:122px;
	height:13px;
	position: absolute;
	top:10px;
	left:683px;
}

p.ctpt img:hover{
	opacity: 0.5;
}


/* --------------------------------------------------------------------- */
/* product */
/* --------------------------------------------------------------------- */

div#productbottomArea{
	padding-top:30px;
	margin-top:2px;
}


div#titleArea{
	width:805px;
	height:160px;
	position: relative;
	background:url("/image/bg_pagetitle.gif") no-repeat left bottom;
	margin-bottom:40px;
}

div#productbnaviArea{
	background: url("/image/line.gif") no-repeat left top;
	padding-top:10px;
	margin-top:70px;
}

div#productbnaviArea p{
	color:#bebebe;
	font-size:14px;
	line-height: 1.4;
	text-align: center;
}

div#productbnaviArea p span{
	color:#797462;
}

/* --------------------------------------------------------------------- */
/* company */
/* --------------------------------------------------------------------- */


table#clist{
	margin: 0px;
	padding:0px;
}

table#clist th{
	width:95px;
	color:#333;
	font-weight:normal;
	font-size:13px;
	color:#444444;
	line-height:1.4;
	vertical-align: top;
	padding-bottom:10px;
}

table#clist td{
	width:430px;
	color:#333;
	font-weight:normal;
	font-size:13px;
	color:#444444;
	line-height:1.8;
	vertical-align: top;
	padding-bottom:10px;
}

div#company_left1{
	width:540px;
	float: left;
}

div#company_right1{
	width:240px;
	float: right;
}

div#company_left2{
	width:240px;
	float: left;
}

div#company_right2{
	width:534px;
	float: right;
}

h3.company_title1{
	font-size:18px;
	line-height: 1.4em;
	color:#000;
}


table#clist2{
	margin: 0px;
	padding:0px;
}

table#clist2 th{
	width:180px;
	color:#333;
	font-weight:normal;
	font-size:13px;
	color:#444444;
	line-height:1.4;
	vertical-align: top;
	padding-bottom:10px;
}

table#clist2 td{
	width:610px;
	color:#333;
	font-weight:normal;
	font-size:13px;
	color:#444444;
	line-height:1.8;
	vertical-align: top;
	padding-bottom:10px;
}

/* --------------------------------------------------------------------- */
/* blog */
/* --------------------------------------------------------------------- */

div#bloginfoArea{
	width:160px;
	float: right;
}

div#blogcontentsArea{
	width:560px;
	float: left;
}

div.infolistArea{
	width:160px;
	background:url("/image/bg_bloglist.gif") no-repeat left top;
	padding-bottom:40px;
}

div.infolistArea p{
	padding-left:10px;
	font-weight:bold;
	font-size:12px;
	color:#797462;
	line-height:1.8;
	padding-bottom:10px;
}

div.infolistArea ul{
	margin-left: 27px;
}

div.infolistArea ul li{
	font-size:12px;
	color:#000;
	line-height:1.8;
}

div.infolistArea ul li a:link,
div.infolistArea ul li a:visited {
	color:#000;
	text-decoration: none;
}

div.infolistArea ul li a:hover,
div.infolistArea ul li a:focus {
	color:#000;
	text-decoration: underline;
}


div.entryboxbody{
	width: 100%;
	background:url("/image/bg_pagetitle.gif") no-repeat left bottom;
}

a.blog1:link,
a.blog1:visited {
	color:#000;
	text-decoration: none;
}

a.blog1:hover,
a.blog1:focus {
	color:#fff;
	background: #000;
	text-decoration: none;
}

div#blogpagenaviArea{
	text-align: center;
}

span.pages{
	display:none;
	}

div.wp-pagenavi{
	font-size:12px;
}

div.wp-pagenavi a.last{
	display:none;
}

.wp-pagenavi {
    clear: both;

}

.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #b1b1b1;
    color: #333;
    margin: 0px 5px 0 0;
    padding: 10px 12px;
    text-decoration: none;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;

}

.wp-pagenavi span.current {
    color: #fff;
    font-weight: bold;
	background:#000;
}

.wp-pagenavi a:hover, .wp-pagenavi a:focus {
    color: #000;
    text-decoration: none;
}

/* input */


div.entryboxbodyin{
	font-size:13px;
	color: #444444;
	line-height: 1.8em;
	width:545px;
	overflow: hidden;
}

div.entryboxbodyin p{
	margin-bottom: 30px;
}

div.entryboxbodyin a:link,
div.entryboxbodyin a:visited {
	color:#000;
	text-decoration: underline;
}

div.entryboxbodyin a:hover,
div.entryboxbodyin a:focus {
	color:#fff;
	background: #000;
	text-decoration: none;
}


/* --------------------------------------------------------------------- */
/* product */
/* --------------------------------------------------------------------- */

div#producttop{
	width:805px;
	height:445px;
	position: relative;
	margin-top:37px;
	margin-bottom: 20px;
}

p#pr_tread{
	position: absolute;
	top:340px;
	left:32px;
}


div#producttop21{
	width:240px;
	float: left;
}

div#producttop22{
	width:510px;
	float: right;
}
div#producttop22-2{
	width:510px;
	float: left;
}
p#pr_tpic1{
	padding-top:0px;
	padding-left: 50px;
}

p#pt2title{
	font-size: 18px;
	font-weight: bold;
	color: #444;
	line-height: 1.6;
}

nav#navi_product{
	width:805px;
	height:98px;
	position: relative;

}

nav#navi_product ul{
	list-style: none;
	position: absolute;
	left:0px;
	top:-2px;
}

nav#navi_product ul li{
	float:left;
	font-size: 0px;
	line-height: 0;
}

div#hsbta_left{
	width:400px;
	float: left;
}

div#hsbta_right{
	width:400px;
	float: right;
}
/*nav#navi_productnew*/	
nav#navi_product2{
	max-width:805px; width:100%;
}
nav#navi_product2 ul{
	list-style: none; margin-bottom: 2em;
	text-align: center;
}
nav#navi_product2 ul li{ font-family: 'Shippori Mincho', serif;
	position: relative;
  display: inline-block; box-sizing: border-box;
vertical-align: top; text-align: center;
 min-width:150px; max-width: 300px; margin: 0 1px; border:1px solid #000;
}
nav#navi_product2 ul li a{ display: block; padding: 1em 0.5em 0.5em; color: #000; text-decoration: none; line-height: 1.3;}

nav#navi_product2 ul li:hover a,nav#navi_product2 li.hear a{  background: #000; color: #fff;}
nav#navi_product2 li:hover:before,nav#navi_product2 li.hear:before {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 50%;
  margin-left: -19px;
  border: 16px solid transparent;
  border-top: 16px solid #000;
  z-index: 2;
}
nav#navi_product2 li:hover:after,nav#navi_product2 li.hear:after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #000;
  z-index: 1;
}


/* --------------------------------------------------------------------- */
/* views */
/* --------------------------------------------------------------------- */

body#views{
	overflow-x: hidden;
}

div#viewstop{
	width:805px;
	height:400px;
	position: relative;


}

#slideshow_views{
	position: absolute;
	top:0px;
	left: -220px;
	width:1050px;
	height:400px;
	}

#slideshow_views div{
	overflow: hidden;
	width:105px;
	height:400px;
}

div#viewsreadArea_left{
	width:585px;
	float: left;
}


div#viewsreadArea_right{
	width:220px;
	float: right;
}

div#viewsArea{
	position: relative;
	padding-bottom: 100px;
	text-align: left;
}


div#viewsArealist{
	text-align: left;

}



article.viewsbox{
	width:380px;
	margin-bottom:30px;
	cursor: pointer;
}

div.viewsboxin{
	width:380px;
	box-shadow: 0px 0px 1px 2px #efefef;
    -webkit-box-shadow: 0px 0px 1px 2px #efefef;
    -moz-box-shadow: 0px 0px 1px 2px #efefef;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
}

div.viewsboxread{
	width:380px;
	text-align: left;
	padding-top:10px;
}

div.viewsboxread p{
	font-size:12px;
	color: #444444;
	line-height: 1.6em;
	padding:0px 7px;
}

p.viewboxpic{
	padding:6px;
	font-size: 0px;
	line-height: 0;
}

p#viewsnextbt{
	font-size: 0px;
	line-height: 0;
	text-align: center;
}

#slideshow_views {
	margin: 0 auto;
	width: 1100px;
	text-align: left;
}
#slideshow_views div {
	width: 1100px;
	height: 400px;
	overflow: hidden;
	position: relative;
	margin-bottom: 6px;
}
#slideshow_views div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slidesum_views{
	display: none;
}

div#viewsboxArea_left{
	width:380px;
	float: left;
}

div#viewsboxArea_right{
	width:380px;
	float: right;
}


/* --------------------------------------------------------------------- */
/* error */
/* --------------------------------------------------------------------- */

section#error{
	width:1000px;
	float:none;
	text-align:center;
	position : relative;
}

p#errorimg{
	padding-top: 250px;
	padding-bottom: 250px;
}


/* --------------------------------------------------------------------- */
/* slide */
/* --------------------------------------------------------------------- */


/* slider layout */
.lof-slidecontent { position:relative;	overflow:hidden;	height:490px;}
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;}
.lof-slidecontent .preload div{	height:100%;	width:100%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	width:900px;	z-index:3px;	overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }


.lof-slidecontent  .navigator-content {
position:absolute; top:426px; left:0px;

}
.lof-slidecontent  .navigator-wrapper{	position:relative;	z-index:10;

}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute; 	width:440px !important;}
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0 4px 0 0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center; }

/*******************************************************/

ul.sliders-wrap-inner li img{	padding:0px;	}



/* item navigator */

.lof-slidecontent ul.navigator-wrap-inner li img{
	border:2px solid #fff;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img,
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
	border:2px solid #fff;
}


#gmap{
	width:240px;
	height:180px;
	background: #000;
}

span.fss{
	font-size:11px;
}

#new_icon{
	position: absolute;
	top:420px;
	left:134px;
}

#fb_banner {
	width: 101px;
	margin: 15px auto 0;
	display: none;
}

#fb_banner a {
	display: block;
}

#fb_banner a:hover {
	opacity: 0.6;
}

.onlineShopMenu {
    margin: -20px 0 0 2px;
    z-index: 100;
    position: absolute;	
}

.snsMenu {
	margin: 66px 0 0 52px;
    z-index: 100;
    position: absolute;
}

.snsMenu .snsMenuF {
	margin-right: 6px;
}

@media only screen and (min-width:1001px){
header .header{ display: none; }
.mobile{ display: none;}

div#gnaviArea{
	position : relative;
	padding-top:35px;
	padding-bottom:148px;
	z-index:99;
	width:160px;
	text-align: left;
}
}
@media only screen and (max-width:1000px){body {
}

/* Navbar & Navmenu color */
:root {
  --background-navbar: rgba(255, 255, 255, 0.98);
}
header .header{ display: block;  }
header#wrapperheaderArea{
	margin:0px;
	float : none;
	z-index:99;
  position: fixed;
  width: 100%; 
 height: 70px; background:url("/image/bg.gif") #ddd;
}
	
h1#logo{position:static;
}
h1#logo img{ display: block; margin: 5px auto 0;
	 height: 60px; width:auto; 
}
	
div#gnaviArea{ display: none!important;  position: static; height: 0; }
	
/* Nav items */
.menu {
  list-style: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  margin-top:70px;
  padding: 0 0 10px 0;
  clear: both;
  background: var(--background-navbar);
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transform: scale(1, 0);
  transform-origin: top;
}

/* Hamburger menu button */
.menu-btn:checked ~ .menu {
  transform: scale(1, 1);
  transform-origin: top;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

/* Hamburger menbu text */
.menu a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 16px;
  text-transform: capitalize;
  color: #000;
  opacity: 0;
  transition: 0.5s;
}

.menu li {
  border-top: 1px solid #000;
  padding: 15px 0;
  margin: 0 auto;
  opacity: 0;
  transition: 0.5s;
	position: relative; width:90%; max-width: 500px;
}

.menu-btn:checked ~ .menu a,
.menu-btn:checked ~ .menu li {
  opacity: 1;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
}

.menu-btn {
  display: none;
}

.menu-icon {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 24px 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.navicon {
  background: #000;
  display: block;
  height: 3px;
  width: 26px;
  position: relative;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before,
.navicon:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #000;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before {
  top: 9px;
}

.navicon:after {
  bottom: 9px;
}

/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
  top: 0;
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  bottom: 0;
}

.menu-btn:checked ~ .menu-icon .navicon {
  background: rgba(0, 0, 0, 0);
  transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
/* Hamburger Menu Animation End */

/* Navbar Container */
.navtext-container {
  width: 100%;
  height: 70px;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
	.menu li a img{ position: absolute;  top:-7px; left: 6em;}
	.menu li a{  position: relative; padding-left: 1em 
}.menu li a::before{ 
font-family: "Font Awesome 5 Free"; 
  font-weight: 900;  top:1px;  left:0; position: absolute;
  content: "\f105";  
}
.menu li a:hover,.menu li a.now{  color:#D6090D;}
	.menu li.sub {  font-size: 14px; border:none; margin: 0em auto 1em ; padding: 0.1em 0; }
.menu li.sub.first {  margin: 2em auto 1em;}
.menu li.sub a { font-size: 14px;}
.menu li.blog{ border-bottom: 1px solid #000;}

	
div#kenbisiArea{
	max-width:1000px; width:100%;
	margin:0px auto;
}
#fnavi,.pc{ display:none;}
p.f_read{
	font-size:10px;
	 color: #999;
	position:absolute;
	top:78px;
	right:0px;
}
.onlineShopMenu {
    margin: 0px 0 0 2px;
    z-index: 100;top:15px;
	left:0px; ;font-size: 16px;
    position: absolute;	 
}	
.onlineShopMenu a { text-decoration: none; border-radius: 2px; color: #fff;  text-align: center; border:1px solid #D6090D; position: relative; padding:0.5em 2em}		
.onlineShopMenu a::before{ 
font-family: "Font Awesome 5 Free"; 
  font-weight: 900;  top:0.5em;  left:0.5em; position: absolute;
  content: "\f07a";  
}
.snsMenu {
	margin: 0;top:40px;
	left:0px;
    z-index: 100; font-size: 30px;
    position: absolute;
}
.snsMenu a { color: #fff; display: inline-block; vertical-align: middle; margin: 0 0.2em 0 0
}
.onlineShopMenu a:hover{background:#D6090D; color: #fff;}
.snsMenu a:hover{color:#D6090D; }
	

    
    
/* --------------------------------------------------------------------- */
/* index */
/* --------------------------------------------------------------------- */

section#home{
	max-width:805px; width:95%;
	height:auto; margin: 0 auto;
	float:none;
	text-align: left;
	position : static; 
	padding: 80px 0 0; 
}


p#home_title1{
	position:static; float: none;
	text-align: center;
	 margin: 0px auto 50px;
}

p#home_read1{
	position:static;text-align: center; margin: 0px auto 50px;
}

p#home_read2{
	position:static;text-align: center; margin: 0px auto 50px;
}

p#home_obj1{
position:static;text-align: center; margin: 0px auto ;
}
p#home_obj1 img{ display: block; margin: 0 auto;
   max-width:499px; height: auto; width:90%;
}
p#home_obj2{
position:static; text-align: center;
}
p#home_obj3{
	position:static;text-align: center;
}
	
	/* --------------------------------------------------------------------- */
/* page */
/* --------------------------------------------------------------------- */

h2.mobile,h2.newtitle{font-family: 'Shippori Mincho', serif;font-weight: 700; margin:0.5em 0.5em 1em;
	font-size:30px; line-height: 1.3; text-align: left;}	
	
section#page{
	max-width:805px; width:95%;
	height:auto; margin: 0 auto;
	float:none;
	text-align: left;
	position : static; 
	padding: 80px 0 0; 
	}


div#pagetopArea{ width:100%;}

p#pagetop{
	font-size:0px;
	line-height:0;
	width:122px;
	height:13px;
	position: absolute;
	top:11px;
	left:auto; right: 5px;
}

	
	

div#storytop1,div#storytop2{
	 float: none; display:  inline-block; vertical-align: top;
}


div#storytop1 p{
	margin-left:10px;
}

div#storytop2{
	width:calc( 100% - 170px);
}

div#storytop3{
	max-width:335px; width:90%; height: auto;
	float: none; display: block; margin: 15px auto;
}

div#storytop3in{
	margin:auto;
	width:100%; height: auto;
}
	
}

@media only screen and (max-width:845px){
/* --------------------------------------------------------------------- */
/* contrast */
/* --------------------------------------------------------------------- */
div#contrasttop{ text-align: center;}
div#contrasttop1,div#contrasttop2{ float: none; display: inline-block; vertical-align: top;}

div#contrasttop3{
	width:95%; max-width: 600px; margin: 20px auto 0;
	float: none;
}
div#contrasttop3in{
	padding-left:0px; text-align: left;
}
div#contrastrootArea{ display: none; }
div#contrastrootAreamob{ display: block; padding-bottom: 80px; text-align: center;}
div#contrastrootAreamob img{ position: static;  display: block; margin: 0 auto; width:100%; height: auto;}
div#contrastrootAreamob a { writing-mode: vertical-rl; vertical-align: top; text-align: left; margin: 0.5em;  height:6em; text-decoration: none;  background: #fff;font-size: 14px;
 display: inline-block; vertical-align: top; border: 1px solid #000; padding: 16px 8px 12px; color: #000; position: relative;}
div#contrastrootAreamob a:hover {  background: #d2d0c3; border: 1px solid #d2d0c3; }
div#contrastrootAreamob a::before{ 
font-family: "Font Awesome 5 Free"; 
  font-weight: 900;  height: 10px;
  content: "\f0d7";   position: absolute; font-size: 10px; top:3px; left:8px;
}
div#contrastrootAreamob a::after{ 
font-family: "Font Awesome 5 Free"; 
  font-weight: 900;  height: 10px; color: #ada789;
  content: "\f0a9";   position: absolute;  bottom:10px; left:8px;
}

	article.kurabe h3{  padding-top:80px;
    margin-top:-80px;}
div.cta_left1,div.cta_right2{width:95%; max-width:800px; margin: 20px auto 0;float: none; }
div.cta_right1,div.cta_left2{width:95%; max-width:800px; margin: 20px auto 0;float: none;  text-align: center;}

div.ctpagetop{width:95%; max-width: 805px; margin: 0px auto 50px;float: none;}

div.ctpagetopbt{width:95%; max-width: 805px; margin: 0px auto 0;float: none;
}
.txst4r.picbtread1.pd30{
	text-align:center;
}
p.ctpt{
	left:auto;right: 0;
}
p.ctpt img{ display: none;}
	
nav#navi_product2 ul li{  min-width: auto;}
nav#navi_product2 ul li a{  padding: 0.5em 1em 0.5em; }	
	}
@media only screen and (min-width:805px){.mobile2{ display:none;}}
@media only screen and (max-width:805px){
section#page{
	padding: 30px 0 0; 
	}
	
div#titleArea{
	max-width:805px; width:95%;
	height:160px;
	margin:0 auto 40px;
}

h2#pagetitle1{
	font-size:0px;
	line-height:0;
	position:absolute;
	top:69px;
	left:0px;
}
h2#pagetitle1 img{ width: auto; max-width: 100%; height: auto;}

.pic1 img{
 width:100%; height: auto; 
}

p#obj_title1{
	font-size:0px;
	line-height:0;
	position:absolute;
	top:102px;
	left: auto;right:0;
}
/*history*/	
nav#navi_history{
	max-width:600px;width:95%;
	height:auto; margin: 0 auto; 

}
	
nav#navi_history ul{
	list-style: none; 
	position:static; text-align: center;
}

nav#navi_history ul li{
	float:none; display: inline-block; vertical-align: top;
	font-size: 0px;
	line-height: 0;
}
nav#navi_history2 ul li a{  font-size: 0.8em;}
	
div#historytop1{
	max-width:600px;width:95%;
	float: none; text-align: center;
}

div#historytop1in{
	width:100%; text-align: center;
}

div#historytop2{
	width:95%;  margin: 20px auto;
	float: none;
}

div#historytop3{
	width:150px;
	float: none;
}

div#historytop3{
	width:150px; display: block; margin: 30px auto 0;
	float: none;
}	
p.hsimagen { position: relative; height: 144px; width:100%; overflow: hidden;}
p.hsimagen img{ position: absolute; top:0; left:50%;transform: translateX(-50%);
}
	
div.historybox1left1{
	max-width:600px; width:95%;
	float: none; margin: 0em auto;
}

div.historybox1right1{
	max-width:300px;width:95%;
	float: none;margin: 0em auto;
}

table#clist th,table#clist2 th{ width: auto; display: block;  padding: 0;
	  border-left: 2px solid #444; padding-left: 1em;
}

table#clist td,table#clist2 td{ width: auto; display: block;  margin: 0 0 1em calc( 1em + 2px );
}
nav#navi_history2 ul li{  width:calc( 50% - 5px ); margin: 0 1px 1.5em;}
nav#navi_history2 ul li b{ display: inline-block;}
	
/* --------------------------------------------------------------------- */
/* story */
/* --------------------------------------------------------------------- */
nav.navi_story ul{
	list-style: none; text-align: center;
}

nav.navi_story ul li{
	float:none; display:  inline-block;  margin: 0; 
	font-size: 0px;
	line-height: 0; 
}

div#story_picArea{
	max-width:430px; width:95%;
	float: none;margin:10px auto;
}

div#story_picAreain{
	max-width:420px; width:95%;
	float: none;
	margin:10px auto;
}

div#story_readArea{
	 width:95%; max-width:420px;margin:10px auto 200px ;
	float: none;
}
#storypage { position: relative;}
div#stnavi{ position: absolute; bottom: 2em;
	max-width:420px; width:95%;
	height:auto;
	margin:10px auto;
	clear:both;
}
.pageback { position: absolute; bottom: 0;
}
	
/* --------------------------------------------------------------------- */
/* product */
/* --------------------------------------------------------------------- */

div#producttop{
	max-width:805px; width:95%;
	height:auto;
	position: relative;
	margin-top:37px;
	margin-bottom: 20px;
}
h2.pic1 img{ width:100%; height: auto;}
	
div#producttop21{
	max-width:240px; width:95%;
	float: none; margin: 0 auto 50px;
}

div#producttop22{
	max-width:510px;width:95%;
	float: none;margin: 0 auto;
}
nav#navi_product{
	max-width:805px; width:95%;
	height:auto; margin: 0 auto 50px;

}
nav#navi_product ul{
	list-style: none;
	position: static; text-align: center;
}
	nav#navi_product ul li{
	float:none; display: inline-block; vertical-align: top;
}
	
div#hsbta_left,div#hsbta_right{
	max-width:400px; width:95%;
	float: none; margin:  20px auto;
}



div#productbnaviArea p span,div#productbnaviArea p a{ display:  inline-block; vertical-align: middle; margin: 1em 0;  text-align: center; padding: 0 1.5em; 
}	

	.pic1 img{ width:auto; max-width: 95%; display: block; margin: 0 auto; height: auto; }
	
	
/* --------------------------------------------------------------------- */
/* company */
/* --------------------------------------------------------------------- */

div#company_left1,div#company_right1,div#company_left2,div#company_right2{
	max-width:540px; width:95%;  margin: 0 auto;
	float:none;
}
div#company_left2 img{ width:auto; max-width: 95%; height: auto; display: block; margin: 0 auto 10px;}
	

/* --------------------------------------------------------------------- */
/* blog */
/* --------------------------------------------------------------------- */

div#bloginfoArea{
	max-width:540px; width:95%;  margin: 0 auto;
	float:none;
}
div#blogcontentsArea.pd150,div.infolistArea.pd150 { padding-bottom:50px;}
div#blogcontentsArea{
	max-width:560px; width:95%;  margin: 0 auto;
	float:none;
}

div.infolistArea,div.entryboxbodyin{
	max-width:560px; width:95%;  margin: 0 auto;
	float:none;
	padding-bottom:0px;
}
div.infolistArea p{
	padding:0px;
	font-size:14px;
	line-height:1.8;
	 margin:0px;
}
div.infolistArea ul{
	margin:0 auto 40px; width:95%; 
}
div.infolistArea ul.arc li{ display:  inline-block;  vertical-align: top; 
	width:calc( 100% / 3 - 5px );
}
div.infolistArea ul.arc li a{ display: block; padding: 0.5em 0 0.5em 0.5em; position: relative;}
div.infolistArea ul.arc li a::before{ 
font-family: "Font Awesome 5 Free"; 
  font-weight: 900;  top:0.5em;  left:0; position: absolute;
  content: "\f105";  
}

div.entryboxbodyin img{ display: block; margin: 8px auto ; width:auto; max-width: 90%; height: auto;
}	
.pc2{ display:none;}
/*ここから追加ストーリー用サブナビ 2022*/
#story-navi {background: url("/image/story_line.gif") no-repeat left top; margin:0 0 1em ; }
#story-navi li h3{ font-size: 1em;}
}
@media only screen and (max-width:740px){/*ここから追加ストーリー用サブナビ 2022*/
nav.navi_storytop li{  width:calc( 100% / 3 - 15px ); margin: 5px; }
}
@media only screen and (min-width:620px){ .f_cname,.f_cr{ display: none;}}
@media only screen and (max-width:620px){ #f_cname,#f_cr{ display: none;}
.f_cname,.f_cr{  color: #ddd; text-align: center;}
.f_cname{ font-size: 14px; margin: 1em auto;}
.f_cname b{ display: block;  font-size:16px; margin: 0.5em; }
.f_cr{font-size:12px;  text-align: center; padding: 0 0 5em}
.snsMenu {position: static;padding:0em 0.5em;  text-align: center;}
.onlineShopMenu { padding:1.2em 0.5em 0.8em;position: static;;  text-align: center;}
p.f_read{ top:auto; bottom: 5px; right: auto; width:100%; text-align: center;}

p#obj_title1{ display: none;}
nav#navi_product2 ul li a{  padding: 0.5em 1em 0.5em; font-size: 0.8em; }	
div.historybox1left1{
	max-width:470px; width:95%;
	float: none; margin: 0em auto;
}
div.historybox1right1{
	max-width:300px;width:95%;
	float: none;margin: 0em auto;
}
table#clist th,table#clist2 th{ width: auto; display: block;  padding: 0;
	  border-left: 2px solid #444; padding-left: 1em;
}
table#clist td,table#clist2 td{ width: auto; display: block;  margin: 0 0 1em calc( 1em + 2px );
}
section#home{
	background: url("/image/back.png") 50% 0% no-repeat;  background-size: cover;
}
	
}
@media only screen and (max-width:500px){nav#navi_history2 ul li b{ display:block;}
h2.mobile span,h2.newtitle span{ display: block; }
/*2022*/
nav.navi_storytop li h3{ font-size: 1.1em; }
/*トップの修正*/
#home h1{ font-size: 28px	}
/*トップの修正ここまで*/
}
						
						
						
						
@media only screen and (max-width:465px){
div#story_readArea{;margin:10px auto 400px ;}
h2.mobile,h2.newtitle{font-size:26px; line-height: 1.3;}

nav#navi_product2 ul li {  width:30%; margin: 0 0 1.5em }	
}

@media only screen and (max-width:430px){
div#stnavi{
	max-width:420px; width:100%;
	height:auto;
	margin-bottom:10px;
	clear:both;
}

div#stnavi ul{
	list-style: none; text-align: center;
}

div#stnavi ul li{
	float: none; display: inline-block; 
	font-size: 0px;
	line-height: 0;
}

div#stnavi ul li span{
	filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
	}
.preload{ width:300px !important;}
.navigator-wrap-inner img{width:30px !important; height: 30px ; }
div#contrastrootAreamob a {margin: 0.5em 0.3em; padding: 20px 8px 8px; }
	
/*ここから追加ストーリー用サブナビ  2022*/
#story-navi li{ position: relative;  display: inline-block; vertical-align: top; width:calc( 100% / 3 - 8px );  text-align: center;  margin: 0.5em 2px ;  }
/*トップの修正*/
#home p br.no{  display: none;}	
p#home_obj1_new{ margin: 30px auto 0; }
/*トップの修正ここまで*/
}


@media only screen and (max-width:400px){
p#home_title1 img{display: block; margin: 0 auto; height: auto; width:100px;
}
div#storytop1,div#storytop2{
	 display:block;  margin: 0 auto 15px; 
}
div#storytop2{
	  width:95%;
}

	
	
}

@media only screen and (max-width:375px){
/*ここから追加ストーリー用サブナビ 2022*/
nav.navi_storytop li{  width:calc( 100% / 2 - 15px ); margin: 5px 6px; }
div.infolistArea ul.arc li{ display:  inline-block;  vertical-align: top; 
	width:calc( 50% - 5px );}
/*トップの修正*/
#home h1{ font-size: 24px	}
	#home p{font-size: 0.9em; }
/*トップの修正ここまで*/

}

@media only screen and (max-width:370px){

div.infolistArea ul.arc li{ display:  inline-block;  vertical-align: top; 
	width:calc( 50% - 5px );}
nav#navi_product2 ul li a{   padding: 0.5em;}	
}