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

/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/

/*--------------メインビジュアル--------------*/
#main_visual img{
	width:100%;
}

#contacts{
	margin-bottom:80px;
}

.colona{
	width:88%;
	margin:10px auto;
	background:#F03;
	color:#fff;
	font-size:108%;
	padding:10px;
	border: 4px double #fff;
	text-align:center;
}

.big_text{
	font-size:120%;
}
span.s_text{
	font-size:80%;
}

p.corona_02{
	padding:10px 15px;
	font-size:116%;
	letter-spacing:1px;
	color:#2d2d2d;
	text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgba(255, 228, 0, 0.6);
  text-decoration-skip-ink: none;
}

.big_text{
	font-size:120%;
}
span.s_text{
	font-size:80%;
}

p.corona_02{
	padding:10px 15px;
	font-size:116%;
	letter-spacing:1px;
	color:#2d2d2d;
	text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgba(255, 228, 0, 0.6);
  text-decoration-skip-ink: none;
}

h2.e_title{
	clear:both;
	text-align:center;
	letter-spacing:1px;
	font-size:146.5%;
	color:#333;
	padding-bottom:10px;
}

.r_text{
	font-size:200%;
	color:#F90;
}

p.e_text{
	text-align:center;
	letter-spacing:2px;
	font-size:123.1%;
	padding-bottom:15px;
	color:#06F;
	font-weight:bold;
}




h2.main_title{
	clear:both;
	text-align:center;
	font-weight:normal;
	letter-spacing:2px;
	font-size:138.5%;
	color:#333;
	padding:20px 0 0px 0;
}

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

.text_01{
	font-size:100%;
	padding:10px;
	letter-spacing:1px;
	color:#333;
	text-align:justify;
}

.btn a{
	clear:both;
	width:60%;
	margin:10px auto 40px;
	display:block;
	background:#1baad1;
	color:#FFF;
	text-align:center;
	border:2px solid #ccc;
	border-radius:5px;
	padding:7px 0;
}

.pic02 img{
	display:block;
	width:92%;
	margin:20px auto 10px;
}

.list{
	width:94%;
	margin:0 auto;
}

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

.pic_ba img{
	display:block;
	width:96%;
	margin:0 auto 10px;
}

.banner img{
	display:block;
	width:94%;
	margin:20px auto 10px;
}

/*/////////////アコーディオン//////////////////////*/
.accordion_dl{
	width:94%;
	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;
	color:#333;
	font-size:100%;
	letter-spacing:1px;
	text-align:justify;
}

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

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

.map_box{
	width:96%;
	margin:0 auto;
}


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

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