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

* {
	margin:0;
	padding:0;
	border:0;
	line-height:1.7em;
	text-decoration:none;
}

p,

body, textarea { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
input, select { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
/*-------*/

html{
	 width:100%;
	 min-width:1200px;
}

body{
	width:100%;
	text-decoration:none;
	text-align:justify;
	margin: 0;
	position:relative;
	font-size:15px;
	-webkit-text-size-adjust: 100%;
}

p{
	text-align:justify;
	margin-bottom:13px;
	color:#333;
}

h2,h3,h4,h5,ul,li,dt,dd,a{
	color:#333;
}

a{
	text-decoration:underline;
}

a:hover{
	text-decoration: none;
}
/*記事内の画像*/
img{
	vertical-align: text-bottom;
}

.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;
}

.al_right{
	text-align:right;
}

.pageTopBtn{
	display:none;
	position:fixed;
	bottom:40px;
	right:40px;
	width:50px;
	height:50px;
	margin-bottom:0;
	border-radius:15px;
	background-color:#666;
	background:rgba(243,31,28,.4);
	text-align:center;
	z-index:3
	}

	.pageTopBtn a{
	display:block;
	width:50px;
	height:50px;
	background:url(icon_pageTop.png)center 2px no-repeat;
	background-size:40px auto;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden
	}

	.pageTopBtn:hover{
	background:rgba(243,31,28,.8)
	}
	.pageTopBtn{
	display:none;
	position:fixed;
	bottom:10px;
	right:10px;
	width:50px;
	height:50px;
	margin-bottom:0;
	border-radius:15px;
	background-color:#666;
	background:rgba(243,31,28,.5)
	}
/* modal window */
#menu-menu_icon {
    margin: 0px;
}
.modal-content{
	display:none;
	position:absolute;
	width:1164px;
	max-height:800px;
	margin:0 auto;
	padding:13px;
	border:5px solid #eeeeee;
	background:#fff;
	z-index:9999;
	list-style-type:none;
    left: 0 !important;
    right: 0 !important;
}

.modal-content ul{
	overflow:hidden;
}

.modal-content li{
	float:left;
	width:18%;
	margin:0 1%;
}

.modal-content li a,.modal-content li.single a{
	display:block;
	font-size:90%;
	font-weight:normal;
	text-decoration:none;
	margin-bottom:13px;
	padding:100px 13px 13px;
/*	border-top:3px double #124c9d;
	border-bottom:3px double #124c9d;*/
}

.modal-content li.single a{
	margin-bottom:4px;
}

.modal-content li a:hover{
	opacity:0.75;
}

.modal-content ul li ul{
	overflow:hidden;
}

.modal-content ul li ul li{

	width:100%;
	margin:0
}

.modal-content ul li ul li a{
	font-weight:normal;
	border-top:0;
	border-bottom:1px dotted #ccc;
}

.modal-content>a{
	clear:both;
	font-size:140%;
	padding:10px 0 8px 8px;
	margin-bottom:13px;
	border-top:3px solid #1e8687;
	border-bottom:1px solid #1e8687;
	border-image:url(img/border.jpg) 1;
	display: block;
	text-decoration: none;
	font-weight: bold;
}

.modal-content a{
	background-size:60%;
	background-repeat:no-repeat;
	background-position:50% 15%;
	text-align:center;
}

.modal-content .cat-item-7 a{
	background-image:url(./img/logo_icon.jpg);
}

.modal-content .cat-item-8 a,.modal-content .page-item-194 a{
	background-image:url(./img/unic_icon.jpg);
}

.modal-content .cat-item-4 a,#product_menu .menu-item-313 a{
	background-image:url(./img/carrir_icon.jpg);
}

.modal-content .cat-item-9 a,#product_menu .menu-item-312 a{
	background-image:url(./img/crane_icon.jpg);
}

.modal-content .cat-item-10 a,#service_menu .page-item-200 a,#product_menu .menu-item-319 a{
	background-image:url(./img/crean_icon.jpg);
}

.modal-content .cat-item-11 a{
	background-image:url(./img/dump_icon.jpg);
}

.modal-content .cat-item-12 a{
	background-image:url(./img/hirabody_icon.jpg);
}

.modal-content .cat-item-13 a,#service_menu .page-item-198 a{
	background-image:url(./img/parts_icon.jpg);
}

.modal-content .cat-item-6 a,#product_menu .menu-item-346 a{
	background-image:url(./img/huji_icon.jpg);
}

.modal-content .cat-item-14 a{
	background-image:url(./img/etc_icon.jpg);
}

#service_menu .page-item-194 a{
	background-image:url(./img/service_crane.jpg);
}

#service_menu .page-item-198 a{
	background-image:url(./img/ment_icon.jpg);
}

#service_menu .page-item-202 a{
	background-image:url(./img/bankin_icon2.jpg);
}

#service_menu .page-item-204 a{
	background-image:url(./img/tosou_icon.jpg);
}

#service_menu .page-item-225 a{
	background-image:url(./img/service_koushu.jpg);
}

#service_menu .page-item-397 a{
	background-image:url(./img/hose_icon.jpg);
}

#service_menu .page-item-399 a{
	background-image:url(./img/partsu_icon.jpg);
}

#product_menu .menu-item-316 a{
	background-image:url(./img/airheater_icon.jpg);
}

#product_menu .menu-item-318 a{
	background-image:url(./img/pcooler_icon.jpg);
}

#product_menu .menu-item-314 a{
	background-image:url(./img/ship_icon.jpg);
}

#product_menu .menu-item-315 a{
	background-image:url(./img/product_unicpal.jpg);
}

#product_menu .menu-item-317 a{
	background-image:url(./img/driverec_icon.png);
}

#product_menu .menu-item-394 a{
	background-image:url(./img/product_alucar.jpg);
}

.button-link{
	clear:both;
	text-align:right;
	color:#00f;
	text-decoration:underline;
}
 
.button-link:hover{
	cursor:pointer;
	color:#f00;
}

#modal-overlay{
	z-index:1;
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin:0 0;


	height:100%;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.52) 31%, rgba(96,96,96,0.6) 36%, rgba(0,0,0,0.6) 39%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.52) 31%,rgba(96,96,96,0.6) 36%,rgba(0,0,0,0.6) 39%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.52) 31%,rgba(96,96,96,0.6) 36%,rgba(0,0,0,0.6) 39%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}

.modal-content .cat_all{
	width:98%;
}

.modal-content .cat_all a{
	margin-bottom: 13px;
	padding:0;
	text-align:right;
}

/*------- header -------*/
#head_wrap{
	border-top:4px solid #002147;
}

#header{
	width:1100px;
	margin:0 auto;
	overflow:hidden;
}

#top_rogo{
	float:left;
}

#top_rogo img{
	vertical-align: bottom;
}

#contact{
	float:right;
	margin-right:13px;
}

body #contact p{
	text-align:right;
	font-size:85%;
	font-weight:normal;
}

#contact p span{
	font-weight:bold;
}

#contact a{
	font-weight:bold;
	font-size:115%;
	text-decoration:none;
	color:#333;
}

#contact a.placelist{
	background:url(./img/place_ico.gif) no-repeat;
	padding:4px 0 4px 35px;
}

#contact a.contact{
	background:url(./img/mail_ico.gif) no-repeat;
	padding:4px 0 4px 35px;
}

#contact a:hover{
	text-decoration:underline;
}

#navi_wrap{
	clear:both;
	background-color:#eee;
	font-size:16px;
}

#navi_menu{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#navi_menu ul{
	overflow:hidden;
}

#navi_menu li{
	float:left;
	list-style-type:none;
	width:170px;
}

#navi_menu a{
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#333;
	text-align:center;
	padding:25px 0;
}

#navi_menu a:hover{
	color:#fff;
	background-color:#124c9d;
}

#navi_menu .current-menu-item{
	background-color:#124c9d;
}

#navi_menu .current-menu-item a{
	color:#fff;
}

#navi_menu a.curent_page:hover{
	padding-bottom:26px;
	color:#333;
	background-color:#eee;
	border-bottom:5px solid #124c9d;
}

/*---- slideshow ----*/
#slide{
	width:1200px;
	margin:0 auto 13px;
	visibility: hidden;
}

#top_slide{
	overflow:hidden;
}

/*---- main ----*/
#p_list p{
	text-align:right;
	font-size:90%;
}

#main{
	width:980px;
	min-height:550px;
	margin:0 auto 30px;
	overflow:hidden;
}

#main a{
	color:#ff9524;
}

#main h2{
	font-size:32px;
	/*height:70px;*/
	width:100%;
	clear:both;
	padding: 30px 0 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:auto auto 13px;
	box-sizing:border-box;
}

#main h2.company{
	background-image:url(./img/h2_company.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

#main p.print{
	display:none;
}

#main h3{
	font-size:28px;
	height:60px;
	width:100%;
	clear:both;
	padding-top:30px;
	border-bottom:3px solid #ddd;
	margin-bottom:13px;
}

#main h4{
	clear:both;
	padding:8px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-bottom:13px;
	font-size:120%;
}

#main dt{
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	margin-bottom:13px;
}

#main dd{
	margin-left:30px;
	margin-bottom:13px;
}

#main ol{
	margin:auto 60px;
}

#main ol>li{
	margin-bottom:13px;
}

.mb_13>li{
	margin-bottom:13px;
}

#main ul{
	margin:0 0 13px  30px;
}

#main hr{
	clear:both;
	border-bottom:1px dotted #ccc;
	margin-bottom:8px;
}

#main #cont div a{
    display: block;
    float: left;
    font-weight: bold;
    color: #333 !important;
    text-decoration: none;
    line-height: 48px;
    width: 220px;
    height: 48px;
    margin: 8px;
    padding: 0 0 0 20px;
    background: url(./img/arrow_r.png) no-repeat;
    background-position: 95% 50%;
    border: 1px solid #ccc;
    border-radius: 4px;
}

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

#main #cont div a:hover{
	opacity:0.6;
}

#top_reserve{
	margin-bottom:13px;
	overflow:hidden;
}

#top_cont_box{
	width:950px;
	padding:15px;
	margin-left:5px;
	box-sizing:border-box;
	overflow:hidden;
}

#top_cont_box2{
	width:400px;
	height:283px;
	padding:15px;
	margin-left:55px;
	box-sizing:border-box;
	overflow:hidden;
}

#top_cont_box div{
	overflow:hidden;
	display: inline-block;
}

#top_cont_box div a:hover{
	opacity:0.6;
}

#top_cont_box div a{
    display: block;
    float: left;
    font-weight: bold;
    color: #333 !important;
    text-decoration: none;
    line-height: 48px;
    width: 220px;
    height: 48px;
    margin: 8px;
    padding: 0 0 0 20px;
    background: url(./img/arrow_r.png) no-repeat;
    background-position: 95% 50%;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#top_cont_box p,#top_cont_box2 p{
	font-size:90%;
}

#top_cont_box h3,#top_cont_box2 h3{
	font-size:150%;
	padding:15px 0;
}

#top_cont_box ul,#top_cont_box2 ul{
	list-style-type:none;
}

#top_cont_box a,#top_cont_box2 a{
	color:#333;
}

#top_cont_box li>a:hover,#top_cont_box2 li>a:hover{
	background-color:#3f51b5;
	opacity:1;
}

p.tpb_bottom{
	margin-top:85px;
}

p.tpb_bottom>a{
	display:block;
	text-decoration:none;
	color:#333;
	font-size:75%;
	width:454px;
	height:50px;
	padding:20px 0px 3px 10px;
	background-color:#eee;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 1%, #f4f4f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f9f9f9 1%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f9f9f9 1%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	background-repeat:no-repeat;
	background-position:right;
	border:1px solid #ccc;
	border-radius:3px;
}

p.tpb_bottom>a:first-line{
	font-weight:bold;
	font-size:170%;
}

p.tpb_bottom>a:hover{
	opacity:0.8;
}

img.arrow{
	position:relative;
	float:right;
	top:-12px;
}

.multiple-item li{
	font-size:80%;
	font-weight:bold;
	text-align:center;
}

/*---- news ----*/

#news{
	width:980px;
	clear:both;
}

#news h3.news{
	background-image:url(./img/news_title.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom:30px;
}

#news ul{
	list-style-type:none;
	margin-left:0;
}

#news li{
	clear:both;
	overflow:hidden;
	border-bottom:1px dotted #666;
	padding:8px 0;
	margin-bottom:3px;
}

#news li#kako{
	border-bottom:0;
	text-align:right;
}

#news span{
	font-weight:bold;
	color:#f10;
	padding-left:1em;
}

#news span.v_center{
	top: 0px;
	margin: 0px;
	padding-top: 3px;
	display: block;
	float: left;
	vertical-align: middle;
}

#news img{
	margin:0 20px;
}

#news a{
	color:#333;
}

#news a.kako{
	display:block;
	width:207px;
	height:31px;
	background-color:#EB001C;
	background-image:url(./img/arrow_w.png);
	background-repeat:no-repeat;
	background-position:right;
	border-radius:3px;
	padding: 13px 0px 2px 13px;
	text-decoration:none;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	margin-top:24px;
	margin-bottom:8px;
}

#news a.kako:hover{
	background-color:#3f51b5;
	opacity:0.8;
}

/*---カスタム投稿---*/

#main #category{
	list-style-type:none;
	overflow:hidden;
	margin:1%;
}

#category li{
	display:block;
	float:left;
	width:18%;
	border:1px solid #ccc;
	border-radius:5px;
	margin:1%;
	box-sizing:border-box;
}

#category li:nth-of-type(6n){
	clear:both;
}

#category li a{
	display:block;
	text-decoration:none;
	padding:0 8px;
	color:#333;
}

#category li:hover{
	background:#124c9d;
	transition: 1s;
}

#category .current-cat{
	background:#124c9d;
}

#category .current-cat a{
	color:#fff;
}

#category li:hover a{
	color:#fff;
	transition: 1s;
}

#category li.cat_all{
    clear: both;
    float: none;
    width: 98%;
    text-align: right;
    border: 0;
    border-radius: 0;
    margin: 1%;
}

#category li.cat_all a{
	display:inline;
}

#category li.cat_all:hover{
	background:none;
	transition:0;
}

#category li.cat_all:hover a{
	color:#333;
}

#category li.cat_all a:hover{
	text-decoration:underline;
}

#p_catbox{
	width:23%;
	margin:1%;
	float:left;
}

#p_catbox img{
	width:96%;
	margin:2% auto;	
}

#p_catbox p{
	text-align:left;
	font-size:95%;
	font-weight:bold;
	word-break: break-all;
}

#p_image{
	width:50%;
	float:left;
	overflow:hidden;
}

#p_image p{
	width:46%;
	margin:1%;
	float:left;
}

#p_image p:nth-of-type(2n){
	clear:both;
}

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

#p_image #main_image{
	width:96%;
	margin:2% auto;	
}

#syousai {
	width:50%;
	float:right;
}

#syousai .red{
	font-size:140%;
	font-weight:bold;
	color:#F10;
}

#syousai embed{
	min-height:320px;

}

/*----予約カレンダー----*/
.monthly-calendar caption{
	font-weight:bold;
	background:#eee;
	padding:8px 0;
}

.monthly-prev a:before {
	content: "←" 
}

.monthly-next a:after {
	content: "→" 
}

.monthly-prev-next,.monthly-prev-next a{
	color:#aaa;
	text-decoration:none;
}

.monthly-prev-next a:hover{
	color:#333;
}

/*---- footer ----*/

#footer_wrap{
	clear:both;
	overflow:hidden;
	background-color:#eee;
	padding-top:13px;
}

#footer{
	width:980px;
	margin:0 auto;
}
	/*フッターメニュー*/
	#foot_menu{
		margin-bottom:10px;
	}
	
	#foot_menu ul{
		font-size:90%;
		overflow:hidden;
		list-style-type:none;
	}
	
	#foot_menu ul li{
		width:25%;
		float:left;
	}

	#foot_menu ul li a{
		display:block;
		margin:10px;
		padding:8px 0;
		text-decoration:none;
		font-weight: bold;
		margin-bottom:13px;
		border-bottom:1px solid #ccc;
		font-size:90%;
	}

	#foot_menu ul li ul li{
		float:none;
		width:100%;
	}

	#foot_menu ul ul{
		margin-left:20px;
	}
	
	#foot_menu ul li ul li a{
		padding:0;
		text-decoration:underline;
		font-weight:normal;
		border:none;
	}

#foot_menu .facebook img{
	vertical-align:middle;
}

#foot_menu ul li ul li a:before {
	content: ">";
	}
	
	#foot_menu a:hover{
		color:#aaa;
	}


	/*問い合わせ先*/
	#foot_add{
		min-width:200px;
		float:right;
	}
	
	#foot_add h3{
		font-weight:bold;
	}
	
	#foot_add p{
		font-size:90%;
		line-height:1em;
		margin-bottom:3px;
	}
	

#sitemap{
	width:200px;
	padding:0px 20px;
	font-size:90%;
	float:left;
}

#sitemap p{
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding-bottom:8px;
}

#sitemap p>a{
	text-decoration:none;
}

#sitemap dl{
	margin-bottom:50px;
}

#sitemap dt{
	font-weight:bold;
	margin-bottom:13px;
}

#sitemap a:hover{
	color:#CAD4DE;
}

address{
	background-color:#002147;
	text-align:center;
	font-size:70%;
	font-style:normal;
	font-weight:bold;
	color:#fff;
	padding:25px 0;
	clear:both;
}

/*---メールフォーム用---*/

form{
}



form th,td{
	padding:8px;
	border-bottom:1px dotted #ccc;
}

form tr.no_bod>th,tr.no_bod>td{
	border:none;
}

form input[type="text"],form input[type="email"],
textarea{
	border:1px solid #eee;
	border-radius:15px;
	margin:13px auto;
	padding:8px;
	outline:none;

	/* border-radius */
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;

	/* box-shadow */
	box-shadow:rgba(214, 221, 231, 0.65098) 5px 5px 5px 0px;
	-webkit-box-shadow:rgba(214, 221, 231, 0.65098) 5px 5px 5px 0px;
	-moz-box-shadow:rgba(214, 221, 231, 0.65098) 5px 5px 5px 0px;
}

form span{
	color:#F00;
}

.wpcf7-list-item-label{
	color:#333;
}

#main span.wpcf7-list-item{
    display: block;
}

form input[type="submit"],
[type="reset"],button[type="submit"]{
	width:200px;
	height:40px;
	color:#FFF;
	font-family:メイリオ;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
	background-color: #E60D12;
	margin-left: 20px;
}

form input[type="submit"]:hover,
[type="reset"]:hover{
	background-color: #F94F53;
}

form label{
	cursor: pointer;
}

.askproduct td{
	padding:8px 0;
}
.ondes {color: #999;}

#sp_toggle{
	display:none;
}


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

*{
	position:relative;
	box-sizing:border-box;
}

html{
	 width:100%;
	 min-width:100%;
}

/*------- header -------*/
#header{
	padding:1em;
	width:100%;
}

#top_rogo{
	float:none;
}

#top_rogo img{
	width:100%;
	height:auto;
}

#contact{
	float:none;
}

body #contact p{
	text-align:left;
	word-break:keep-all;
}

body #contact p span span{
	display:block;
}

#sp_toggle{
	position:relative;
	display:table;
	margin: 0 0 0 auto;
	padding:1.5em;
	font-size:100%;
	color:#333;
	text-align:center;
	font-weight:bold;
	box-sizing:border-box;
	cursor:pointer;
	z-index:9999;

}

#sp_toggle #sp_toggle_icon{
  display: block;
  position: absolute;
  margin:auto;
  top: 50%;
  left: 0;
  right: 0;
  width: 20px;
  height: 2px;
  background: #333;
  transition: .2s;
}

#sp_toggle #sp_toggle_icon:before,
#sp_toggle #sp_toggle_icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 2px;
  background: #333;
  transition: .3s;
}

#sp_toggle #sp_toggle_icon:before{
  margin-top: -8px;
}

#sp_toggle #sp_toggle_icon:after{
  margin-top: 8px;
}

#sp_toggle #sp_toggle_icon.close{
  background: transparent;
}

#sp_toggle #sp_toggle_icon.close:before, #panel-btn .close:after{
  margin-top: 0;
}

#sp_toggle #sp_toggle_icon.close:before{
  margin-top: -1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#sp_toggle #sp_toggle_icon.close:after{
  margin-top: -1px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

#navi_menu{
	position:fixed;
	top:0;
	right:0;
	z-index:9998;
}

#navi_menu.menuopen{
	width:100%;
}

#navi_menu ul{
	position:fixed;
	display:none;
	flex-direction: column;
	background:rgba(255,255,255,.7);
	padding-top:2em;
	width:100vw;
	height:100vh;
	top:0;
}

#navi_menu ul li a{
	color:#333;
	margin-bottom:1.5em;
	padding-left: 1em;
	text-align:left;
	background:transparent;
	border:0;
}

#navi_menu ul li.carrent a, #navi_menu ul li a:hover{
	background:transparent;
}

#navi_menu ul li:first-of-type a{
	padding-left: 1em;
	background-image:none;
}

#navi_menu{
	width:100%;
	z-index: 9997;
}

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

#navi_menu ul li a{
	text-align:left;
	margin-bottom:0;
	padding:1em;
}

#navi_menu .current-menu-item{
	    background-color: transparent;
}

#navi_menu .current-menu-item a{
	color:#333;
}

/*---- slideshow ----*/
#slide{
	width:100%;
}

#slide .bx-wrapper .bx-prev,
#slide .bx-wrapper .bx-next{
	display:none;
	width:2em;
	height:2em;
}

#slide .bx-wrapper .bx-pager,
#slide .bx-wrapper .bx-controls-auto{
	bottom:0;
}

/*---- main ----*/
#p_list p{
	display:none;
}

#main{
	padding:1em;
	width:100%;
}

#main h2{
	padding:.5em;
	font-size:150%;
}

#main h3{
	font-size:130%;
	height:auto;
	width:100%;
	padding-top:0;
	padding:.5em;
}

#main h4{
	padding:.5em;
	font-size:120%;
}

#main h5{
	padding:.5em;
	font-size:120%;
}

#main dd{
	margin-left:0;
}

#main ol{
	margin:auto;
}

#main ul{
}

#main #cont div a{
    float: none;
}

#top_cont_box{
	width:100%;
	margin-left:0;
	padding:1em;
}

#top_cont_box *{
	float:none !important;
}


#top_cont_box2{
	width:100%;
	height:auto;
	margin-left:0;
	padding:1em;
}

#top_cont_box div{
	margin-bottom:1.5em;
	overflow:hidden;
	display: block;
}

#top_cont_box div a{
	margin:auto;
    display: block;
    float: none;
}

#top_cont_box p,#top_cont_box2 p{
	font-size:100%;
}

#top_cont_box h3,#top_cont_box2 h3{
	font-size:130%;
}

/*---- news ----*/

#news{
	width:100%;
}

#news a{
	display:block;
}

/*---カスタム投稿---*/

#category li{
	margin:.5em;
	padding:.5em;
	width:auto;
}

#category li:nth-of-type(6n){
	clear:none;
}

#p_catbox{
	width:48%;
}

#p_image{
	float:none;
	width:100%;
}

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

#syousai {
	width:100%;
	float:none;
}

#syousai .red{
	font-size:130%;
}

#syousai embed{
	min-height:300px;
}

/*----予約カレンダー----*/
.calendar-mark{
	font-size:90% !important;
}

.monthly-prev-next,.monthly-prev-next a{
	color:#aaa;
	text-decoration:none;
}

.monthly-prev-next a:hover{
	color:#333;
}

.content-form table,
.content-form tbody,
.content-form tr,
.content-form th,
.content-form td{
	display:block;
	text-align:left !important;
	width:100% !important;
}

input[type="radio"].content-text.small{
	width:1.2em !important;
}

#main .content-form h4 span{
	display:block;
}

/*---- footer ----*/

#footer{
	width:100%;
}
	/*フッターメニュー*/
	#foot_menu ul li{
		width:100%;
		float:none;
	}

/*---メールフォーム用---*/


.wpcf7-form table,
.wpcf7-form tbody,
.wpcf7-form tr,
.wpcf7-form th,
.wpcf7-form td{
	display:block;
	text-align:left !important;
	width:100% !important;
}



form input[type="text"],form input[type="email"],
textarea{
	max-width:100%;
}

form input[type="submit"],
[type="reset"],button[type="submit"]{
	margin:auto;
	margin-bottom:1.5em;
}

form input[type="submit"]:hover,
[type="reset"]:hover{
	background-color: #F94F53;
}

form label{
	cursor: pointer;
}

.askproduct td{
	padding:8px 0;
}
.ondes {color: #999;}



/* modal window */
#menu-menu_icon {
    margin: 0px;
}
.modal-content{
	position:fixed;
	width:100%;
	max-height:100%;
	top:0 !important;
}

.modal-content:after{
	position:absolute;
	content:'\2716';
	margin:auto;
	color:#fff;
	font-size:150%;
	right:1em;
	bottom:-1.5em;
	z-index:9990;
}

.modal-content li{
	float:left;
	width:50%;
	margin:0;
}

.modal-content li a,
.modal-content li.single a{
	margin:1%;
	padding:1em;
	background-image:none !important;
	border:1px solid #ccc;
	border-radius:8px;
}

.modal-content li.cat_all a{
	border:0;
}

#modal-overlay{
	position:fixed;
	height:100vh;
	bottom:0;
	z-index: 9997;
}

}

@media screen and (max-width:800px){
#p_catbox{
	width:98%;
}

}