@charset "UTF-8"; 
/*
Theme Name: PC
Theme URI: 
Description: サインズ
Version: 2.0
Author: sains
Author URI: 
 */
/*cms用*/
img.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignright{
	float: right;
}
.alignleft{
	float:left;
}
img.alignleft,img.alignright{
	display: block;
}
/* オールクリア */
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object{
	margin: 0;
	padding: 0;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:95%;
	color:#000000;
	line-height:1.7em;
	word-break:break-all;
}

img{
	border:none;
	vertical-align:bottom;
}
li{
	list-style-type:none;	
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
			outline:none;
}
a:hover img{
	opacity:0.7;
	-moz-opacity:0.7;
}
table{
	border-collapse:collapse;
	border-color: #333333;
}
td{
	vertical-align:top;
}
.txt_center{
	text-align:center;
}
/* 全体 */
#wrapper-top,#wrapper{
	width:100%;
}
/* ヘッダー */
#header{
	width: 100%;
}
#header-main{
	background:url('./images/common/header-bg.jpg') no-repeat left top;
	width:1000px;
	height:auto;
	margin:0 auto;
	position:relative;
}
#h-logo{
	padding:10px 0 8px 20px;
}
.h-right{
	position:absolute;
	top:0;
	right:0;
}
#h-tel{
	padding:20px 15px 0 0;
	text-align:right;
}
#h-time{
	padding-right:5px;
	text-align:right;
}
#wrapper-top #header_menu{
	clear:both;
	width:926px;
	height:18px;
	margin:20px auto 0;
	z-index:2;
}
#wrapper-top #header_menu ul li{
	float:left;
	height:18px;
	position: relative;
	background-color:#fff;
}
#wrapper-top #header_menu ul li a{
	display:block;
	background-repeat: no-repeat;
	overflow:hidden;
	text-indent:200%;
	white-space: nowrap;
}
#wrapper-top #header_menu ul li a{
	background-image: url(images/top/menu.png);
	height:18px;
}
#wrapper-top #header_menu #hm_1 a{
	width:96px;
	background-position: 0px 0px;
}
#wrapper-top #header_menu #hm_2 a{
	width:120px;
	background-position: -96px 0px;
}
#wrapper-top #header_menu #hm_3 a{
	width:230px;
	background-position: -216px 0px;
}
#wrapper-top #header_menu #hm_4 a{
	width:170px;
	background-position: -446px 0px;
}
#wrapper-top #header_menu #hm_5 a{
	width:160px;
	background-position: -616px 0px;
}
#wrapper-top #header_menu #hm_6 a{
	width:150px;
	background-position: -776px 0px;
}
#wrapper-top #header_menu #hm_1 a:hover{
	background-position: 0px -20px;
}
#wrapper-top #header_menu #hm_2 a:hover{
	background-position: -96px -20px;
}
#wrapper-top #header_menu #hm_3 a:hover{
	background-position: -216px -20px;
}
#wrapper-top #header_menu #hm_4 a:hover{
	background-position: -446px -20px;
}
#wrapper-top #header_menu #hm_5 a:hover{
	background-position: -616px -20px;
}
#wrapper-top #header_menu #hm_6 a:hover{
	background-position: -776px -20px;
}
/*中ページ*/
#wrapper #header_menu{
	clear:both;
	width:960px;
	height:20px;
	margin:20px auto;
	z-index:2;
}
#wrapper #header_menu ul li{
	float:left;
	height:20px;
	position: relative;
	background-color:#fff;
}
#wrapper #header_menu ul li a{
	display:block;
	background-repeat: no-repeat;
	overflow:hidden;
	text-indent:200%;
	white-space: nowrap;
}
#wrapper #header_menu ul li a{
	background-image: url(images/common/menu.png);
	height:20px;
}
#wrapper #header_menu #hm_1 a{
	width:75px;
	background-position: 0px 0px;
}
#wrapper #header_menu #hm_2 a{
	width:100px;
	background-position: -75px 0px;
}
#wrapper #header_menu #hm_3 a{
	width:115px;
	background-position: -175px 0px;
}
#wrapper #header_menu #hm_4 a{
	width:220px;
	background-position: -290px 0px;
}
#wrapper #header_menu #hm_5 a{
	width:160px;
	background-position: -510px 0px;
}
#wrapper #header_menu #hm_6 a{
	width:150px;
	background-position: -670px 0px;
}
#wrapper #header_menu #hm_7 a{
	width:140px;
	background-position: -820px 0px;
}
#wrapper #header_menu #hm_1 a:hover{
	background-position: 0px -20px;
}
#wrapper #header_menu #hm_2 a:hover{
	background-position: -75px -20px;
}
#wrapper #header_menu #hm_3 a:hover{
	background-position: -175px -20px;
}
#wrapper #header_menu #hm_4 a:hover{
	background-position: -290px -20px;
}
#wrapper #header_menu #hm_5 a:hover{
	background-position: -510px -20px;
}
#wrapper #header_menu #hm_6 a:hover{
	background-position: -670px -20px;
}
#wrapper #header_menu #hm_7 a:hover{
	background-position: -820px -20px;
}
/* コンテンツ */
#contents{
	width:1000px;
	overflow:hidden;
	clear:both;
	margin:0px auto;
	padding-bottom:20px;	
}
#contents img{
	max-width:100%;
	height:auto;
}
/* メイン */
#wrapper-top #main{
	width:1000px;
	padding-top:15px;
	position:relative;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#wrapper-top #area #area-midashi{
	width:960px;
	margin:0 auto;
	border-bottom:3px solid #000;
	padding-bottom:5px;
	font-size:125%;
}
#main img{
	max-width:100%;
	height:auto;
}
/*フェード画像*/
#fade{
	width:1000px;
	height:542px;
	overflow: hidden;
	margin:0 auto;
	z-index: 0;
}
#fade ul{
	width:1000px;
	height:542px;
	overflow: hidden;
	position: relative;
}
#fade ul li{
	top: 0;
	left: 0;
	width:1000px;
	height:542px;
	display: none;
	position: absolute;
}
/*メインメニュー*/
#menu-bt{
	width:992px;
	height:228px;
	margin:0 0 0 8px;
	z-index:500;
}
#menu-bt p{
	float:left;
	padding-bottom:30px;
}
#menu-bt a{
	display:block;
	background:url('./images/top/bt-menu1.png') no-repeat left top;
	overflow:hidden;
	text-indent:100%;
	white-space: nowrap;
}
#menu-bt .bt1 a{
	width:248px;
	height:228px;
	background-position: -0px 0px;
}
#menu-bt .bt1 a:hover{
	background-position: 0px -234px;
}
#menu-bt .bt2 a{
	width:248px;
	height:228px;
	background-position: -248px 0px;
}
#menu-bt .bt2 a:hover{
	background-position: -248px -234px;
}
#menu-bt .bt3 a{
	width:248px;
	height:228px;
	background-position: -496px 0px;
}
#menu-bt .bt3 a:hover{
	background-position: -496px -234px;
}
#menu-bt .bt4 a{
	width:248px;
	height:228px;
	background-position: -744px 0px;
}
#menu-bt .bt4 a:hover{
	background-position: -744px -234px;
}
/*メインテキスト*/
#text-bg{
	width:960px;
	height:520px;
	padding:30px 20px 0 20px;
	background:url('./images/top/top-bg.jpg') no-repeat left top;
	background-size:cover;
	font-size:100%;
	color:#3c1414;
	line-height:1.8em;
	position:relative;
}
.txt-color a{
	color:#ff0000;
}
.txt-top{
	padding-top:20px;
}
.bird{
	position:absolute;
	bottom:20px;
	right:20px;
}
/*バナー*/
#bg-color{
	width:1000px;
	overflow:hidden;
	background-color:#f5f5f3;
}
#top-banner{
	float:right;
	width:244px;
	margin:10px 20px 0 0;
	text-align:center;
}
#top-banner p{
	padding-bottom:10px;
}
/*周辺*/
#area{
	width:1000px;
	margin:20px auto 0;
	overflow:hidden;
}
#area-left{
	width:76%;
	float:left;
}
#area-left p{
	width:46%;
	float:left;
	margin:20px 0 20px 2%;
}
#area-right{
	width:22%;
	float:right;
	margin:20px 2% 20px 0;
}
#area-right .areaimg{
	padding-top:10px;
}
/*フッター*/
#footer{
	clear:both;
	width:100%;
	overflow:hidden;
	margin:0 auto;
	background-color:#877e72;
	color:#fff;
}
#footer-logo{
	width:980px;
	margin:0 auto;
	padding-left:20px;
}
#footer a{
	color:#fff;
}
#footer-main{
	width:960px;
	overflow:hidden;
	margin:10px auto 5px auto;
}
#footer-left{
	width:500px;
	overflow:hidden;
	margin:0 auto;
	float:left;
}
#f-address{
	font-size:85%;
	padding-top:5px;
	padding-bottom:20px;
	line-height:1.4em;
}
#footer-right{
	width:460px;
	overflow:hidden;
	margin:0 auto;
	float:right;
}
#footer-right ul{
	width:200px;
	margin-left:20px;
	float:left;
	padding-top:5px;
}
#footer-right ul li{
	width:180px;
	font-size:80%;
	padding-left:12px;
	padding-bottom:3px;
}
#copyright{
	text-align:right;
	line-height:1.4em;
	font-size:60%;
	clear:both;
	margin-top:5px;
}
/*汎用*/
.float_left{
	float:left;
}
.float_right{
	float:right;
} 
.clear{
	clear:both;
}
/*スマホ切り替え*/
.pc-switcher{
    margin:15px auto 0;
    width:203px;
font-size:13px;
text-shadow:none;
padding-bottom:50px;
}
.pc-switcher span{
    border:1px solid #CCC;
    border-right:none;
    border-radius: 0 8px 8px 0;
color:#ffffff;
}
.pc-switcher a{
    border:1px solid #CCC;
    border-radius: 8px 0 0 8px;
    color:#555555!important;
    text-decoration: none;
}
.pc-switcher span,.pc-switcher a{
    text-align:center;
    float:left;
    width:100px;
    height:30px;
    line-height:30px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
    background: linear-gradient(#fff, #f0f0f0);
    list-style: none;
}
.pc-switcher .active{
    background-image:-moz-linear-gradient(50% 0% -90deg,rgb(138,182,218) 0%,rgb(65,140,201) 50%,rgb(136,182,219) 100%); 
    background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(138,182,218)),color-stop(0.5, rgb(65,140,201)),color-stop(1, rgb(136,182,219)));
    background-image:-webkit-linear-gradient(-90deg,rgb(138,182,218) 0%,rgb(65,140,201) 50%,rgb(136,182,219) 100%);
    background-image:-o-linear-gradient(-90deg,rgb(138,182,218) 0%,rgb(65,140,201) 50%,rgb(136,182,219) 100%);
    background-image:-ms-linear-gradient(-90deg,rgb(138,182,218) 0%,rgb(65,140,201) 50%,rgb(136,182,219) 100%);
    background-image:linear-gradient(-90deg,rgb(138,182,218) 0%,rgb(65,140,201) 50%,rgb(136,182,219) 100%);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8ab6da,endColorstr=#ff88b6db,GradientType=0)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8ab6da,endColorstr=#ff88b6db,GradientType=0);
}
/*スマホ切り替え終*/
/*ページネーション*/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
/*お知らせ*/
#top-info{
	width:660px;
	float:left;
	margin:30px 40px 40px 20px;
	position:relative;
}
#wrapper-top #info-midashi{
	font-size:125%;
	border-bottom:3px solid #000;
	padding-bottom:5px;
}
#top-info ul{
	width:100%;
	overflow:hidden;
	margin-top:20px;
}
#top-info ul li{
	clear:both;
	overflow:hidden;
	padding:7px 10px 5px 10px;
}
#top-info ul li a{
	color:#323232;
}
#top-info ul li{
	overflow:hidden;
	padding-bottom:12px;
	border-bottom:1px dotted #878787;
}
.infodate{
	width:95px;
	float:left;
	padding-top:2px;
	padding-left:10px;
	font-weight:bold;
}
.infotitle{
	padding-top:2px;
	padding-left:30px;
	float:left;
	display:block;
	width:500px;
}
.to-list{
	position:absolute;
	top:0;
	right:0;
}
/*お知らせ一覧*/
#info-archive{
	margin:0px 10px;
}
#info-archive li{
	overflow:hidden;
	padding:8px 0px 8px 20px;
	border-bottom:1px dotted #595757;
}
#info-archive li .list-date{
	width:100px;
	float:left;
	font-weight:bold;
}
#info-archive li .list-ttl{
	padding-left:20px;
	float:left;
	display:block;
	width:540px;
}
#cont{
	padding:0 0 10px;
}
.time{
	font-size:130%;
	font-weight:bold;
	padding-left:20px;
	color:#ff0000;
	margin-top:10px;
}
.holiday{
	font-size:115%;
	font-weight:bold;
	padding-left:20px;
}
.mailadd{
	font-weight:bold;
	padding-left:20px;
}
.contactfm{
	margin:10px 0;
	padding-left:20px;
	max-width:260px;
}
.contactfm a{
	color:#fff;
	font-weight:bold;
	background-color:#ce2020;
	display:block;
	padding:10px 10px 10px 40px;
	transition:.3s;
	text-align:center;
	position:relative;
}
.contactfm a::before {
	content: '\f0e0';
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	top: 50%;
	left: 25px;
	transform: translateY(-50%);
	font-size: 120%;
	font-weight: bold;
	transition: .3s;
	z-index: 10;
}
.contactfm a:hover{
	background-color:#000;
	text-decoration:none;
}
/*ページトップへ*/
#page-top{
	position: fixed;
	z-index: 30;
	bottom: 40px;
	right: 50%;
	margin-right: -590px;
}
#home{
	position: fixed;
	z-index: 30;
	bottom: 100px;
	right: 50%;
	margin-right: -590px;
}
@media (max-width: 1100px){
#page-top, #home{
  right: 10px;
  margin-right: 0;
}
}
#text-top{
	width:550px;
	float:left;
}
#jidori-top{
	float:right;
}
/*
.kamantan{
	border:1px solid #ccc;
}
*/
/*facebook,titter*/
.top-share{
	margin-top: 40px;
	width: 265px;
	float: right;
}
.top-share .fb-share{
	float:left;
}
.top-share .tw-share{
	float:right;
	margin-right:20px;
}
.share{
	margin-bottom: 10px;
	width: 250px;
	float: right;
}
.share .fb-share{
	float:left;
}
.share .tw-share{
	float:right;
}
/*トップメニュー変更*/
#topMenuBox{
	display:flex;
	margin:20px auto 40px;
}
#topMenuBox p{
	width:23%;
	margin:0 1%;
}
#topMenuBox p a{
	display:block;
	padding:10px;
	box-sizing:border-box;
	box-shadow:0px 2px 3px #000;
	color:#000;
}
#topMenuBox p a:hover{
	text-decoration:none;
	background-color:#ffff00;
}
#topMenuBox p a:hover img{
	opacity:1;
}
#topMenuBox p span{
	display:block;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin:10px auto 0;
}
#topMenuBox p a:hover span{
	color:#ff0000;
}