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

#main_visual{
	width:100%;
	position:relative;
	background:#1baad1;
	border-bottom:2px solid #ccc;
}
.main_title_01{
	text-align:center;
	padding:25px 0;
	color:#fff;
	font-size:146.5%;
	letter-spacing:1px;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.contents{
	width:94%;
	margin:0 auto;
	margin-bottom:80px;
}

h2.main_title{
	font-weight:normal;
	font-size:128%;
	color:#333;
	text-align:center;
	padding:10px 10px;
	position: relative;
	margin: 30px auto 10px;
    line-height:2;
}
h2.main_title::before, h2.main_title::after {
	content: '';
	width: 15px;
	height: 100%;
	position: absolute;
}
h2.main_title::before {
	border-left: solid 2px #000000;
	border-top: solid 2px #000000;
	border-bottom: solid 2px #000000;
	top: 0;
	left: 0;
}
h2.main_title::after {
	border-right: solid 2px #000000;
	border-top: solid 2px #000000;
	border-bottom: solid 2px #000000;
	top: 0;
	right: 0;
}

.pic img{
	display:block;
	width:92%;
	margin:0 auto 10px;
}

.text_01{
	font-size:100%;
	padding:10px 0 0;
	letter-spacing:1px;
	line-height:1.8;
	color:#333;
	text-align: justify;
}
/* =======================================
	画像エフェクトCSS
======================================= */
.swiping {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin:20px auto 0;
}
.swiping img {
	position: absolute;
	width: 100%;
}
.swiping-back {
	position: absolute;
	width: 100%;
	height: 100%;
}

span.big_red{
	font-size:116%;
	font-weight:800;
	color:#06F;
}
.ymarker {
    background: linear-gradient(transparent 70%, #ffff7d 0%);
}
.list{
	margin:10px auto 0;
}

.list li{
	font-size: 100%;
    color:#F00;
    padding: 2px 5px;
    text-indent: -1em;
    padding-left: 1em;
	letter-spacing:1px;
}


/*/////////////アコーディオン//////////////////////*/
.accordion_dl{
	width:100%;
	margin:30px auto 20px;
	background:#1baad1;
}

.accordion_dl dt {
	border: 1px solid #fff;
    font-size:116%;
	letter-spacing:1px;
    color: #fff;
    cursor: pointer;
    position: relative;
	padding:20px 30px 20px 10px;
	
}
 
.accordion_dl dt:before {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    margin-top: -8px;
    background: #fff;
}
 
.accordion_dl dt:after {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    margin-top: -13px;
    background: #1baad1;
}
 
.accordion_dl dd {
    background: #fff;
    padding:10px 0;
	color:#333;
	font-size:100%;
	letter-spacing:1px;
	text-align:justify;
}

.add{
	font-size:100%;
	padding:30px 0 0;
	letter-spacing:1px;
	color:#333;
}

.add a{
	color:#333;
	text-decoration:underline !important;
}

.map_box{
	margin:20px auto 0;
}


/* =======================================
	告知バナー
======================================= */

p.banner_text{
	padding-top:8px;
	font-size:60%;
	text-align:center;
	font-weight:700;
}
.banner_big_text{
	font-size:182%;
}
	
.auto-popup {
    position: fixed;
	z-index:9900;
    /*right: 3em;*/
	/*left:10px;*/
	right:21px;
    /*bottom: -3em;*/
    opacity: 0;
    text-decoration: none;
    transition: bottom 500ms cubic-bezier(0.105, 0.295, 0.400, 1.275) 0ms,
        opacity 500ms cubic-bezier(0.105, 0.295, 0.400, 1.275) 0ms,
        box-shadow 200ms ease 0ms,
        transform 200ms ease 0ms;
}
.auto-popup-active {
    bottom: 0.5em;
    opacity: 1;
	border-radius:20px;
}
.auto-popup:hover {
    box-shadow: 0em 0em 0.3em 0em rgba(0, 0, 0, 0.5);
    transform: translate(0.1em, 0.1em);
}
.auto-popup-close {
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    background-color: #000000;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    transform: rotate(45deg);
    cursor: pointer;
    transition: transform 200ms ease 0ms,
        background-color 200ms ease 0ms;
}
.auto-popup-close:hover {
    background-color: #ff0000;
    transform: rotate(135deg);
}
.auto-popup-close-line:nth-child(odd) {
    position: absolute;
    width: 60%;
    height: 10%;
    left: 20%;
    top: 45%;
    background-color: #ffffff;
}
.auto-popup-close-line:nth-child(even) {
    position: absolute;
    width: 10%;
    height: 60%;
    left: 45%;
    top: 20%;
    background-color: #ffffff;
}