@charset "utf-8";
/*
Theme Name: 上越消防事務組合
Description: 上越消防事務組合wordpressテンプレート
Version: 1.0

*/

/* @group Reset */

*{ margin: 0;padding: 0}

a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}

/* @end */

/* @group Fluid-img */
img {
	/* [disabled]max-width : 100%; */
}
a img {border:none;}
/* @end */

/* @group HTML */


html {
font-family:Meiryo, "MS PGothic", Osaka, sans-serif;
color:#333;
font-size : 75%; /*レスポンシブタイプセッティングの指定*/
line-height : 1.6}


/* @end */
/* @group Heading */

h1,h2,h3,h4,h5,h6 {
	/* [disabled]margin-bottom : 24px; */
}

h1 {
font-size : 3em; /* 48px */
line-height : 1; /* 48px */
margin-bottom : 0.5em } 

h2 {
font-size : 1.2em; /*20px  */
line-height : 1.3333; /*20px  */
margin-bottom : 0.6667em } 

h3 {
font-size : 1.1em; /* 18px */
line-height : 1; /* 18px */
margin-bottom : 1em; } 

hgroup h2,h4,h5,h6 {
font-size : 1em; /* 16px */
line-height : 1.5; /* 24px */
margin-bottom : 0.4em } 

/* @end */

/* @group Header */

header {
	text-align : center;
	padding-top : 10px;
	background : #173854 url(images/common/head_bg.png) repeat-x	
}

header h1 { margin-bottom : 24px}
header h2 { color : #fff}

header #translator{
	text-align:center;
}
header #translator #flags{
	margin: 0 auto;
	padding-top:10px;
}
header .branding {
	width: 165px;
	margin: 0 auto;
	padding-bottom:10px;
	color:#999;
	font-size:0.7em;
	text-align: left;
}
header .branding .goog-logo-link{
	color:#999;
}
header .header_trazoo_wrap {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

header #tel_area{
	background: #666;
	color:#FFFFFF;
	font-size:1.2em;
	line-height:1.4em;
	padding:5px 0;
}
header #tel_area .tel{font-size:1.4em;}
header #main-visual{
	display:none;
	}

/* @end */

/* @group Nav */

nav#main-menu {
	background: #2766b4; /* Old browsers */
	background: -moz-linear-gradient(top,  #2766b4 1%, #00479d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2766b4), color-stop(100%,#00479d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2766b4 1%,#00479d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2766b4 1%,#00479d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2766b4 1%,#00479d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2766b4 1%,#00479d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2766b4', endColorstr='#00479d',GradientType=0 ); /* IE6-9 */
}

nav#main-menu ul { overflow : hidden}
nav#main-menu ul li {
	width : 16%;
	float : left;
	font-size:75%;
}
nav#main-menu ul li a {
	display : block;
	color : white;
	padding : 12px 0
}

nav#main-menu ul li a:hover {
color : white;
background-color : #2766b4}

/* @end */


/* @side Nav */

nav#sub-menu {
	margin-bottom:25px;
}

nav#sub-menu h4 {
	background: #2E89CF;
	color: #FFF;
	padding: 7px 0 6px 10px;
	margin: 0;
	border-radius:5px 5px 0 0; /* 記述無し */
	-moz-border-radius:5px 5px 0 0; /* Firefox */
	-webkit-border-radius:5px 5px 0 0; /* Google Chrome、Safari */
	-o-border-radius:5px 0 0 0; /* Opera */
	-ms-border-radius:5px 0 0 0;/* Internet Explorer */
	font-weight: normal;
}

nav#sub-menu ul { overflow : hidden}
nav#sub-menu ul li {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;

}
nav#sub-menu ul li a {
	display : block;
	padding : 12px 0;
	background: url(images/common/arrow.gif) no-repeat 10px center;
	padding-left:25px;	
}

nav#sub-menu ul li a:hover {
	color : white;
	background-color : #CCCCCC
}

/* @end */



/* @group Contents */

#contents {
	width : 95%;
	margin : 0 auto;
	/* [disabled]text-align : center; */
	background-color:#FFFFFF;
	padding:20px 0;
}

#contents h2{
	background-color:#2E89CF;
	color:#FFF;
	padding:7px 20px 5px;
	font-weight:normal;
	border-radius:5px; /* 記述無し */
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Google Chrome、Safari */
	-o-border-radius:5px; /* Opera */
	-ms-border-radius:5px; /* Internet Explorer */ 
	}	
#contents h3 {
	background: url(images/common/midashi01.gif) no-repeat left center;
	font-size:1.1em;
	padding:8px 0 8px 25px;
	border-bottom: 3px solid #F90;
	font-weight:normal;
	clear:both;
	}
#contents h4{
	font-size:1.1em;	
	clear:both;
	}	

#contents p {
	/* [disabled]margin-bottom : 24px; */
    margin-bottom : 0.5em;	
	text-align : left
}
#contents img { 
   margin-bottom : 24px; 
   box-shadow : 0 0 5px #999;
   }
#contents a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #FFF;
	}  
#contents p img {
	display:block;
	margin:0 auto 15px;
}
#contents #main{
	margin-bottom:25px;
	}
#contents #main h4{
	font-size:1em;
	color:#173854;	
	}	 
#contents #main ul{
	margin-bottom:20px;
	} 
#contents #main li{
	padding:0 0 0 20px;
	background: url(images/common/arrow.gif) no-repeat 3px 7px;
	} 	
#contents #news {
	margin-bottom:20px;
	}
#contents #news a{
	text-decoration:underline ;
	}	
#contents #news dl{
	text-align:left;
	margin-bottom: 20px;
	}
#contents #news dt{
	float: left;
	margin-right:10px;
	overflow:hidden;	
	font-size:0.8em;
	margin-top:3px;
}
#contents #news dd{
	overflow:hidden;
	margin-bottom: 10px;
	}
#pankuzu{display:none;}	
.right_txt{
	text-align:right !important;}	
/* @end */

/* video shortcord */
wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
/*	display: none; */
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

/* @end */
/* @group sidebar */	
aside#side-banner{
	text-align:left;
}
aside#side-banner li{
	background: #036;
	margin:0 0 10px 0;
	border-radius:5px; /* 記述無し */
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Google Chrome、Safari */
	-o-border-radius:5px; /* Opera */
	-ms-border-radius:5px; /* Internet Explorer */ 
	}
aside#side-banner li img{
   display: none;}	
aside#side-banner li a{
	display: block;
	padding:5px 10px;
	font-size:1.1em;
	color:#FFF;
	border-radius:5px; /* 記述無し */
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Google Chrome、Safari */
	-o-border-radius:5px; /* Opera */
	-ms-border-radius:5px; /* Internet Explorer */
	font-weight: bold;
	}
aside#side-banner li a:hover{
	color:#FFF;
	background: #06C;
	}	
aside#side-banner li a:before{content: attr(data-label);
}

aside#side-banner .sub_menu li{
	margin-bottom:0;
}

/* @end */

/* @group top-rightside */	
#top-right{
	display:none;
	}
/* @end */	

/* @group Footer */
footer {
	padding : 24px 0;
	color : white;
	text-align : center;
	background : url(images/common/foot_bg.gif)
}
/* @end */
	
	
/* @group 車両紹介 */			
.gallery-item{
	float:none !important;
	width:auto !important;
	}
p.car_list{
	text-align:center !important;
	}	
	
p.car_list img{
	margin-bottom:5px !important;
	padding:4px;}
/* @end */	
	
/* @group インフォメーション */		
#entry_foot{
	margin-top:40px;
	overflow:hidden;
	padding:10px;
	background: #F3F3F3;
	text-align: right;
	font-size:0.8em;
}	
#next p{
	margin-top:30px;
	text-align:center;
	}	
/* @end */

/* @group ドクターヘリ */
table{border-collapse:collapse;border-spacing:0;border:none; font-size:90%;}
table.tbl_places { border:1px solid #333; width:100%;  }
table.tbl_places th { border:1px solid #333; padding:5px 10px; background:#e9f7e9; text-align:left;width:50%; }
table.tbl_places td { border:1px solid #333; padding:5px 10px; }
/* @end */

/* @group 組織一覧 */	
#soshiki_map{margin-bottom:25px;}
#map img{box-shadow:none;}
	
ul#place-list{
	margin-bottom:25px;}
ul#place-list li{
	padding:5px 0px !important;
	background: none !important;
	}
ul#place-list li img{
	margin-right:10px;
	box-shadow:none;
	margin-bottom:0 !important;}	
/* @end */

/*768px*/
@media screen and (min-width : 768px){
html{ font-size : 87.5%} /*レスポンシブタイプセッティングの指定*/
#contents { text-align : left}
nav#main-menu ul li {
	font-size:16px;
}
}
/*1024px*/
/*1024px*/
@media screen and (min-width : 1024px) {
html{ font-size : 95%} /*レスポンシブタイプセッティングの指定*/	
body{
	background:#F2F6F8 repeat-x url(images/common/head_bg.jpg);
	}	
/*Heading */
header {
	width:960px;
	margin:0 auto;
	padding-top : 12px;
	position:relative;
}	
header h1 {
	text-align:left;
	margin-left:20px;
	margin-bottom:20px;}
header #translator {	
	position:absolute;
	top:20px;
	right:397px;
}

header #zoomsight {	
	position:absolute;
	top:12px;
	right:304px;
}

header .header_trazoo_wrap {
	display: contents;
}

header #translator #flags {
	line-height:0.8em;
	padding-top:0;
}

header #tel_area{
	width:280px;
	position:absolute;
	top:12px;
	right:15px;
	padding:5px 0 2px 0;
	background-color:#164872;
	border-radius:5px; /* 記述無し */
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Google Chrome、Safari */
	-o-border-radius:5px; /* Opera */
	-ms-border-radius:5px; /* Internet Explorer */ 
	font-size: 12px;
	line-height:1.8em;
	}
header #tel_area .tel{
	font-size:22px;
	}
header #main-visual{
	width:960px;
	height:300px;
	background-color:#CCC;
	display:block;
	}
/* @group Nav */
nav#main-menu ul {
width : 960px;/* 960/1024 */
margin : 0 auto;
}
nav#main-menu ul li a {
font-size:100%;	
}
/* @end */

/* @group Contents */

#contents {
overflow : hidden;
width : 960px;
}
#contents p {
font-size:90%;		}
/* @group top-Contents */
#contents #top-main{
	width:740px;
	overflow:hidden;
	float:left;
	}
#contents #top-main #sub-main{
	float:right;
	width:500px;
	padding:0 10px;	
	}
#contents #top-main #top-left,
#contents #top-main #sub-left{
	width:200px;
	padding:0 10px;
	float: left;
	}
aside#side-banner li img{
	display:block;
	float:left;
	box-shadow:none;
	border:none;
	margin-bottom:0;}
aside#side-banner a{
	padding:0;}
aside#side-banner li{	
	margin:0;
	background:none !important;}
aside#side-banner li a{
	height:71px;
	width:200px;
	margin-bottom: 10px;
	padding:0;}		
aside#side-banner li a:hover
{background-color:#FFF;	}
aside#side-banner li a:before
{content:none;	}
aside#side-banner li a.accordion {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	cursor:pointer;
	background:url('images/common/reiki_banner.png');
	background-position:top;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
}
aside#side-banner li a.accordion.active {
	background-position:bottom;
}
aside#side-banner .sub_menu {
	background: #eff6ff;
	width: 200px;
	margin-bottom: 10px;
	padding: 5px 0;
}
aside#side-banner .sub_menu ul li a {
	height:auto;
	width:auto;
	display: block;
	font-size: 0.8em;
	color: #333;
	font-weight:normal;
	padding-left:10px;
	margin-bottom: 2px;
	font-size:115%;
}
aside#side-banner .sub_menu ul li a:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 4px;
	margin-left: 4px;
	border: transparent solid 5px;
	border-left-color: #3f76bb;
	vertical-align: 4px;
}
aside#side-banner .sub_menu ul li a:hover {
	background:none;
}
aside#side-banner .sub_menu ul li:last-child a {
	margin-bottom:0;
}
#contents #top-right{
	width:200px;
	float:right;
	padding:0 10px;}
#contents #top-right img{	
	box-shadow:none;
	margin:0;	
}
#contents #top-right aside{
	margin-bottom:15px;}
#contents #top-right aside h4{
	font-weight:normal;}
#contents #top-right aside p{}
#contents #top-right aside img{}

#contents #top-right aside#search-box{}
#contents #top-right aside#search-box h4{
	background: url(images/top/search.png) no-repeat left top;
	padding-left:20px;
	margin-bottom:0px;
	}
#contents #top-right aside#search-box input#text_box,	
#contents #top-right aside#search-box input#submit_button{
	padding:3px;
	border:solid #CCC 1px;
	border-radius:3px; /* 記述無し */
	-moz-border-radius:3px; /* Firefox */
	-webkit-border-radius:3px; /* Google Chrome、Safari */
	-o-border-radius:3px; /* Opera */
	-ms-border-radius:3px; /* Internet Explorer */ 	}	

#contents #top-right aside#areamap-box{
	border: 1px solid #216499;
}
#contents #top-right aside#areamap-box h4{
	text-align:center;
	background: url(images/top/line_bg.png) repeat;
	color:white;
	margin:0;
	padding:3px;
}
#contents #top-right aside#adress-box{
	border: 1px solid #333;
	padding:10px;
	background:#e9f7e9;
	}
#contents #top-right aside#adress-box h4{
	color:#003366;
	}
#contents #top-right aside#adress-box p{
	margin:0;
	font-size:0.7em;}	

#top-right{
	display:block;
	}
/* @group sec-Contents */
#contents #main{
	width:720px;
	overflow:hidden;
	padding:0 10px;		
	float:right;
	}
	
#contents #sub-left{
	width:200px;
	float:left;
	padding:0 10px;	
	}

/* @end */

/* car-list */

p.car_list{
	width:210px;
	float:left;
	text-align:center !important;
	margin:15px 10px;
	box-shadow : 0 0 5px #999;
	padding:4px;
	font-size:1.5em;
	}
p.car_list img{
	box-shadow:none !important;
	padding:0px;}
	

/* @group Footer */

footer {
width :960px; /*940/1024*/
margin : 0 auto}

/* @end */

/* ohter */
#pankuzu{
	display:block;
	width :940px;
	margin : 0 auto;
	text-align:right;
	background-color:#DADADA;
	padding:5px 10px;
	font-size:0.7em;
	}
#soshiki_map{
	float:left;
	margin-right:25px;
	border: 1px solid #666;	
	}
iframe{
	border:none;}	
ul#place-list{
	width:340px;
	float:right;
	overflow:hidden;
	}
ul#youshiki_list{
	}
ul#youshiki_list li{
	margin-bottom:20px;
	padding:2px 0 0 30px !important;
	background: url(images/common/li_arrow.gif) no-repeat left center !important;
	}
/* @group image */	
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 10px 20px !important;
    display: inline;
	clear:none;	
}
img.alignleft {
	padding: 4px;
	margin: 0 20px 15px 0 !important;
	display: inline;
	clear:none;	
}
.alignright {
	float: right;
	clear:none;
}
.alignleft {
	float: left;
	clear:none;
}
.gallery-item{
	float:left !important;
	width:50% !important;}
.gallery-item img{
	margin-bottom:10px !important;
	padding:4px;
	border:none !important;}
	
img.icon{
	display:inline !important;
	padding-right:10px;}
	
#shiken_list ul{
	margin:0 10px;}
	
#shiken_list li{
	border-bottom: 1px dotted;
	margin-bottom:5px;	
	}
	
#pr_area{
	clear:both;
	margin-left:15px;}
#pr_area ul{}
#pr_area li{
	display:inline;
	margin:0 3px;}
#pr_area li img{
	box-shadow:none;
	margin-bottom:5px !important;}				
/* @end */
}

.shadownone img {
	box-shadow: none!important;
}