@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------------- */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.disnon{
	display:none;
	}
.text_hidden span{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	}

.center{
	text-align:center;
}
.note{
	padding:10px;
	font-size:14px;
	color:#545454;
}

li.list_red,
ul.list_red li{
	list-style-image: url(images/red.png);
	margin:0 15px 0 32px;
	}
.button{
	display:block;
	color: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #da5e10;
	background: -moz-linear-gradient(top,#e54413 0%,#da5e10);
	background: -webkit-gradient(linear,left top,left bottom,from(#e54413),to(#da5e10));
	border: 1px solid #ed7250;
	-moz-box-shadow:0px -1px 0px rgba(107,34,34,1);
	-webkit-box-shadow:0px -1px 0px rgba(107,34,34,1);
	box-shadow:0px -1px 0px rgba(107,34,34,1);
	}
.button a{
	display:block;
	padding: 10px 20px;
	cursor:pointer;
	}
.moreBtn{
	background:#878787;
	}
.moreBtn a{
	text-decoration:none;
	padding:5px;
	font-size:11px;
	color:#fff;
	}
.moreBtn:hover{
	background:#787878;
	}
.moreBtn:hover a{
	color:#fff;
	}


body,a{
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic Pro", Verdana, Geneva, sans-serif;
	color:#333;
	font-size:12px;
	line-height:18px;
	-webkit-text-size-adjust: none;
	}
#contents .contInner .breadcrumbs a:hover,
a:hover{color:#821310;}
h1,h2,h3{
	font-weight:normal;
	}
h2{
	line-height:44px;
	background:#f9f9f9 url(images/red.png) repeat-y;
	font-weight:bold;
	font-size:18px;
	padding:0 25px;
	}
li{list-style:none;}
img{vertical-align:bottom}

/* -------------------------------------------------------------------- */

html{background-color:#821310;}
body{background:url(images/bg_commonBody.jpg) repeat-x;}
#wrapper{
	width:1024px;
	margin:0 auto;
	}

header{
	background:url(images/bg_commonHeader.png) repeat-x;
	min-height:140px;
	padding: 0 32px;
	}
header .headerTop{
	height:69px;
	padding:20px 0 0;
	margin:0;
	position:relative;
	}
header .headerTop .logoArea{
	float:left;
	}
header .headerTop .logoArea .discText{
	display:block;
	font-size:11px;
	color:#2d2d2d;
	margin-bottom:5px;
	}
header .headerTop .logoArea .logo{
	display:block;
	}
header .headerTop .rightArea{
	float:right;
	}
header .headerTop .rightArea.telnumArea{
	display:none;
}
header .headerTop .rightArea.socialArea ul{
	padding-top:5px;
	margin-right:16px;
	}
header .headerTop .rightArea.socialArea li{
	height:34px;
	width:33px;
	display:block;
	float:left;
	margin:0 6px;
	background:url(images/btn_social.png) no-repeat;
	}
header .headerTop .rightArea.socialArea li:hover{
	opacity:0.9;
	}
header .headerTop .rightArea.socialArea li.fbBtn{
	background-position:0 0;
	}
header .headerTop .rightArea.socialArea li.twiBtn{
	background-position:-33px 0;
	}
header .headerTop .rightArea.socialArea li.rssBtn{
	background-position:-66px 0;
	}
header .headerTop .rightArea.socialArea li a{
	display:block;
	height:34px;
	width:33px;
	}
header .headerTop .rightArea .contactBtn.button:hover{
	background: #da5e10;
	}
header .headerTop .rightArea .contactBtn.button .text_hidden span{
	width:144px;
	height:21px;
	background:url(images/text_Contact.png) center center no-repeat;
	}
header .sliderArea{
	width:798px;
	margin:0 auto;
	padding-bottom:18px;
	background:url(images/bg_topSliderArea.png) 0 bottom no-repeat;
	}
header .sliderInner{
	width:718px;
	height:281px;
	margin:0 auto;
	background:#ccc;
	position:relative;
	}
header .sliderInner .splashImg{
	width:718px;
	height:281px;
	position:absolute;
	z-index:9999;
	top: 0;
	}
header .sliderInner .sliderPause,
header .sliderInner .sliderPlay{
	visibility:hidden;
	height:0;
	width:0;
	}
header .sliderInner .metaslider .flex-direction-nav li a{
	background:url(images/arrow_slider.png) no-repeat 0 0;
	width: 41px;
	height: 40px;
	margin: -30px 0 0;
	}
header .sliderInner .metaslider .flex-direction-nav .flex-next{
	background-position:-41px 0;
	}
header .sliderInner .metaslider .flexslider:hover .flex-direction-nav .flex-prev{
	left: 16px;
	}
header .sliderInner .metaslider .flexslider:hover .flex-direction-nav .flex-next{
	right: 16px;
	}
header .menuArea{
	margin-left:-5px;
	}
header .menuArea #menu li{
	float:left;
	margin:0 5px;
	text-align:center;
	width:145px;
	height:46px;
	}
header .menuArea #menu li.top{
	background:url(images/bg_menu_top.png) no-repeat;
	}
header .menuArea #menu li.item{
	background:url(images/bg_menu_item.png) no-repeat;
	}
header .menuArea #menu li.service{
	background:url(images/bg_menu_service.png) no-repeat;
	}
header .menuArea #menu li.company{
	background:url(images/bg_menu_company.png) no-repeat;
	}
header .menuArea #menu li.lms{
	background:#fff url(images/bg_menu_lms.png) no-repeat;
	}
header .menuArea #menu li.online{
  background:#fff url(images/bg_menu_online.png) no-repeat;
}
header .menuArea #menu li a{
	display:block;
	line-height:46px;
	font-size:13px;
	font-weight:bold;
	text-shadow:
		-1px -1px 0px #fff,
		1px -1px 0px #fff,
		1px 1px 0px #fff,
		-1px 1px 0px #fff;
	text-decoration:none;
	background:url(images/bg_menuNormal.png) no-repeat;
	}
header .menuArea #menu li.lms a{
	line-height: 15px;
  padding: 9px 0 7px;
	}
header .menuArea #menu li.current-menu-item a{
	background:#666;
	background:url(images/bg_menuCurrent.png) no-repeat;
	}

#contents{
	}
#contents .contInner{
	background:#ddd url(images/bg_commonContents.png) repeat-x;
	padding:15px 32px 0;
	width: 960px;
	}
#contents .contInner .breadcrumbs{
	padding-bottom:20px;
	color: #666;
	}
#contents .contInner .breadcrumbs a{
	color: #666;
	}
#contents .contInner .side{
	width:310px;
	float:left;
	}
#contents .contInner .side .topiList>div{
	margin-top:8px;
	padding:12px 0;
	background:#f9f9f9;
	text-align:center;
	}
#contents .contInner .side .topiList ul{
	text-align:left;
	padding-bottom:10px;
	}
#contents .contInner .side .topiList li{
	padding:7px 0;
	}
#contents .contInner .main{
	width:629px;
	float:right;
	}
#contents .contInner .main .topics ul{
	margin-top:-8px;
	}
#contents .contInner .main .topics li{
	position:relative;
	margin-top:8px;
	padding:8px 10px;
	background:#f9f9f9;
	}
#contents .contInner .main .topics li .dateArea{
	background:#ddd;
	height:57px;
	width:42px;
	float:left;
	padding:7px 5px;
	}
#contents .contInner .main .topics li .dateArea span{
	display:block;
	text-align:center;
	font-weight:bold;
	line-height:18px;
	}
#contents .contInner .main .topics li .dateArea #date{
	font-size:18px;
	line-height:23px;
	}
#contents .contInner .main .topics li .titleArea{
	height:71px;
	width:490px;
	margin-left:8px;
	float:left;
	vertical-align: middle;
	}
#contents .contInner .main .topics li .titleArea h3,
#contents .contInner .main .topics li .titleArea h3 a{
	font-weight:bold;
	font-size:16px;
	height:71px;
	display: table-cell;
	vertical-align: middle;
	}
#contents .contInner .main .topics li .tagArea{
	height:60px;
	width:60px;
	position:absolute;
	top:2px;
	right:2px;
	}
#contents .contInner .main .topics li.tagblue .tagArea{
	background:url(images/tag_blue.png);
	}
#contents .contInner .main .topics li.taggreen .tagArea{
	background:url(images/tag_green.png);
	}
#contents .contInner .main .topics li.tagred .tagArea{
	background:url(images/tag_red.png);
	}
#contents .contInner .main .topics li .articleArea{
	padding-top:8px;
	clear:both;
	}
#contents .contInner .main .topics li .articleArea .imgArea{
	text-align:center;
	}
#contents .contInner .main .topics li .articleArea .imgArea img{
	max-width:460px;
	height:auto;
	border:1px solid #c8c8c8;
	}
#contents .contInner .main .topics li .articleArea .textArea{
	padding:5px 10px;
	line-height: 24px;
	}
#contents .contInner .main .topics li .articleArea .textArea img{
	margin: 10px 0;
	border: 1px solid #C8C8C8;
	}
#contents .contInner .main .topics li .articleArea .textArea h3{
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	padding-left: 10px;
	margin: 16px 0;
	border-bottom: 1px solid #CCC;
	}
#contents .contInner .main .topics li .articleArea .textArea ul,
#contents .contInner .main .topics li .articleArea .textArea ol{
	margin:8px 10px;
	}
#contents .contInner .main .topics li .articleArea .textArea ul li,
#contents .contInner .main .topics li .articleArea .textArea ol li{
	font-size:13px;
	margin-top: 0;
	}
#contents .contInner .main .topics li .articleArea .textArea ul li{
	background:url(images/gray.png) 0 8px no-repeat;
	padding:0 15px;
	}
#contents .contInner .main .topics li .articleArea .textArea ol li{
	list-style:decimal;
	padding:0;
	margin-left: 20px;
	}
#contents .contInner .main .topics li .articleArea .moreBtn{
	margin-top:5px;
	display:inline-block;
	float:right;
	}
#contents .markArea{
	background:url(images/bg_topMarkArea.png) no-repeat;
	height:217px;
	width:1064px;
	margin-left:-20px;
	}
#contents .markArea .marks{
	text-align:center;
	padding-top: 50px;
	}
#contents .markArea .marks li{
	display: inline-block;
	margin: 8px;
	vertical-align: middle;
	}

footer{
	}
footer .copyArea{
	color:#fff;
	text-align:center;
	margin-top:-10px;
	margin-bottom:30px;
	}
footer .copyArea a{
	color:#fff;
	text-decoration:none;
	}
footer .copyArea a:hover{
	color:#E9A5A5;
	}


.single-post div#fancy_title{
	display:none!important;
	}

.overWindow{
	display:none;
}



/* -----------------------------------------------------------------------------

page

----------------------------------------------------------------------------- */
.page .box{
	margin: 25px 0;
	}
.page .box.centerLine{
	background:url(images/line_center.png) center top repeat-y;
	width:100%;
	}
.page .box p{
	padding: 7px 0;
	}
.page .box .leftHalf{
	float:left;
	width:450px;
	margin:0 20px 0 10px;
	}
.page .box .rightHalf{
	float:left;
	width:450px;
	margin:0 10px 0 20px;
	}
.page .box .threediv_1{
	float:left;
	width:300px;
	margin:0 10px 0 10px;
	}
.page .box .threediv_2{
	float:left;
	width:615px;
	margin:0 10px 0 10px;
	}
.page .box .leftHalf img,
.page .box .rightHalf img{
	max-width:100%;
	}
.page .box .threediv_1 img,
.page .box .threediv_2 img{
	max-width:284px;
	}
.page .whiteBox{
	background-color:#ececec;
	padding:10px;
	}
.page .box .centerTit{
	display:block;
	text-align:center;
	font-weight:bold;
	margin:5px;
	}
.page .box .keyword{
	font-size: 24px;
	font-weight: normal;
	margin: 15px 5px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	}
/* 企業理念 */
.page .box .threediv_1 img.companyMem{
	border:solid 7px #fff;
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	}
/* 企業情報 */
.page .box table{
	width:100%;
	}
.page .box table th{
	font-weight:normal;
	width:100px;
	}
.page .box table th,
.page .box table td{
	padding:10px;
	}
.page .box table tr:nth-child(even){
	background-color:#ececec;
	}
.page .box table .logoArea{
	height:74px;
	vertical-align:middle;
	padding:5px 10px;
	}
/* 沿革 */
.page .box .simpleTable th{
	width:80px;
	}
.page .box .simpleTable th,
.page .box .simpleTable td{
	padding:5px;
	}
.page .box .simpleTable tr:nth-child(even){
	background-color:transparent;
	}
.page .box .whiteBox ul{
	padding:5px 10px;
	}
.page .box .whiteBox li{
	padding:5px 0;
	}
/* お問い合せ */
.page .centerBox{
	width:750px;
	margin:auto;
	}
.page .centerText{
	text-align:center;
	margin: 35px 0;
	}
.page .tel{
	font-size:24px;
	margin:0 20px;
	font-weight:bold;
	vertical-align:middle;
	}
.page .box #trust-form{
	margin-top:-20px;
	}
.page .box #message-container-confirm{
	text-align:center;
	padding: 20px 0;
	}
.page div#trust-form.contact-form table th{
	width:150px;
	}
.page .box div#trust-form table tr:nth-child(even) {
	background-color:transparent;
	}
.page div#trust-form.contact-form table tr:hover {
	background-color:transparent;
	}
.page div#trust-form.contact-form table th,
.page div#trust-form.contact-form table td{
	padding: 16px 0;
	}
.page div#trust-form.contact-form table input[type="text"]{
	width:200px;
	}
.page div#trust-form.contact-form table textarea{
	height:200px;
	width:580px;
	min-width:580px;
	resize:vertical;
	}
.page div#trust-form input[type="submit"]{
	width:184px;
	height:44px;
	/*text-indent:-9999px;*/
	border:none;
	cursor:pointer;
	background-color:#999;
	}
.page div#trust-form input[type="submit"]:hover{
	opacity:0.9;
	}
.page div#trust-form input[name="send-to-confirm"]{
	background:url(images/btn_contact_confirmation.png) no-repeat;
	}
.page div#trust-form input[name="return-to-input"]{
	background:url(images/btn_contact_back.png) no-repeat;
	margin-right: 10px;
	}
.page div#trust-form input[name="send-to-finish"]{
	background:url(images/btn_contact_send.png) no-repeat;
	}
/* 商品 */
.page #tab{
	margin:0;
	background:url(images/bg_item_tabAll.png) 0 bottom repeat-x;
	border-left:solid 1px #ECECEC;
	border-right:solid 1px #ECECEC;
	}
.page #tab li{
	width:310px;
	line-height:53px;
	float:left;
	font-size:16px;
	font-weight:bold;
	/*border:solid 1px #ECECEC;
	border-bottom:solid 0px #ECECEC;*/
	text-align:center;
	background-position:0 0;
	cursor:pointer;
	}
.page #tab li:nth-child(2){
	margin:0 14px;
	}
.page #tab li.tab_printMachine{
	background:url(images/bg_item_tab1.png) repeat-x;
	}
.page #tab li.tab_printSystem{
	background:url(images/bg_item_tab2.png) repeat-x;
	}
.page #tab li.tab_closeMedia{
	background:url(images/bg_item_tab3.png) repeat-x;
	}
.page #tab li.select{
	background-position:0 -53px;
	cursor:default;
	}
.page .whiteBox .box .leftHalf,
.page .whiteBox .box .rightHalf{
	width:420px;
	min-height: 150px;
	}
.page .tab_content{
	padding:30px;
	}
.page .tab_content.printMachine h2{
	background:#f9f9f9 url(images/blue.png) repeat-y;
	}
.page .tab_content.printSystem h2{
	background:#f9f9f9 url(images/green.png) repeat-y;
	}
.page .tab_content.closeMedia h2{
	background:#f9f9f9 url(images/red.png) repeat-y;
	}
.page .tab_content .box .leftHalf img{
	margin:10px;
	}
.page .tab_content .box h3{
	line-height:33px;
	background:url(images/gray.png) 0 12px no-repeat;
	font-size:14px;
	padding:0 15px;
	border-bottom:solid 1px #d7d7d7;
	-moz-box-shadow:0px 1px 0px #FFF;
	-webkit-box-shadow:0px 1px 0px #FFF;
	box-shadow:0px 1px 0px #FFF;
	}
.page .tab_content .box ul{
	padding:10px 30px 10px 0;
	}
.page .tab_content .box li{
	float:left;
	margin-left:15px;
	}
/* トピックスリスト */
.page .topicsList li{
	padding: 3px 0;
	}


/* --------------------------------------------------------------------

 lp

-------------------------------------------------------------------- */
body.lp.apply header .headerTop .rightArea{
	margin-top:5px;
}
body.lp.apply header .headerTop .rightArea.telnumArea{
	display:block;
	margin-right: 16px;
  padding: 6px 0;
}
body.lp.apply header .headerTop .rightArea.socialArea{
	display:none;
}
body.lp.apply footer{
  padding-bottom: 96px;
}
body.lp.apply .overWindow{
	display:block;
}
body.lp.apply .overWindow .applyArea{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:96px;
	background:rgba(0,0,0,0.64);
}
body.lp.apply .overWindow .applyArea .button{
	width:415px;
	margin:18px auto;
	background: #e7840e;
  background: -moz-linear-gradient(top,#e7840e 0%,#e8740e);
  background: -webkit-gradient(linear,left top,left bottom,from(#e7840e),to(#F4790E));
}
body.lp.apply .overWindow .applyArea .button:hover{
	background: #e7840e;
  background: -moz-linear-gradient(top,#F78D10 0%,#e8740e);
  background: -webkit-gradient(linear,left top,left bottom,from(#F78D10),to(#F4790E));
}
body.lp.apply .overWindow .applyArea .button a span{
	height:38px;
	background:url(images/text_Contact-2.png) center no-repeat;
}
/* lms */
body.lp.lms{
	background-position:center -80px;
}
body.lp.lms header{
	min-height:80px;
	background-size: contain;
}
body.lp.lms header .menuArea{
	display:none;
}
body.lp.lms #contents .page{
	background-image:url(images/lp/lms/headImage_01.png);
	background-repeat:no-repeat;
	background-size: contain;
	padding:0 18px;
	padding-top:40.3%;
	min-height:715px;
}
body.lp.lms #contents .page img{
	max-width:100%;
}
body.lp.lms #contents .page h1,
body.lp.lms #contents .page h2{
	padding:0;
	background:none;
}
body.lp.lms #contents .page .headArea{
	padding-bottom: 5px;
}
body.lp.lms #contents .page .headArea>h1,
body.lp.lms #contents .page .headArea>p{
	position:absolute;
	top:-100px;
}
body.lp.lms #contents .page .sect{
	padding-bottom:20px;
}
body.lp.lms #contents .page .sect:last-child{
	padding-bottom:0;
}
body.lp.lms #contents .page .sect>.title{
	margin:20px 0;
}
body.lp.lms #contents .page .sect>.head{
	margin:16px 0;
}
body.lp.lms #contents .page .sect>.cont{
  padding-bottom: 10px;
}
body.lp.lms #contents .page .sampleList li{
	float:left;
	width:25%;
}
body.lp.lms #contents .page .sampleList a{
	display:block;
}
body.lp.lms #contents .page .sampleList img{
	width:100%;
}
body.lp.lms #contents .page .sampleList a:hover img{
	opacity:0.8;
}
body.lp.lms #contents .page .blueBox{
	box-sizing:border-box;
	border:solid 4px #148cb5;
	-moz-border-radius: 20px;
  -webkit-border-radius:20px;
  border-radius: 20px;
	overflow:hidden;
	margin-top:20px;
}
body.lp.lms #contents .page .blueBox .blueBoxInner{
	margin:20px 0;
	padding:0 20px;
}
body.lp.lms #contents .page .fLeft,
body.lp.lms #contents .page .fRight{
	width:50%;
	padding: 0 10px;
	box-sizing:border-box;

}
body.lp.lms #contents .page .fLeft{
	float:left;}
body.lp.lms #contents .page .fRight{
	float:right;
}
body.lp.lms #contents .page .btn{
	text-align:center;
	margin:10px;
}
body.lp.lms #contents .page .btn a:hover img{
	opacity:0.8;
}



/* -----------------------------------------------------------------------------

IE対策

----------------------------------------------------------------------------- */
.ie7 .ie7_anon{display:none;!important}
.ie7 .clearfix {min-height:1%;zoom:1;}
/* 記事タイトル */
.ie7 #contents .contInner .main .topics li .titleArea h3,
.ie7 #contents .contInner .main .topics li .titleArea h3 a{
	display:inline;
	zoom:1;
	}
/* スライダー */
.ie8 header .sliderInner .metaslider .flexslider .flex-direction-nav .flex-prev,
.ie8 header .sliderInner .metaslider .flexslider .flex-direction-nav .flex-next,
.ie7 header .sliderInner .metaslider .flexslider .flex-direction-nav .flex-prev,
.ie7 header .sliderInner .metaslider .flexslider .flex-direction-nav .flex-next{
	display:none;
	}
.ie8 header .sliderInner .metaslider .flexslider:hover .flex-direction-nav .flex-prev,
.ie8 header .sliderInner .metaslider .flexslider:hover .flex-direction-nav .flex-next,
.ie7 header .sliderInner .metaslider .flexslider:hover .flex-direction-nav .flex-prev,
.ie7 header .sliderInner .metaslider .flexslider:hover .flex-direction-nav .flex-next{
	display:block;
	}
/* 会社情報 */
.ie7 .page .box table .logoArea{
	width:auto;
	}
.ie7 .page .box table th,
.ie7 .page .box table td{
	border-bottom: 1px solid #CCC;
	}
.ie7 .page .box .simpleTable th,
.ie7 .page .box .simpleTable td{
	border-bottom: 0 solid #CCC;
	}
/* 商品 */
.ie7 .page .tab_content .box li{
	white-space:nowrap;
	}


/* -----------------------------------------------------------------------------

product_list

----------------------------------------------------------------------------- */

.productBanner_wrapper{
	margin-top: 72px;
}

.topBanner_container{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.topBanner_container a:hover{
	opacity: 0.8;
}

.topBanner_image{
	width: 100%;
	height: auto;
}

.caption {
	width: 80%;
	margin: 24px auto;
}

.banner_container {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.banner_container:nth-child(n + 2){
	margin-top: 48px;
}

.banner_container a:hover{
	opacity: 0.8;
}

.banner_image{
	width: 100%;
	height: auto;
}

.banner-description{
	font-size: .8rem;
	line-height: 4;
}

.productLink_btn{
	width: 160px;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
}

.productLink_btn a {
	text-decoration: none;
}

.productLink_btn a:hover {
	opacity: 0.8;
}

.productLink_btn_text {
	font-size: .8rem;
	color: #ffffff;
}

.termLink_container {
	text-align: center;
}

/* .termLink_container a {
	margin-right: 16px;
} */

.termLink_container {
	margin-top: 48px;
}

.termLink_container a {
	display: inline-block;
}

.termLink_container a:nth-child(2) {
	margin: 0 16px;
}

.transactionActs_container td {
	margin-right: 24px;
}

.handleItem_title {
	display: none;
}

.selectorContainer {
	display: none;
}

/* ハンバーガーメニュー */

.nav_toggle {
	display: none;
	position: absolute;
	right: 24px;
	width: 1.75rem;
	height: 1.4rem;
}

.nav {
	display: none;
}

.nav_toggle i {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #333;
	position: absolute;
	transition: transform .5s, opacity .5s;
}

.nav_toggle i:nth-child(1) {
	top: 0;
}

.nav_toggle i:nth-child(2) {
	top: 0;
	bottom: 0;
	margin: auto;
}

.nav_toggle i:nth-child(3) {
	bottom: 0;
}

.nav_toggle.show i:nth-child(1) {
	transform: translateY(9px) rotate(-45deg);
}

.nav_toggle.show i:nth-child(2) {
	opacity: 0;
}

.nav_toggle.show i:nth-child(3) {
	transform: translateY(-12px) rotate(45deg);
}

.nav {
	position: absolute;
	top: 69px;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0.5s;
}

.nav_toggle.show + nav {
	opacity: 1;
	visibility: visible;
	/* background: rgba(0,0,0,.4); */
}

nav .nav_menu_ul {
	background: rgba(0, 0, 0, .7);
	z-index: 9999;
	position: relative;
	padding-top: 8px;
}

.nav_menu_ul li {
	padding: 14px;
}

.nav_menu_ul li a {
	color: #FFF;
	font-size: 1rem;
	text-decoration: none;
}

@media screen and (max-width:480px) { 
	/*　画面サイズが480pxからはここを読み込む　*/

	body {
		width: 100%;
	}

	#wrapper {
		width: 100%;
	}

	#wrapper #contents .contInner {
		padding: 0px;
	}

	#wrapper header.drawer {
		padding: 0;
		background: #821312;
		height: auto;
		overflow: visible !important;
		min-height: auto;
	}

	#wrapper header div.headerTop {
		width: 100%;
		margin: 0;
		padding: 8px 16px;
		background-color: #FFF;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		position: relative;
	}

	#wrapper header div.headerTop span{
		font-size: 9px;
	}

	#wrapper header div.headerTop img {
		width: 190px;
		height: auto;
	}

	header .sliderInner .splashImg {
		z-index: 100;
	}

	.rightArea, .menuArea, .side {
		display: none;
	}

	/* ハンバーガーメニュー */
	.nav_toggle {
		display: block;
	}

	.nav {
		display: block;
	}
	
	header .sliderArea, .sliderInner {
		width: 100%;
		height: auto;
	}

	header .sliderArea {
		padding: 	24px;
		box-sizing: border-box;
		background: none;
	}

	header .sliderInner {
		width: 100%;
		height: auto;
	}

	header .sliderInner .flexslider {
		margin: 0;
	}

	header .sliderInner .splashImg, 
	header .sliderInner .splashImg img,
	#contents .contInner,
	#contents .contInner .main {
		width: 100%;
	}

	#contents {
		background: #821312;
		padding: 10px 24px;
	}

	#wrapper #contents .contInner {
		box-sizing: border-box;
	}

	.dateAndTitle_Container {
		display: flex;
	}

	.tagArea {
		display: none;
	}

	#contents .contInner .main .topics li .articleArea #imgArea {
		width: 40%;
	}

	#contents .contInner .main .topics li .articleArea #imgArea img {
		width: 100%;
	}

	.topPage_container {
		padding: 16px;
	}

	.dateArea {
		font-size: .5rem;
	}

	.moreBtn_wrapper {
		text-align: center;
	}

	#contents .contInner .main .topics li .articleArea .moreBtn {
		float: inherit;
		width: 130px;
		height: 25px;
		font-size: 1.5rem;
	}

	#contents .markArea { 
		background: #DDDDDD;
    height: auto;
		width: auto;
		margin: 0;
		padding: 8px;
	}

	.handleItemList {
		background: #821312;
	}

	#contents .contInner .handleItemList .breadcrumbs {
		padding: 16px 0px;
	}

	#contents .contInner .handleItemList .breadcrumbs,
	#contents .contInner .handleItemList .breadcrumbs a {
		font-size: .9rem;
		color: #FFF;
	}

	.handleItem_title {
		display: block;
		background: #fff;
		position: relative;
    padding: 8px;
    margin-bottom: 16px;
	}

	.handleItem_title h1 {
		font-size: 1.2rem;
    color: #821312;
    width: auto;
    line-height: 1.5;
	}

	.title_logo {
		position: absolute;
    top: 2px;
    right: 8px;
    height: 40px;
	}
	
	.selectorContainer {
		display: block;
		position: relative;
	}

	#categorySelector {
		width: 100%;
		font-size: 20px;
		padding: 8px;
	}

	.handleItemList #tab {
		display: none;
	}

	.itemWrapper {
		background-color: #DDDDDD;
		margin-top: 16px;
	}

	.itemWrapper section.box {
		background-color: #FFF;
		padding: 16px 8px;
	}

	.page .whiteBox {
		background-color: transparent;
		padding: 16px;
	}

	.page .box {
		margin: 16px 0;
	}

	.page .whiteBox .box .leftHalf {
		width: 100%;
		margin: 0;
	}

	.page .tab_content .box .leftHalf img {
		margin: 0;
	}

	.page .whiteBox .box .rightHalf {
		width: auto;
	}

	#contents .markArea .marks {
		padding-top: 0;
	}

	.onlineShop_wrapper {
		background: #821312;
	}

	#contents .contInner .breadcrumbs {
		padding: 16px 0px;
	}

	#contents .contInner .breadcrumbs,
	#contents .contInner .breadcrumbs a {
		font-size: .9rem;
		color: #FFF;
	}

	.productBanner_wrapper {
		background: #DDD;
		padding:16px;
	}

	.topBanner_container {
		margin-top: 20px;
		width: 95%;
	}

	.caption {
		text-align: left;
	}

	.mainBanner_container {
		margin-top: 0px;
	}

	.caption {
		width: 90%;
	}

	.caption p {
    line-height: 2;
    font-size: .8rem;
	}

	.banner_container {
		margin-top: 24px;
		width: 90%;
	}

	.banner_container img {
	}

	.banner-description {
		line-height: 2;
		display: inline-block;
		text-align: left;
	}

	.companySummery_wrapper {
		background: #821312;
	}

	.companySummery_wrapper .page {
		background: #DDDDDD;
		padding: 16px;
		font-size: 13px;
	}

	.companySummery_wrapper .page h1 {
		padding: 0px 16px;
	}

	.page .box .threediv_1 {
		text-align: center;
		float: none;
		width: auto;
	}

	.page .box .threediv_1 img.companyMem {
		width: 100%;
		box-sizing: border-box;
	}

	.page .box .threediv_2 {
		width: auto;
		padding: 16px;
		line-height: 24px;
	}

	.page .box.centerLine {
		background: none;
		margin: 16px 0px 32px 0px;
	}

	.page .box .leftHalf, 
	.page .box .rightHalf {
		width: auto;
		float: none;
		padding: 0px 16px;
		margin: 0 auto;
		margin-bottom: 16px;
	}

	.page .box table {
		margin: 0 auto;
	}

	.page .box .threediv_1 {
		margin: 0px;
	}

	/* .page .box .rightHalf {
		padding: 0px;
	} */

	.page .box iframe {
		width: 100%;
	}

	footer {
		margin-top: 16px;
	}

	.lmsContainer {
		padding: 16px;	
	}

	.lmsContainer img{
		width: 100%;
		margin: 0;
		margin-top: 0;
	}

	.lmsContainer .sect .title h2 {
		line-height: 2;
	}

	.lmsContainer .sect .title img {
		width: 100%;
		vertical-align: middle;
	}

	.lmsContainer .sect .cont {
		margin: 30px 0px;
	}

	.lmsContainer .sect .firstCont {
		margin: 50px 0px 30px 0px;
	}

	.page .centerBox {
		width: 100%;
	}

	div#trust-form.contact-form table {
		width:  90%;
		border: none;
	}

	.page div#trust-form.contact-form table th {
		width: auto;
	}

	.page div#trust-form.contact-form table input[type="text"] {
		width: 100%;
		box-sizing: border-box;
	}

	.page div#trust-form.contact-form table textarea {
		width: 100%;
		min-width: inherit;
		box-sizing: border-box;
	}

	.page div#trust-form.contact-form table th {
		padding: 8px 0px;
	}

	#contents .contInner .breadcrumbs {
		background: #821312;
	}

	#contents .contInner .main .topics li .titleArea {
		width: 100%;
	}

	#contents .contInner .main .topics li .articleArea .textArea img {
		width: 100%;
		height: auto;
	}

	#contents .contInner .main .topics li .articleArea .imgArea img {
		width: 100%;
		height: auto;
	}

	#contents .contInner .main .topics li .articleArea h2 {
		margin-bottom: 16px;
	}

	.textArea iframe {
		width: 100%;
		height: auto;
	}

	.textArea a {
		word-break: break-all;
	}

	.captionArea {
		display: flex;
	}
}