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

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

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

*{
	margin:0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	padding:0;
	border:0;
	text-decoration:none
}

a,body,input,select,textarea{
	font-family:メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;
	color:#333;
	line-height:1.5em;
}

body,html{
	width:100%;
}

body{
	height:100%;
	background-image:url(./img/main_bg.png);
}

a{
	color:#0462a7;
}

/*記事内の画像*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em !important;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em !important;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

table.aligncenter{
	display:table;
}

/* 動画ファイル */
.video video {
	display:block;
	max-width:100%;
	margin:0 auto;
}

/*記入漏れ*/
.wpcf7-not-valid-tip-no-ajax{
	color:#C30;
	margin-left:5px;
	text-decoration:underline;
}

.wpcf7-not-valid-tip{
	color:#f10;
}

.wpcf7-validation-errors{
	text-align:center;
	color:#f10;
}

/* header */
#header_wrap{
	min-width:1200px;
	background: #054c83;
	background: -moz-linear-gradient(top, #054c83 0%, #054c83 44%, #2989d8 82%, #7db9e8 100%);
	background: -webkit-linear-gradient(top, #054c83 0%,#054c83 44%,#2989d8 82%,#7db9e8 100%);
	background: linear-gradient(to bottom, #054c83 0%,#054c83 44%,#2989d8 82%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054c83', endColorstr='#7db9e8',GradientType=0 );
}

#header{
	width:1200px;
	margin:0 auto 1em;
	padding:1em 1em 0;
	overflow:hidden;
	box-sizing:border-box;
}

#header #title{
	float:left;
	width:45%;
}

#header #title h1 a{
	display:inline-block;
	color:#fff;
	width:350px;
	height:50px;
	text-indent:-9999px;
	background-image:url(./img/title.png);
	background-repeat:no-repeat;
	background-size:350px;
}

#header #title h2{
	margin-bottom:0.5em;
	color:#fff;
	font-size:80%;
	font-weight:normal;
}

#header #produced{
	float:left;
	width:10%;
	color:#fff;
	font-size:90%;
	box-sizing:border-box;
}

#header #produced p{
	text-align:center;

}

#header #head_menu{
	float:left;
	width:45%;
	padding:0 1em;
	box-sizing:border-box;
}


#header #head_menu ul{
	float:right;
	overflow:hidden;
}

#header #head_menu li{
	/*float:left;*/
	float:right;
}

#header #head_menu li a{
	display:block;
	margin-left:1em;
	color:#fff;
	text-decoration:underline;
	font-size:90%;
}

#header #head_menu li a:hover{
	text-decoration:none;
}

#header #head_menu ul:first-of-type{
	float:none;
	margin-bottom:0.5em;
}

#header #head_menu ul:first-of-type li{
	width:50%;
	/*width:80%;*/
}

#header #head_menu ul:first-of-type li a{
	position:relative;
	width:95%;
	/*width:100%;*/
	padding:0.5em;
	margin:0 auto;
	color:#333;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background-color:#ff9800;
background: -moz-linear-gradient(top, #ffd8a3 0%, #ffd8a3 13%, #ff9800 37%, #ff9800 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffd8a3 0%,#ffd8a3 13%,#ff9800 37%,#ff9800 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffd8a3 0%,#ffd8a3 13%,#ff9800 37%,#ff9800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd8a3', endColorstr='#ff9800',GradientType=0 ); /* IE6-9 */
	box-sizing:border-box;
	transition:.2s;	
}

#header #head_menu ul:first-of-type li a:before{
	display:block;
	position:absolute;
	content:'';
	margin:auto;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0);
	top:0;
	left:0;
}

#header #head_menu ul:first-of-type li a:hover:before{
	background:rgba(255,255,255,0.5);
	transition:.2s;	
}


/* main menu */
#main_menu{
	clear:both;
	border-top:1px solid #fff;
	background: #054c83;
	background: -moz-linear-gradient(top, #054c83 0%, #054c83 44%, #2989d8 82%, #7db9e8 100%);
	background: -webkit-linear-gradient(top, #054c83 0%,#054c83 44%,#2989d8 82%,#7db9e8 100%);
	background: linear-gradient(to bottom, #054c83 0%,#054c83 44%,#2989d8 82%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054c83', endColorstr='#7db9e8',GradientType=0 );
}

#main_menu ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin:0 auto;
	width:1201px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#main_menu li{
	display:inline-block;
	position: relative;
	vertical-align: middle;
	width:calc(100% / 7);
}

#main_menu li a{
	display:table;
	position: relative;
	width:100%;
	height:100%;
	padding:1em 0;
	color:#fff;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	box-sizing:border-box;
}

#main_menu li a span {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	transition:.2s;
}

#main_menu .current-menu-item,
#main_menu li a:hover{
	background: #4687ba;
	background: -moz-linear-gradient(top, #4687ba 0%, #207cca 49%, #2989d8 70%, #9ec6e5 100%);
	background: -webkit-linear-gradient(top, #4687ba 0%,#207cca 49%,#2989d8 70%,#9ec6e5 100%);
	background: linear-gradient(to bottom, #4687ba 0%,#207cca 49%,#2989d8 70%,#9ec6e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4687ba', endColorstr='#9ec6e5',GradientType=0 );
	transition:.2s;
}

/* main image */


#main_image_wrap{
	width:100%;
	min-width:1200px;
	overflow:hidden;
}

#main_image{
	clear:both;
	height:400px;
	visibility:hidden;
	padding-bottom:50px;
	margin:0 auto;
	max-width:1200px;
	opacity:0;
	transition:.2s;
}

#main_image .bx-wrapper{
	margin:auto;
	border:0;
}

#main_image .bx-wrapper .bx-viewport{
	box-shadow:none;
	overflow: visible !important;
}

#slide_msg{
	display:none;
}

#main_image .bx-wrapper .bx-pager.bx-default-pager a:hover,#main_image .bx-wrapper .bx-pager.bx-default-pager a.active,#main_image .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background-color:#054c83;
}

div.bx-viewport:before{
	display:block;
	position:absolute;
	content:'';
	margin:auto;
	width:100%;
	height:100%;
	top:0;
	left:-1200px;
	background:rgba(0,0,0,0.3);
	z-index:10;
}

div.bx-viewport:after{
	display:block;
	position:absolute;
	content:'';
	margin:auto;
	width:100%;
	height:100%;
	top:0;
	right:-1200px;
	background:rgba(0,0,0,0.3);
}

/* main */

#main{
	clear:both;
	margin:0 auto 3em;
	width:1200px;
	font-size:15px;
	letter-spacing:0.02em;
	line-height:1.5;
	box-sizing:border-box;
	overflow:hidden;
}

#main #cont {
	float:right;
	width:900px;
	}


#main img{
	max-width:100%;
}

#main a img:hover{
	opacity:0.7;
	transition:.2s;
}

/* top cont */

#main #cont .update h4 {
    clear: both;
    padding: 0.5em 0;
    color: #054c83;
    font-size: 130%;
    /* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
    line-height: 1.5em;
}

.update{
	float:left;
	padding-top:0;
}

.update th,
.update td{
	text-align:left;
	padding:.5em 0;
}

.update th {
	white-space:nowrap;
}

.update th span{
	margin:0 10px;
	padding:2px 5px;
	color:#fff;
	font-size:80%;
	font-weight:normal;
	background:#666;
	border-radius:5px;
}

.update td a{
	text-decoration:underline;
}

.update td a:hover{
	text-decoration:none;
}

.top_box_single.intro{
	margin-bottom:0;
}

.intro p{
	width:80%;
	margin:0 auto;
}

.top_box_single .btn{
	margin-bottom:0;
}

.top_box_single .btn a{
	float:left;
	display:block;
	margin-left:1em;
	padding:0.5em 1.5em;
	color:#fff;
	text-align:center;
	background-color:#054c83;
/*	background-image:url(./img/btn_bg.png);
	background-size:70%;
	background-position:bottom;*/
	transition:.2s;
}

.btn a:hover{
	background-color:#4687ba;
	transition:.2s;
}

.top_box_single{
	clear:both;
	width:100%;
	margin-bottom:1em;
	padding:1em;
	overflow:hidden;
/*	background-image:url(./img/box_bg_single.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:150px;*/
	border-bottom: 3px dotted #ccc;
	box-sizing:border-box;
	overflow:hidden;
}

.top_box_single p{
	margin-bottom:1em;
}

.top_box_single > h3{
	float:left;
	font-size:170%;
	line-height:1.7em;
	text-shadow:1px 1px #fff,-1px 1px #fff,1px -1px #fff,-1px -1px #fff;
}

.top_box_single ul{
	clear:both;
	padding:1em 0;
	overflow:hidden;
}

.top_box_single ul .btn{
	float:left;
	width:calc( 92% / 4);
	margin:1%;
	overflow:hidden;
}

.top_box_single ul .btn a{
	float:none;
	margin:0;
	color:#fff;
	font-weight:bold;
	font-size:120%;
	letter-spacing: .2em;
	background-color:#ff9800;
}

.top_box_single ul .btn a:hover{
	background-color:#ffc107;
}


.top_box_three{
	clear:both;
	margin-bottom:1em;
	overflow:hidden;
    border-bottom: 3px dotted #ccc;
}


.top_box_three > div{
	float:left;
	position:relative;
	width:calc( 93% / 3);
	margin:1%;
	padding:1em;
	box-sizing:border-box;
	overflow:hidden;
background-color:#fff;
box-shadow: 2px 2px 3px #ccc;
    border: 1px solid #ddd;
	transition:.2s;
}

.top_box_single > .top_box_three{
	clear:both;
	margin-bottom:1em;
	overflow:hidden;
    border-bottom:0;}


.top_box_single > .top_box_three >div{
	float:left;
	width:calc( 93% / 3);
	margin:1%;
	padding:1em;
/*	background-color:#f5f5f5;
	background-image:url(./img/box_bg.png);
	background-position:right bottom;
	background-size:500px;*/
	box-shadow:2px 2px 3px #ccc;
	border:1px solid #ddd;
	box-sizing:border-box;
	transition:.2s;
}

.top_box_single > .top_box_three > div .textwidget{
	font-size:80%;
}

.top_box_three div h3{
	padding:0.5em 0;
	color:#054c83;
	font-size:130%;
/*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
	line-height:1.5em;
}

.top_box_three div h4{
	padding:0 0.5em;
	margin-bottom:1em;
	border-bottom:1px solid #aaa;
}

/* news */
#news{
	float:left;
	width:70%;
}

#news h3{
	font-size:150%;
	padding:.5em 1em;
}

#news div{
	position:relative;
	margin-bottom:1em;
	padding:1em;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
}

#news .news_img{
	max-width:189px;
}

#news .news_img img{
	float:left;
	padding-right:1em;
}

#news .btn{
	margin-bottom:0;
}

#news .btn a{
	display:block;
	position:absolute;
	margin:1em;
	padding:0.5em 1.5em;
	color:#fff;
	text-align:center;
	background-color:#054c83;
	transition:.2s;
	bottom:0;
	right:0;
}

#news .btn a:hover{
	background-color:#4687ba;
	transition:.2s;
}

.news_info{
	margin-bottom:0.5em;
	border-bottom:1px dotted #ccc;
}

#news span{
	font-weight:bold;
}

#news .column{
	color:#c28222;
}

#news .product{
	color:#054c83;
}

#news h4{
	font-size:130%;
	line-height:1.3em;
}

/* top side */
#bn{
	float:right;
	width:30%;
	padding:1em;
	box-sizing:border-box;
}

#bn p{
	margin-bottom:.5em;
}

#bn img{
	vertical-align: middle;
	max-width:100%;
}

/* contact box */
#contact{
	clear:both;
	background-color:#fff;
	border:1px solid #ccc;
}

#contact h4{
	padding:1em;
	color:#fff;
	text-align:center;
	font-size:130%;
	font-weight:bold;
	background-color:#ff9800;
}

#contact ul{
	padding:1em;
	overflow:hidden;
}

#contact li{
	float:left;
	width:50%;
}

#contact li a{
	display:block;
	width:90%;
	margin:0 auto 1em;
	padding:1em;
	color:#cd0e00;
	text-align:center;
	font-size:120%;
	font-weight:bold;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 33%, #ededed 53%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 33%,#ededed 53%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 33%,#ededed 53%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border:2px solid #ccc;
box-sizing:border-box;
	border-radius:15px;
	box-shadow: 2px 2px 1px #aaa;
	transition:.2s;
}

#contact li a:hover{
	opacity:0.5;
	transition:.2s;
}

#contact #tel{
	padding:6px 10px 0 60px;
	font-size:80%;
	box-sizing:border-box;
}

#contact #tel span{
	margin-left:3em;
	color:#cd0e00;
	font-size:250%;
}

/* recomend */
#recomend_wrap{
	background-image:url(/cms/wp-content/uploads/2018/05/h2_tokucho.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}

#recomend{
	background-color:rgba(0,0,0,.5);
	overflow:hidden;
}

#recomend ul{
	width:1200px;
	margin:1em auto 1em;
	padding:1em 1em 0;
	background-color:rgba(0,0,0,.5);
	box-sizing:border-box;
	overflow:hidden;
}

#recomend ul li{
	float:left;
	margin-bottom:1em;
	width:calc(100% /3);
}

#recomend ul li a{
	display:table;
	position:relative;
	margin:2%;
	padding:1em;
	width:96%;
	font-weight:bold;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 33%, #ededed 53%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 33%,#ededed 53%,#ededed 100%); /* 	Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 33%,#ededed 53%,#ededed 100%); /* W3C, IE10+, 	FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', 	endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	box-sizing:border-box;
}

#recomend ul li a span{
	display:table-cell;
	vertical-align;
}

#recomend ul li a:after{
	display:block;
	position:absolute;
	content:'\25B6';
	margin:auto;
	right:1em;
	top:28%;
}

/* footer */
#foot_wrap{
	clear:both;
	min-width:1200px;
	background-color:#054c83;
}

#footer{
	width: 1200px;
	margin:auto;
	padding-top:1em;
	font-size:15px;
	box-sizing: border-box;
	overflow: hidden;
}

#footer #site_map > ul{
	font-size:90%;
	overflow:hidden;
}

#footer #site_map > ul > li{
	float:left;
	width:calc( 100% / 3 );
	margin-bottom:1em;
}

#footer #site_map > ul > li:nth-child(3n+1){
	clear:both;
}

#footer #site_map > ul > li > a{
	display:block;
	margin-right:1em;
	padding:0.5em;
	border-bottom:1px solid #fff;
}

#footer #site_map > ul > li > a:hover{
	font-weight:bold;
}

#footer #site_map ul ul{
	margin-right:1em;
	padding-left:2em;
}

#footer #site_map ul ul li{
	font-size:90%;
	padding:0.5em;
}

#footer #site_map ul ul li a:hover{
	text-decoration:underline;
}

#footer #site_map ul a{
	color:#fff;
}

#foot_address{
	float:right;
	padding:3em;
}

#foot_address h1,
#foot_address p{
	color:#fff;
}

#foot_address a{
	color:#fff;
	text-decoration:underline;
}

#foot_address a:hover{
	text-decoration:none;
}

#copyright{
	min-width:1200px;
	background-color:#054c83;
}

#copyright span{
	display:block;
	width:1200px;
	margin:auto;
	padding:.5em;
	color:#fff;
	text-align:center;
	font-size:90%;
}

/* page top */

  .pageTopBtn a {
    display: block;
    padding:15px 15px 5px;
    color:#fff;
    font-weight:bold;
    background-size: 40px auto;
    background-position:center;
    white-space: nowrap;
    overflow: hidden;
    }
/*    .pageTopBtn:hover {
      background: rgb(4, 98, 167);
      }*/
  .pageTopBtn {
    display: none;
    position: fixed;
    bottom: 30px;
    bottom:0;
    right: 40px;
    margin-bottom: 0;
    border-radius: 15px 15px 0 0;
    background: rgba( 5, 76, 131, 0.6);
    box-shadow:1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff;
    cursor:pointer;
    z-index:50;
    transition:.2s;
}

  .pageTopBtn:hover {
    background: rgba( 5, 76, 131, 1);
    transition:.2s;
}


.top_box_three a.full{
	display:block;
	position:absolute;
	margin:auto;
	width:100%;
	height:100%;
	text-indent:-999px;
	top:0;
	left:0;
}

.top_box_three a.full:hover{
	background:rgba(255,255,255,0.5);
	transition:.2s;
}


/* page */

#p_list p{
	margin-bottom:.5em;
	text-align:right;
}

#page_title{
	display:table;
	margin-bottom:.5em;
	position:relative;
	width:100%;
	min-width:1200px;
	min-height:200px;
	text-align: center;
	background-repeat:no-repeat;
	background-position:center center;
}

#page_title span{
	display:table-cell;
	position:relative;
	vertical-align: middle;
	margin:auto;
	padding:1em;
	color:#c28222;
	font-size:150%;
	line-height:1.5;
	text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff;
	background-color:rgba(255,255,255,0.5);
}


#page #main #cont h3{
	clear:both;
	float:none;
	margin-bottom:1em;
	padding:.5em;
}

#page #main #cont h4{
	clear:both;
	padding: 0.5em 0;
	color: #054c83;
	font-size: 130%;
/*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
	line-height: 1.5em;
}

#page #main #cont h5{
	clear:both;
	padding: 0 0.5em;
	margin-bottom: 1em;
	font-size:100%;
	border-bottom: 1px solid #aaa;
}

#page #main #cont h6 {
	position: relative;
	padding: 4px;
	margin-left: 1em;
	margin-bottom: 8px;
	font-size: 100%;
}

#page #main #cont h6:before {
	display: block;
	position: absolute;
	content: '\25B6';
	margin: auto;
	color: #054c83;
	top: 3px;
 	bottom: 0;
	left: -15px;
}

#page #main #cont img{
	max-width:100%;
	height:auto;
	margin:.5em;
}

#page #main #cont a{
	text-decoration:underline;
}

#page #main #cont a:hover{
	text-decoration:none;
}

#page #main #cont hr{
	clear:both;
	border-bottom: 3px dotted #ccc;
	margin-bottom:1em;
}

#page #main #cont p.uncer{
	float: left;
	display:table;
	width: calc(90% / 4);
	margin-left:2%;
	margin-bottom: 1em;
	overflow:hidden;
}

#page #main #cont p.uncer a{
	float:left;
	display:block;
	margin-left:1em;
	padding:0.5em 1.5em;
	color:#fff;
	text-align:center;
	background-color:#054c83;
	background-image:url(./img/btn_bg.png);
	background-size:70%;
	background-position:bottom;
	transition:.2s;
	float:none;
	display:table-cell;
	vertical-align:middle;
	padding:0.5em 1em;
	width:98%;
	height:60px;
	text-decoration:none;
	box-sizing:border-box;
}

#page #main #cont p.uncer a:hover{
	opacity:0.5;
}

#page #main #cont blockquote{
	margin-bottom:1em;
	padding:2em;
	background-color:#eee;
	border-radius:5px;
}

#page #main #cont blockquote p{
	margin-bottom:0;
}

#page #main #cont table{
	max-width:100%;
	margin: 1%;
	padding: 1em ;
/*	background-image: url(./img/box_bg.png);
	background-position: right bottom;
	background-size: 500px;*/
	box-shadow: 2px 2px 3px #ccc;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

#page #main #cont table th{
	padding:1em;
	border:1px solid #ccc;
	box-shadow:1px 1px 1px #ccc;
    margin-right: 1px;
    margin-bottom: 1px;
	word-break: keep-all;
}

#page #main #cont table td{
	padding:1em;
	border-bottom:1px dotted #ccc;
	table-layout:fixed;
}


#page #main #cont table img{
	max-width:100%;
	width: expression(this.width >= this.height ? "100%" : "auto");
}

#page #main #cont table td p:last-child{
	margin-bottom:0;
}

#page #main #cont ul{
	margin-bottom:.5em;
	margin-left:1em;
	overflow:hidden;
}

#page #main #cont ul li{
	position:relative;
	margin-bottom:.5em;
	padding-left:2.5em;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

#page #main #cont ul li:before{
	display:block;
	position:absolute;
	content:'>';
	padding:0 5px;
	color:#fff;
	font-size:80%;
	background-color:#054c83;
	border-radius:5px;
	left:.5em
}

#page #main #cont ul li p:last-child,
#page #main #cont ul ul{
	margin-bottom:0;
}

#page #main #cont ol{
	margin-left:20px;	
	margin-bottom:.5em;
}

#page #main #cont ol li{
	position: relative;
	padding: .5em 0 .5em 2em;
    border-bottom: 1px dotted #ccc;
    counter-increment: olNum1;
}

#page #main #cont ol li:before{
    position: absolute;
    top: .8em;
    left: 0;
    content: counter(olNum1);
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #054c83;
    border-radius: 25px;
    color: #fff;
    font-size: 80%;
    text-align: center;
    box-shadow:2px 2px 1px #ccc;
}

#page #main #cont ol li:nth-child(2n):before{
	background-color: #c28222;
}

#page #main #cont ol li li{
    counter-increment: olNum2;
}

#page #main #cont ol li li:before{
    content: counter(olNum2);
}

#page #main #cont ol li li li{
    counter-increment: olNum3;
}

#page #main #cont ol li li li:before{
    content: counter(olNum3);
}

#page #main #cont ul ol li:after{
	display:none;	
}

#page #main #cont dl{
	margin:0 0 30px 40px;
}

#page #main #cont dl dt{
	position:relative;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}

#page #main #cont dl dt:after{
	display: block;
    content: '';
    position: absolute;
    top: 1.1em;
    left: -1em;
    width: 5px;
    height: 5px;
    background-color: #054c83;
    border: 1px solid #0462a7;
    border-radius: 100%;
}

#page #main #cont dl dd{
	margin:8px;
	padding:10px;
	background-color:#eee;
}

#page #main #cont .gallery dl{
	display:table;
	margin:0;
}

#page #main #cont .gallery dl dt{
	display:table-cell;
	vertical-align:middle;
	border-bottom:0;
}

#page #main #cont .gallery dl dt img{
	border:0 !important;
}

#page #main #cont .gallery dl dt:after{
	display:none;
}


#page #main #cont form input[type=text],
#page #main #cont form input[type=password],
#page #main #cont form input[type=tel],
#page #main #cont form input[type=email],
#page #main #cont form textarea,
#page #main #cont form select{
	padding:8px;
	max-width:100%;
	border:1px solid #ccc;
	border-radius:10px;
	box-sizing:border-box;
}

#page #main #cont form textarea{
	margin:0;
	width:100%;
}

#page #main #cont form legend{
	display:block;
	clear:both;
	position:relative;
	margin-bottom:30px;
	padding:20px 100px 10px 50px;
	width:100%;
	color:#fff;
	font-size:130%;
	text-shadow:1px 1px 1px #aaa,1px -1px 1px #aaa,-1px 1px 1px #aaa,-1px -1px 1px #aaa;
background: #73c2d0; /* Old browsers */
background: -moz-linear-gradient(left, #73c2d0 0%, #d9feff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #73c2d0 0%,#d9feff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #73c2d0 0%,#d9feff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73c2d0', endColorstr='#d9feff',GradientType=1 ); /* IE6-9 */
	background-size: 100% 1.3em;
	background-position:0% 100%;
	background-repeat: no-repeat;
	z-index:2;
	box-sizing:border-box;
}

#page #main #cont form legend:before{
	display:block;
	position:absolute;
	content:'';
	width:100%;
	height:50px;
	bottom:0;
	left:0;
	background-image:url(img/h3-bg.png);
	background-repeat:no-repeat;
	background-position:3px 50%;

	z-index:1;
}

#page #main #cont form legend:after{
	display:block;
	position:absolute;
	content:'';
	width:100%;
	height:50px;
	bottom:0;
	left:0;
	background-image:url(img/h3-after.png);
	background-repeat:no-repeat;
	background-position:99% 50%;

	z-index:1;
}

#page #main #cont form table{
	width:100%;
	background-size:initial;
}

#page #main #cont form label{
	display:block;
	margin:0 0 30px;
	cursor:pointer;
}

#page #main #cont form input[type=checkbox],
#page #main #cont form input[type=radio]{
	margin:0 0.5em;
	vertical-align:middle;
}

#page #main #cont form input[type=file],
#page #main #cont form input[type=image]{
	margin:0 0 1em;
	padding:8px;
	border:1px solid #ccc;
}

#page #main #cont form input[type=submit],
#page #main #cont form input[type=reset],
#page #main #cont form input[type=button],
#page #main #cont form button{
	display:block;
	margin:10px auto 30px;
	padding:8px 60px;
	color:#fff;
	background: #054c83; /* Old browsers */
	background: -moz-linear-gradient(top, #054c83 0%, #00a2e4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #054c83 0%,#00a2e4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #054c83 0%,#00a2e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054c83', endColorstr='#00a2e4',GradientType=0 ); /* IE6-9 */
	border-radius:5px;
	cursor:pointer;
	transition:.2s;
}

#page #main #cont form input[type=submit]:hover,
#page #main #cont form input[type=reset]:hover,
#page #main #cont form input[type=button]:hover{
	opacity:0.6;
	transition:.2s;
}

#page #main #cont form input[type=submit]:disabled,
#page #main #cont form input[type=reset]:disabled,
#page #main #cont form input[type=button]:disabled{
	background:#ccc;
	cursor:default;
	transition:.2s;
}

#page #main form span.red{
	color:#f10;
	font-size:90%;
}

#page #main #cont .read_box div {
	min-height:300px;
}

#page #main #cont .read_box div h5 + p{
	position:relative;
	min-height:150px;
	overflow:hidden;
}

#page #main #cont .read_box div h5 + p img{
	position:absolute;
	margin:auto;
	max-width:inherit;
	height:150px;
	left:50%;
	right:0;
	transform: translateX(-50%);	
}

#next{
	floar:left;
}

#prev{
	float:right;
}


/* taxonomy */
#page #main #cont .productcat{
	padding-top:2em;
	padding-left:65px;
	margin-bottom:0;
	background-image:url(./img/product_h3_icon.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#page #main #cont .productcat span{
	color:#c28222;
}

/*
#page #main #cont .productbox div{
	padding:.5em;
	background:none;
	border:3px solid #054c83;
}

#page #main #cont .productbox div h5{
	padding:.5em;
	color:#fff;
	background-color:#aaa;
	border-bottom:none;
}

#page #main #cont .productbox img{
	float:left;
	max-width:40%;
}
*/

#page #main #cont #product_main_image{
	float:left;
	width:70%;
}
#page #main #cont .product_sub_image{
	float:left;
	margin-left:2%;
	width:21%;
	
}

#page #main #cont .askproduct span{
	margin-bottom:.5em;
	font-weight:bold;
}

#page #main #cont .thanks{
	padding:2em;
	color:#600700;
	font-weight:bold;
	background-color:#ffdaa2;
	border:3px solid #ff9800;
	border-radius:25px;
}

/* columnlist */
#page #main #cont .columnlist{
	float: left;
	width: calc( 96% / 3);
	margin-left: 1%;
	margin-bottom: 1em;
	background-image: url(./img/box_bg.png);
	background-position: right bottom;
	background-size: 500px;
	box-shadow: 2px 2px 3px #ccc;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

#page #main #cont .columnlist .list_header{
	background-color:#333;
	box-sizing:border-box;
}

#page #main #cont .columnlist .list_header h5{
	padding:.5em .5em 0;
	margin-bottom:0;
	color:#f10;
	border-bottom:0;
}

#page #main #cont .columnlist h4{
	display:table;
	padding: 0 .5em;
	width:100%;
	min-height:60px;
	color:#fff;
	font-size:100%;
	box-sizing:border-box;
}

#page #main #cont .columnlist h4>span{
	display:table-cell;
	vertical-align:middle;
}

#page #main #cont .columnlist p{
	position: relative;
	margin-bottom:0;
	min-height: 150px;
	overflow: hidden;
}

#page #main #cont .columnlist img{
	position: absolute;
	margin: auto;
	width:100% !important;
	max-width: inherit;
	height: auto;
	top: 50%;
	right: 0;
	transform: translatey(-50%);
}

#page #main #cont .columnlist ul{
	margin-left:0;
	padding:1em 1em 1em 0;
	box-sizing:border-box;
}

#page #main #cont .columnlist ul li{
	padding-left:.5em;
}

#page #main #cont .columnlist ul li:before{
	display:none;
}

/* keyword search */

#page #main #cont #keyword{
	padding:2em;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 33%, #ededed 53%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 33%,#ededed 53%,#ededed 100%); /* 	Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 33%,#ededed 53%,#ededed 100%); /* W3C, IE10+, 	FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', 	endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	border:1px solid #ccc;
}

#page #main #cont #keyword p{
	font-weight:bold;
	margin-bottom:0;
}

#page #main #cont #keyword form input[type=submit]{
	display:inline-block;
	margin:0px 10px 0px;
}

/* side menu */
#sidecont{
	width:280px;
}

p.side_contact{
position:relative;
padding:1em 2em 1em .5em;
margin-bottom:.5em;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 33%, #ededed 53%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 33%,#ededed 53%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 33%,#ededed 53%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border:2px solid #ccc;
box-sizing:border-box;
}

p.side_contact:first-line{
font-size:180%;
}

p.side_contact span{
	display:inline-block;
	padding:2px 10px;
	color:#fff;
	font-size:80%;
	background-color:#ff9800;
	border-radius:25px;
}

p.side_contact a{
	display:block;
	position:absolute;
	margin:auto;
	width:100%;
	height:100%;
	top:0;
	left:0;
	transition:.2s;
}

#sidecont > p a:hover{
	background-color:rgba(255,255,255,0.5);
	transition:.2s;
}


p.side_contact a{
	display:block;
	position:absolute;
	margin:auto;
	width:100%;
	height:100%;
	top:0;
	left:0;
	transition:.2s;
}

#sidecont > p a:hover{
	background-color:rgba(255,255,255,0.5);
	transition:.2s;
}

p.side_contact a{
	background-image:url(./img/q.gif);
	background-repeat:no-repeat;
	background-position:200px center;
}


/*======================

#sidemenu{
	padding:.5em;
}

#sidemenu h5{
	margin-bottom:.5em;
	padding:.5em;
	font-size:100%;
	border-left:5px solid #054c83;
	border-bottom:1px solid #054c83;
	box-sizing:border-box;
}

#sidemenu ul{
	margin-bottom:.5em;
	margin-left:1em;
	overflow:hidden;
}

#sidemenu ul li{
	position:relative;
	margin-bottom:.5em;
	padding-left:2.5em;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

#sidemenu ul li:before{
	display:block;
	position:absolute;
	content:'>';
	padding:0 5px;
	color:#fff;
	font-size:80%;
	background-color:#054c83;
	border-radius:5px;
	left:.5em
}

#sidemenu ul li a{
	text-decoration:underline;
}

#sidemenu ul li a:hover{
	text-decoration:none;
}

#sidemenu h5{
	padding-left:40px;
	background-repeat:no-repeat;
	background-position:5px center;
}

#sidemenu .cat1{
	background-image:url(./img/sub_icon1.png);
}

#sidemenu .cat2{
	background-image:url(./img/sub_icon2.png);
}

#sidemenu .cat3{
	background-image:url(./img/sub_icon3.png);
}

#sidemenu .cat4{
	background-image:url(./img/sub_icon4.png);
}

#sidemenu .cat5{
	background-image:url(./img/sub_icon5.png);
}

#sidemenu .cat6{
	background-image:url(./img/sub_icon6.png);
}

=============================*/

#sidemenu{
	padding:.5em;
}

#sidemenu > ul > li.cat-item{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom:.5em;
	border-left: 5px solid #054c83;
	border-bottom: 1px solid #054c83;

}

#sidemenu > ul > li.cat-item > a{
	display:inline-block;
	margin-bottom:.5em;
	font-weight:bold;
	padding:.5em .5em .5em 40px;
	background-repeat:no-repeat;
	background-position:5px center;
	box-sizing:border-box;
}

#sidemenu ul ul{
	margin-bottom:.5em;
	margin-left:1em;
	overflow:hidden;
}

#sidemenu ul ul li{
	position:relative;
	margin-bottom:.5em;
	padding-left:2.5em;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

#sidemenu ul ul li:before{
	display:block;
	position:absolute;
	content:'>';
	padding:0 5px;
	color:#fff;
	font-size:80%;
	background-color:#054c83;
	border-radius:5px;
	left:.5em
}

#sidemenu ul li a{
	text-decoration:underline;
}

#sidemenu ul li a:hover{
	text-decoration:none;
}

#sidemenu .cat1,
#sidemenu .cat-item-8 > a{
	background-image:url(./img/sub_icon1.png);
}

#sidemenu .cat2,
#sidemenu .cat-item-16 > a{
	background-image:url(./img/sub_icon2.png);
}

#sidemenu .cat3,
#sidemenu .cat-item-24 > a{
	background-image:url(./img/sub_icon3.png);
}

#sidemenu .cat4,
#sidemenu .cat-item-35 > a{
	background-image:url(./img/sub_icon4.png);
}

#sidemenu .cat5,
#sidemenu .cat-item-45 > a{
	background-image:url(./img/sub_icon5.png);
}

#sidemenu .cat6,
#sidemenu .cat-item-53 > a{
	background-image:url(./img/sub_icon6.png);
}



.children{
	display:none;
}

.opensub{
	display:inline-block;
	margin: 0 0 .5em auto;
	color: #0462a7;
	font-size:90%;
	cursor:pointer;
}

.opensub:before{
	content:'＋';
	font-size:110%;
	font-weight:bold;
}

.opensub.open:before{
	content:'－';
}

.opensub:hover{
	text-decoration:none;
}

#page .defnone{
	display:none;
}

#page .productlist{
	display:flex;
	flex-wrap:wrap;
}

.productlist_box{
width: calc( 93% / 3);
    margin: 1%;
    padding: 1em;
    box-shadow: 2px 2px 3px #ccc;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

#page .top_box_single .btn.catopen{
    text-align: center;
}

#page .top_box_single .btn a{
	float:none;
	display:inline-block;
	margin:0;
}

#page .top_box_single .btn.catopen a:before{
	content:"さらに表示"
}

#page .top_box_single .btn.catopen a.open:before{
	content:"閉じる"
}


#page .productlist_box .btn{
	float:none !important;
	text-align:center;
}


#page .top_box_three.productbox{
    display: flex;
    flex-wrap: wrap;
}

#page .top_box_single .productbox >div:not('.productbox_wrap'){
float: none;
	display:flex;
	flex-direction:column;
	align-items:center;
	height:auto !important;
}

#page .top_box_single > .top_box_three div{
	height:auto !important;
}

#sp_menu{
	display:none;
}


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


/* header */
#header_wrap{
	min-width:100%;
}

#header{
	width:100%;
	padding:1% 1% 0;
	margin:0;
}

#header #title{
	float:none;
	width:100%;
	margin-bottom:1em;
}

#header #title h1{
	font-size:10vw;
	text-align:center;
}

#header #title h1 a{
	text-indent:-9999px;
	width:98%;
	background-image:url(./img/title_sp.png);
	background-size:contain;
}

#header #produced{
	float:none;
	display:none;
}

#header #head_menu{
	float:none;
	width:100%;
	padding:0 1em;
	box-sizing:border-box;
}


#header #head_menu ul{
	display:none;
}

#header #head_menu ul:first-of-type{
	display:block;
}

#header #head_menu ul:first-of-type li{
	width:100%;
}

#header #head_menu ul:first-of-type li a{
	font-size:3vw;
}


/* main menu */
#main_menu{
	display:none;
}

#sp_menu{
	display:block;
}

/*-- sp_menu --*/
#sp_menu{
	display:block;
	width:100%;
	z-index:20;
	transition:.2s;
}

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

{
  .js .nav-collapse {
    position: relative;
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 50%;
}

.nav-collapse li:nth-child(2n+1) {
	clear:both;
}
{
  .nav-collapse li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

.nav-collapse a {
  color: #333;
  text-decoration: none;
  font-size:90%;
  width: 100%;
  border-top: 1px solid #ccc;
  padding: 0.5em ;
  float: left;
    box-sizing:border-box;
}

{
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;

  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

{
  .nav-collapse ul ul a {
    display: none;
  }
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-top: 1px solid #fff;
  cursor: pointer;
  width: 100%;
  color:#fff;
  overflow: hidden;
  text-align:center;
  text-decoration:none;
  background:#054c83;
  font-weight:bold;
  padding:8px 0;
  display:block;
  margin:0 auto;
  cursor: pointer;
}

#nav-collapse {
	  background: #fff;
	border-bottom:1px solid #ccc;
}

/* main image */

#main_image_wrap{
	width:100%;
	min-width:100%;
	overflow:hidden;
}

#main_image{
	padding-bottom:0;
	min-width:100%;
	margin:0 auto 1em;
}

#main_image .bx-wrapper .bx-pager{
	display:none;
}

.bx-controls-direction{
	display:none;
}

#main_image .bx-wrapper .bx-viewport{
	box-shadow:none;
	overflow: hidden !important;
}


/* main */

#main{
	width:100%;
}

#main #cont {
	float:none;
	width:100%;
	}

/* top cont */
.update th,
.update td{
    display: block;
    border-left: 0;
	text-align:left;
    overflow: hidden;
}


.top_box_single{
	background-size:100px;
	background-position:5px top;
}

.top_box_single p.intro{
	width:98% !important;
	margin:1% !important;
	text-align:left !important;
}

.top_box_single.intro p strong{
	display:inline-block;
}
.top_box_single > p{
	background-color:rgba(255,255,255,0.8);	
}



.top_box_single .btn a{
	float:right;
	margin-bottom:1em;
	background-size:contain;
}

.top_box_single{
	padding:3%;
}

.top_box_single > h3{
	float:none;
}

.top_box_single ul .btn{
	float:none;
	width:98%;
	margin:1%;
}

.top_box_three div{
	float:none;
	width:98%;
	margin:1%;
	overflow: hidden;
}

.top_box_single > .top_box_three div{
	float:none;
	width:98%;
	margin-bottom:2em;
}


/* news */
#news{
	float:none;
	width:100%;
}

#news div{
    padding: 1em 1em 5em;
    border-bottom:1px dotted #ccc;
}

#news .news_img{
	max-width:189px;
	margin:0 auto;
}

#news .news_img img{
	float:none;
	padding-right:1em;
}

/* top side */
#bn{
	float:none;
	width:100%;
	padding:1em;
	box-sizing:border-box;
}

/* contact box */
#contact h4{
	padding:1%;
	font-size:100%;
}

#contact ul{
	padding:1%;
}

#contact li{
	float:none;
	width:100%;
}

#contact li a{
	padding:.5em 1em;
	font-size:100%;
}

#tel{
	display:none;
	margin-bottom:1em;
}

#contact #tel{
	padding:6px 0 0 15px ;
	font-size:3vw;
	box-sizing:border-box;
}

#contact #tel span{
	margin-left:0em;
	color:#cd0e00;
	font-size:250%;
}

/* recomend */
#recomend_wrap{
	background-size:cover;
}

#recomend{
	background-color:rgba(0,0,0,.5);
	overflow:hidden;
}

#recomend ul{
	width:100%;
	padding:1% 1% 0;
}

#recomend ul li{
	float:none;
	margin-bottom:1em;
	width:100%;
}


/* footer */
#foot_wrap{
	min-width:100%;
}

#footer{
	width: 100%;
}

#footer #site_map > ul > li{
	float:none;
	width:100%;
}

#foot_address{
	float:right;
	padding:3em 1em 1em;
	text-align: right;
}

#copyright{
	min-width:100%;
	background-color:#054c83;
}

#copyright span{
	width:100%;
	box-sizing:border-box;
font-size: 3vw;
	color:#fff;
}

.top_box_three a.full{
	float:right;
	display:block;
	position:inherit;
	margin:auto;
	padding-top:.5em;
	width:auto;
	height:auto;
	top:auto;
	left:auto;
	text-indent:0;
}

.top_box_three a.full:hover{
	background:none;
	transition:.2s;
}


/* page */

#p_list p{
	margin-right:.5em;
	font-size:90%;
}

#page_title{
	min-width:100%;
	min-height:150px;
	background-size:cover;
}

#page_title span{
	padding:1%;
	font-size:7vw;
}


#page #main #cont h3{
	padding:1%;
	font-size:7vw;
}

#page #main #cont h4{
	padding: 1% 0;
	font-size: 120%;
}

#page #main #cont h5{
	padding: 0 1%;
}

#page #main #cont h6 {
	padding: 1%;
}

#page #main #cont p.uncer{
	float: none;
	width: 100%;
	margin-left:0;
}

#page #main #cont img{
	max-width:98%;
	margin:1%;
}

#page #main #cont p{
	background:transparent;
}

#page #main #cont blockquote{
	padding:1em;
}

#page #main #cont blockquote p{
	margin-bottom:0;
}

#page #main #cont .gallery dl{
	display:table;
	margin-bottom:1em;
}

#page #main #cont .gallery dl dt{
	display:table-cell;
	vertical-align:middle;
	border-bottom:0;
}

#page #main #cont .gallery dl dt img{
	margin:1%;
	width:98%;
	height:auto;
	border:0 !important;
}

#page #main #cont .gallery dl dt:after{
	display:none;
}

#page #main #cont table{
	width:98%;
	margin:0 auto 13px;
	border-radius:0;
}

#page #main #cont th,
#page #main #cont td{
	display:block;
	padding:.5em;
	width:100%;
	text-align:left;
	border-radius:0;
	box-sizing:border-box;
}


#page #main #cont table tbody tr:first-child>th:first-child,
#page #main #cont table tbody tr:first-child>th:last-child,
#page #main #cont table tbody tr:last-child>th:first-child,
#page #main #cont table tbody tr:last-child>th:last-child,
#page #main #cont table tbody tr:first-child>td:first-child,
#page #main #cont table tbody tr:first-child>td:last-child,
#page #main #cont table tbody tr:last-child>td:first-child,
#page #main #cont table tbody tr:last-child>td:last-child{
  border-radius: 0;
}

#page #main #cont td p{
	font-size:inherit;
	line-height:1.3em;
	text-indent:0;
	margin-bottom:10px;
	margin-top:10px;
}

#page #main #cont td img{
	display:block;
	margin:1% auto;
	width:auto;
	max-width:98%;
	height:auto;
}
/* 特殊テーブル */


#page #main #cont table.fit{
	width:96% !important;
	margin-left:auto;
	margin-right:auto;
}

#page #main #cont table.large_table{
	width:96% !important;
	margin-left:auto;
	margin-right:auto;
}

#page #main #cont table.heaf_left{
	float:none;
	width:98% !important;
	margin-left:1%;
}

#page #main #cont table.heaf_right{
	float:none;
	width:98% !important;
	margin-left:1%;
}

#page #main #cont table.large_table{
	display: block;
	height:auto !important;
	overflow-x: scroll;
	table-layout:fixed; 
	font-size:85%;
	box-sizing: border-box;
}

#page #main #cont table.large_table td,#cont table.large_table th{
	display:table-cell;
	white-space: nowrap;
	padding:3px 8px;
}

#page #main #cont table.large_table {
     overflow: auto;
}

#page #main #cont table::-webkit-scrollbar{ /* スクロールバー全体 */
    height: 5px;
}

#page #main #cont table::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #A17724;
    border:1px solid #fff;
    border-radius: 10px;
}
#page #main #cont table::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #DCBB78;
}
#page #main #cont table::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #DCBB78;
}

#page #main #cont table:not(.large_table) td,#main table:not(.large_table) th{
	display:block;
	border-left:0;
	overflow:hidden;
}

#page #main #cont table:not(.large_table) td{
	text-align:left !important;
}

#page #main #cont ul{
	margin-left:0;
}

#page #main #cont ol{
	margin-left:0;	
}

#page #main #cont dl{
	margin:0 0 30px 20px;
}


#page #main #cont form input[type=text],
#page #main #cont form input[type=password],
#page #main #cont form input[type=tel],
#page #main #cont form input[type=email],
#page #main #cont form textarea,
#page #main #cont form input[type=file],
#page #main #cont form select{
	width:100% !important;
}


/*記事内の画像*/
#page #main #cont .alignleft {
	clear: both;
	float:none;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

#page #main #cont .alignright {
	clear: both;
	float:none;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

#page #main #cont table.alignright,
#page #main #cont table.alignleft{
	display:table;
}

#page #main #cont table.aligncenter{
	display:table;
}



/* taxonomy */
#page #main #cont h3.productcat{
	padding-top:0;
	padding-left:0;
	font-size:120%;
	background:none;
}

#page #main #cont .top_box_three img,
#main #cont .top_box_three img{
	display:block;
	max-width:200px;
	margin:0 auto !important;
}

/* columnlist */
#page #main #cont .columnlist{
	float: none;
	width: 100%;
	margin-left: 0;
}

/* keyword search */

#page #main #cont #keyword{
	margin-bottom:1em;
	padding:.5em 2em;
	line-height:1em;
}

#page #main #cont #keyword p{
	font-weight:bold;
	margin-bottom:0;
	line-height:3em;
}

#page #main #cont #keyword form input[type=text]{
	width:70% !important;
}

#page #main #cont #keyword form input[type=submit]{
	margin:0px auto 0px;
	padding:8px 20px;
}


/* side menu */
#sidecont{
	width:100%;
}

#sidemenu ul ul{
	margin-left:0;
}

#sidecont > p.side_contact{
	padding: 1em 1em 1em .5em;
	overflow:hidden;
}

#sidecont > p.side_contact span{
	float:right;
	display:block;
}

#sidecont > p.side_contact a{
	background:none;
}

/* page top */

  .pageTopBtn a {
    display: block;
    padding:10px;
    color:#fff;
    font-weight:bold;
    font-size: 80%;
    background-size: 40px auto;
    background-position:center;
    white-space: nowrap;
    overflow: hidden;
    }
/*    .pageTopBtn:hover {
      background: rgb(4, 98, 167);
      }*/
  .pageTopBtn {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 10px;
    margin-bottom: 0;
    border-radius: 15px;
    background: rgba( 5, 76, 131, 0.6);
    box-shadow:1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff;
    cursor:pointer;
    z-index:50;
    transition:.2s;
}

  .pageTopBtn:hover {
    background: rgba( 5, 76, 131, 1);
    transition:.2s;
}

input[type=tel]{
	color:inherit;
}

}

.bg_none{
	background:none;
}