﻿/* body style */
.bodystyle{
 background-color: #ffffff;
 margin: 0;
 color:black;
 font-family: "BIZ UDPGothic", "Noto Sans JP","ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
 font-feature-settings: "palt" 1;
 -webkit-text-size-adjust: 100%;
}

*:focus {
    outline: none;
/*    background-color: rgba(217, 255, 7, 0.3)!important; */
}
html.htmlstyle {
 margin: 0;
 padding: 0;
 border: 0;
}

@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}

td.pstyle{
	font-family:"Noto Sans JP";
	font-size:12.0pt;
	font-weight: normal;
	text-decoration : none;
}
p.pstyle{
	font-family:"Noto Sans JP";
	font-size:12.0pt;
	font-weight: normal;
	text-decoration : none;
}
span.pstyle{
	font-family: "Noto Sans JP";
	font-size:12.0pt;
	font-weight: normal;
	text-decoration: none;
}
/* 取り消し線 */
.deleteline{
text-decoration-color:red;
text-decoration-line: line-through;
text-decoration-style:double;
}
span.delcolor{
color:black;
}
/*back top*/
#back-top {
position:fixed;
bottom:0;
margin-bottom: 20px;
right:20px;
font-size:50px;
z-index:10;
}
#back-top a {
border-radius: 5px;
color: #fff;
display: block;
font-family: FontAwesome;
opacity: 0.7;
text-align: center;
text-decoration: none;
width: 48px;
}
#back-top a:hover {
/*
text-decoration:none;
background:#999;
*/
}

/*back top*/
#back-footer {
position:fixed;
top:0;
margin-top: 20px;
right:20px;
font-size:50px;
z-index:10;
}
#back-footer a {
border-radius: 5px;
color: #fff;
display: block;
font-family: FontAwesome;
opacity: 0.7;
text-align: center;
text-decoration: none;
width: 48px;
}
#back-footer a:hover {
/*
text-decoration:none;
background:#999;
*/
}

.disp_image a {
	display: block;
	width: 75%;
	height: 1000px;
	max-width: 2000px;
	margin: 0 auto 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border: 1px solid #e8e8e8;
	cursor: initial;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

 #image_wrapper .close_button {
	z-index: 25;
	display: none;
	display: inline;
	padding: 10px;
	text-align: right;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	right: 5px;
	top: 5px;
}

 #image_wrapper .close_button a {
 	color:#313131;
}

.picview .zoomer_wrapper { border: 1px solid #ddd; border-radius: 3px; height: 95%; margin: 10px 0; overflow: hidden; width: 100%; }
.picview .zoomer.dark_zoomer{ background: #333 url("https://fukuokachuou1cho.raindrop.jp/resource/loadicon.gif") repeat center;}
.picview .zoomer.dark_zoomer img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

/* hover対応 */
.slider-pro {
	width:			1240px;
	height:			940px;
	overflow:		hidden;
	margin:			10px 8px 10px 16px;
	position:		relative;
}
.slider-pro .caption {
	font-size:		130%;
	text-align: 		center;
	color:			#fff;
}
.slider-pro .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.slider-pro:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		80px;	/* ホバーで下にずらす */
}

/* 画像重ね */
.overimage{
	width:128px;
	height:128px;
	position: relative;
	z-index:1;
	}
	.overimage img{
		width:100%;
		height:auto;
	}
p.overimage{
        position: absolute;
        top:0px;
        left:0;
        font-size:14px;
		line-height:16px;
        color: red;
        padding:0;
        margin:0;
		z-index:1;
}
.overtext{
	width:128px;
	height:128px;
	text-align:center;
	position: absolute;
	z-index:0;
}
p.overtext{
        position: absolute;
		width:128px;
		height:128px;
        top:-100px;
        left:0;
        font-size:14px;
		line-height:16px;
        font-weight:bold;
		text-align:center;
        color: red;
        padding:0;
        margin:0;
		z-index:0;
		}
		.overtext span{
			display:block;
			position: relative;
			width:128px;
			height:128px;
			line-height:16px;
			font-weight:bold;
		}

