@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

            body{
                background: #fff;
				font-family: 'Sawarabi Mincho';
				padding: 0; margin: 0;
            }
h1,h2 {font-weight: 700;}

.wrap{text-align: center; padding-bottom: 12rem; color:#252525; }
@media (max-width: 767px) {
.wrap{padding-bottom: 10rem;}
}

.head-box{
	color:#252525;
	padding: 4rem 2rem 2rem;
	box-sizing: border-box;
	width: 100%
}
.footer{
	color: #000;

	width: 100%;
	padding: 0 0 1rem;
}
.footer p{
	text-align: center;
	font-size: 1rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

@media (max-width: 767px) {
.head-box{
	color:#252525;
	padding: 1.5rem 0.1rem 1rem;
	box-sizing: border-box;
	width: 100%
}
}
.head-box img{
	width: 900px;
	max-width: 100%
}
.head-box h1{
	font-size: 1.8em; color: #01597a
}
.head-box h2{
	padding-bottom: 2rem
}
@media (max-width: 767px) {
.head-box h2{
	padding-bottom: 1rem
}
.head-box img{
	max-width: 95%
}
}

.gifbox {
	width: 600px;
	max-width: 100%;
	background-image: url(../img/0815plus-2.jpg);
	background-size: contain;
	margin: auto;
}
.gifbox img{
	width: 100%;
	max-width: 100%
}

.flash{
    animation: flash 5s infinite linear;
    -webkit-animation: flash 5s infinite linear;
    -moz-animation: flash 5s infinite linear;
}
@keyframes flash {
    0% { opacity: 0; }
	10% { opacity: 0; }
    35% { opacity: 1; }
	65% { opacity: 1; }
	90% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes flash {
    0% { opacity: 0; }
	10% { opacity: 0; }
    35% { opacity: 1; }
	65% { opacity: 1; }
	90% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes flash {
    0% { opacity: 0; }
	10% { opacity: 0; }
    35% { opacity: 1; }
	65% { opacity: 1; }
	90% { opacity: 0; }
    100% { opacity: 0; }
}


#para1 {
    background-image: url("../img/bg2.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	margin-bottom: -5rem;
}

@media (max-width: 767px) {
#para1{
    background-image: url("../img/bg_sp2.jpg");
	    background-position: bottom center;
    background-attachment:scroll;
    background-size:cover;
    background-repeat: no-repeat

}

}

.day-list {
	width: 980px;
	margin: auto;
	padding-bottom: 3rem;
	max-width: 100%;
}
@media (max-width: 980px) {
.day-list {
	width: 720px;
}
}
@media (max-width: 767px) {
.day-list {
	width: 98%;
}
}


            .demo-gallery > ul {
              margin-bottom: 0;
				padding: 0;
            }
            .demo-gallery > ul > li {
                margin-bottom: 15px;
                margin-right: 5px;
				margin-left: 5px;
                width: 320px;
				display: inline-block;
            }

            .demo-gallery > ul.wsws > li {
                width: 220px;
                margin-right: 3px;
				margin-left: 3px;
				margin-bottom: 8px;
            }
@media (max-width: 767px) {
            .demo-gallery > ul.wsws > li {
                width: 45%;
				 margin-right: 2px;
				margin-left: 2px;
				margin-bottom: 2px;
            }
}


            .demo-gallery > ul > li a {
              border: 3px solid #FFF;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
				display: block
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }

.button02{
     display:inline-block;
     width: 250px;
     height:70px;
     line-height: 70px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #f39800; /*ボタン色*/
     border-radius: 5px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
}
.button02:hover{
     background-color: #f9c500; /*ボタン色*/
}

a.cp_btn {
	display: inline-block;
	padding: 1.5rem 0rem;
	font-weight: 700;
	width: 25%;
	margin-bottom: 1rem;
text-align: center;
text-decoration: none;
color: #1499ba;
border: 2px solid #1499ba;
border-radius: 3px;
transition: .4s;
	background: rgba(255,255,255,0.60)
}
a.cp_btn:hover {
background: #1499ba;
color: #fff;
}

@media (max-width: 767px) {
a.cp_btn {
	padding: 0.8rem 0rem;
	width: 30%;
	margin-bottom: 0.5rem;
}
}