@charset "UTF-8";
/*
 Theme Name:	atraccion
 Description:	The theme for atraccion web 
 Author:	pulsedesign,inc.
 Author URI:	https://pulse-jp.com
 Version:	1.0.0
 date:		2016.10.21
*/
.red01{
	color:#f00;
	font-weight:bold;
	font-size:130%;
	margin-left:30px;
	padding-top:15px;
}
.page_txt001{
	font-weight:bold;
	font-size:120%;
padding-left:10px;
}
.owner_txt{
border:2px solid #ff0000;
padding:8px 12px;
font-size:120%;
color:#ff0000;
width:50%;
text-align:center;
}
.clear01 {
  clear: both;
}
@media screen and (max-width: 991px) {
.owner_txt{
border:2px solid #ff0000;
padding:8px 12px;
font-size:120%;
color:#ff0000;
width:100%;
text-align:center;
}
}
/* CF7チェックボックスとラジオボタンを縦並びに */
span.wpcf7-list-item {
margin-top:5px;
display: block;
}
.select-box{
	position:relative;
}
.select-box::after{
		position: absolute;
	  content:'▼';
		top: 28%;
		right: 4%;
		color: #333;
    pointer-events: none;
	}
.wpcf7-select{
	padding:5px 10px 5px 10px!important;
margin:0 10px!important;
	box-sizing:border-box;
	-webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
	border:0px solid #666;
	background-color:#ffcccc!important;
	text-align:center;
}
.video {
  width: 100%;
  aspect-ratio: 9 / 16;
}

.video iframe {
  width: 100%;
  height: 100%;
}
.info_title{
	color:#000;
	font-size:160%;
text-align:left;
	font-weight:bold;
  position: relative;
  padding: 0.8em 0;
}
.info_title:after {
  content: "";
  display: block;
  height: 4px;
	width:150px;
background:#f00;
margin-top:15px;
}
.joho_title{
	color:#000;
	font-size:150%;
text-align:center;
	font-weight:bold;
  position: relative;
  padding: 0.8em 0;
}
.joho_title:after {
  content: "";
  display: block;
  height: 4px;
	width:100px;
background:#f00;
margin:15px auto -20px;
}
.top_banner01{
text-align:center;
}
.top_banner01 img{
max-width:800px;
}
.grecaptcha-badge { visibility: hidden; }
body,html {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
}
#main_hed{
position: relative;
z-index:999;
}
.clear{ clear:both;}
footer {

bottom:0;
}
.table_estate001{
margin: 30px 0 30px;
border-top:1px solid #666;
width:100%;	
}
 .table_estate001 th{
width:23%;
padding:12px 15px;
text-align-last: justify;
border-bottom:1px solid #666;
background:#eee;
}
 .table_estate001 td{
width:77%;
padding:12px 15px;
border-bottom:1px solid #666;
}
.osusume01{
	font-weight:bold;
	line-height:1.6em;
}
.table_estate002{
margin: 30px 0 30px;
border-top:1px solid #666;
width:100%;	
font-size:90%;
text-align: center;
}
 .table_estate002 th{
width:100%;
display:block;
padding:10px 10px;
text-align-last: center;
border-bottom:1px solid #666;
background:#eee;
}
 .table_estate002 td{
width:100%;
height:60px;
padding:10px 10px;
border-bottom:1px solid #666;
  display: flex;
  justify-content: center;
  align-items: center;
}
.osusume01{
	font-weight:bold;
	line-height:1.6em;
}
.table_estate003{
margin: -1px 0 0 0;
border-top:1px solid #666;
width:100%;	
font-size:90%;
}
 .table_estate003 th{
width:18%;
padding:12px 15px;
text-align-last: center;
border-bottom:1px solid #666;
background:#eee;
}
 .table_estate003 td{
width:82%;
padding:12px 15px;
border-bottom:1px solid #666;
text-align:justify;
}
@media screen and (min-width:767px){
	.pc-none{
		display:none;
	}
}
@media screen and (max-width:767px){
	.sp-none{
		display:none;
	}
.table_estate001{
margin: 30px 0 30px;
border-top:1px solid #666;
}
 .table_estate001 th{
width:100%;
display:block;
padding:12px 10px;
text-align-last: center;
border-bottom:1px solid #666;
background:#eee;
letter-spacing:0.3em;
}
 .table_estate001 td{
width:100%;
display:block;
padding:12px 15px;
border-bottom:1px solid #666;
text-align-last: center;
}
.table_estate002{
margin: 30px 0 30px;
border-top:1px solid #666;
}
 .table_estate002 th{
width:100%;
display:block;
padding:10px 10px;
text-align-last: center;
border-bottom:1px solid #666;
background:#eee;
letter-spacing:0.3em;
}
 .table_estate002 td{
width:100%;
height:65px;
padding:10px 10px;
border-bottom:1px solid #666;
text-align-last: center;
  display: flex;
  justify-content: center;
  align-items: center;

}
.table_estate003{
margin: 30px 0 30px;
border-top:1px solid #666;
width:100%;	
}
 .table_estate003 th{
width:100%;
display:block;
padding:12px 15px;
text-align-last: center;
border-bottom:1px solid #666;
background:#eee;
}
 .table_estate003 td{
width:100%;
display:block;
padding:12px 15px;
border-bottom:1px solid #666;
text-align:justify;
}
}
@media screen and (max-width:575px){
.wrapper {
position: relative;
width:100%;
height: 100%;
background:#fff url(images/top_bk_sp.png) right bottom no-repeat; background-size:100%;
margin-top:-78px;
z-index:1;
}
.wrapper-inner {
position: absolute;
bottom: 80px;
right:0;
padding-right:15px;
}
.scroll-down {
    display: block;
    position: relative;
    padding-top: 78px;
}
.arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 38px;
}
.arrow-down:after {
    content: '';
    display: block;
    margin: 0 0 0 -2.5px;
    padding: 0;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.scroll-title {
    display: block;
    text-transform: uppercase;
    color: #fff;
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size:14px;
  font-weight:bold;
  letter-spacing:.1em;
}
.scroll-down::before {
    -webkit-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Safari 4+ */
    
    -moz-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Fx 5+ */
    
    -o-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Opera 12+ */
    
    animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* IE 10+, Fx 29+ */
    
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 90px;
    background:#fff;
    content: ' ';
}
.slider_log {display:none;}
.slider_log_sp {
	animation: ani01 1.5s;
	position: absolute;
	top:18%;
	padding-left:50px;
	width:45%;
}
}
@media screen and (min-width:576px) and ( max-width:767px) {
.wrapper {
position: relative;
width:100%;
height: 100%;
background:#fff url(images/top_bk_pc.png) right bottom no-repeat; background-size:60%;
margin-top:-78px;
z-index:1;
}
.wrapper-inner {
display:none;
}
.slider_log {	animation: ani01 1.5s;
	position: absolute;
	top:40%;
	padding-left:30px;
	width:40%;
	}
.slider_log_sp {display:none;}
}

@media screen and (min-width:768px) and ( max-width:991px) {
.wrapper {
position: relative;
width:100%;
height: 100%;
background:#fff url(images/top_bk_md.png) right bottom no-repeat; background-size:100%;
margin-top:-78px;
z-index:1;
}
.wrapper-inner {
position: absolute;
bottom: 80px;
right:0;
padding-right:20px;
}
.scroll-down {
    display: block;
    position: relative;
    padding-top: 78px;
}
.arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 38px;
}
.arrow-down:after {
    content: '';
    display: block;
    margin: 0 0 0 -2.5px;
    padding: 0;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.scroll-title {
    display: block;
    text-transform: uppercase;
    color: #fff;
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size:14px;
  font-weight:bold;
  letter-spacing:.1em;
}
.scroll-down::before {
    -webkit-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Safari 4+ */
    
    -moz-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Fx 5+ */
    
    -o-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Opera 12+ */
    
    animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* IE 10+, Fx 29+ */
    
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 90px;
    background:#fff;
    content: ' ';
}
.slider_log {display:none;}
.slider_log_sp {
	animation: ani01 1.5s;
	position: absolute;
	top:15%;
	padding-left:100px;
	width:40%;
}
}

@media screen and (min-width:992px) and ( max-width:1599px) {
.wrapper {
position: relative;
width:100%;
height: 100%;
background:#fff url(images/top_bk_pc.png) right bottom no-repeat; background-size:80%;
margin-top:-78px;
z-index:1;
}
.wrapper-inner {
position: absolute;
bottom: 80px;
left: 60px;
}
.scroll-down {
    display: block;
    position: relative;
    padding-top: 78px;
}
.arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 38px;
}
.arrow-down:after {
    content: '';
    display: block;
    margin: 0 0 0 -2.5px;
    padding: 0;
    width: 15px;
    height: 15px;
    border-top: 2px solid #ff0000;
    border-right: 2px solid #ff0000;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.scroll-title {
    display: block;
    text-transform: uppercase;
    color: #ff0000;
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size:14px;
  font-weight:bold;
  letter-spacing:.1em;
}
.scroll-down::before {
    -webkit-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Safari 4+ */
    
    -moz-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Fx 5+ */
    
    -o-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Opera 12+ */
    
    animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* IE 10+, Fx 29+ */
    
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 90px;
    background:#ff0000;
    content: ' ';
}
.slider_log {
	animation: ani01 1.5s;
	position: absolute;
	top:25%;
	padding-left:100px;
	width:50%;
}
.slider_log_sp {display:none;}
}

@media screen and (min-width:1600px) {
.wrapper {
position: relative;
width:100%;
height: 100%;
background:#fff url(images/top_bk_pc.png) right bottom no-repeat; background-size:70%;
margin-top:-78px;
z-index:1;
}
.wrapper-inner {
position: absolute;
bottom: 80px;
left: 60px;
}
.scroll-down {
    display: block;
    position: relative;
    padding-top: 78px;
}
.arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 38px;
}
.arrow-down:after {
    content: '';
    display: block;
    margin: 0 0 0 -2.5px;
    padding: 0;
    width: 15px;
    height: 15px;
    border-top: 2px solid #ff0000;
    border-right: 2px solid #ff0000;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.scroll-title {
    display: block;
    text-transform: uppercase;
    color: #ff0000;
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size:14px;
  font-weight:bold;
  letter-spacing:.1em;
}
.scroll-down::before {
    -webkit-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Safari 4+ */
    
    -moz-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Fx 5+ */
    
    -o-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* Opera 12+ */
    
    animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
    /* IE 10+, Fx 29+ */
    
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 90px;
    background:#ff0000;
    content: ' ';
}
.slider_log {
	animation: ani01 1.5s;
	position: absolute;
	top:25%;
	padding-left:100px;
	width:40%;
}
.slider_log_sp {display:none;}
}
/*-- スクロールボタン  --*/


@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-moz-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-o-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}


@media screen and (min-width: 961px) {
/* 表示領域が961px以上の場合に適用するスタイル */	
}

@media screen and (min-width: 541px) and (max-width: 960px) {
/* 表示領域が541px以上960px以下の場合に適用するスタイル */	
}

@media screen and (max-width: 540px) {
/* 表示領域が540px以下の場合に適用するスタイル */
}

.btt30{
    display:inline-block;
    background:#f00000;
    width: 220px;
    padding:8px 30px 8px 20px;
    text-align:center;
	font-size:120%;
    color:#FFF;
    border:0px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
	border-radius:30px;
}
.btt30::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 20px;
    height: 2px;
    background: #FFF;
    transition: .3s;
}
.btt30::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: rotate(-135deg);
    transition: .3s;
}
.btt30:hover::before{
    right: 10px;
    width: 30px;
}
.btt30:hover::after{
    right: 10px;
}

.btt30:hover{text-decoration: none; color:#fff;}

.btt20{
    display:inline-block;
    background:#fff;
    width: 220px;
    padding:8px 30px 8px 20px;
    text-align:center;
	font-size:120%;
    color:#f00000;
    border:0px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
	border-radius:30px;
}
.btt20::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 20px;
    height: 2px;
    background: #f00000;
    transition: .3s;
}
.btt20::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-left: 2px solid #f00000;
    border-bottom: 2px solid #f00000;
    transform: rotate(-135deg);
    transition: .3s;
}
.btt20:hover::before{
    right: 10px;
    width: 30px;
}
.btt20:hover::after{
    right: 10px;
}

.btt20:hover{text-decoration: none; color:#f00000;}

.btt10{
    display:inline-block;
    background:#000;
    width: 320px;
    padding:8px 30px 8px 20px;
    text-align:center;
	font-size:120%;
    color:#fff;
    border:0px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
	border-radius:30px;
}
.btt10:hover{
    background:#ff0000;
}
.btt10::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 20px;
    height: 2px;
    background: #fff;
    transition: .3s;
}
.btt10::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-135deg);
    transition: .3s;
}
.btt10:hover::before{
    right: 10px;
    width: 30px;
}
.btt10:hover::after{
    right: 10px;
}

.btt10:hover{text-decoration: none; color:#fff;}

.btt10::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 20px;
    height: 2px;
    background: #fff;
    transition: .3s;
}
.btt10:hover{text-decoration: none; color:#fff;}
.btt101{
    display:inline-block;
    background:#f00;
    width: 320px;
    padding:8px 30px 8px 20px;
    text-align:center;
	font-size:120%;
    color:#fff;
    border:0px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
	border-radius:30px;
}
.btt101:hover{
    background:#000000;
}
.btt101::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-135deg);
    transition: .3s;
}
.btt101:hover::before{
    right: 10px;
    width: 30px;
}
.btt101:hover::after{
    right: 10px;
}
@keyframes shiny {
    0% { left: -20%; }
    10% { left: 120%; }
    100% { left: 120%; }
}
.btt201{
   position: relative;
    display: block;
    width: 95%;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: #000;
    background-color:#ade12f;
	border:0px solid #fff;
    overflow: hidden;
	border-radius:30px;
	font-size:110%;
	margin-bottom:20px;
	padding:5px 0;
}
.btt201:hover{
    background:#339900;
	color:#fff;
}
.btt201::after{
   content: '';
    position: absolute;
    top: -10%;
    left: -20%;
    width: 40px;
    height: 100%;
    transform: scale(2) rotate(20deg);
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.btt301{
   position: relative;
    display: block;
    width: 95%;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color:#f00;
	border:0px solid #fff;
    overflow: hidden;
	border-radius:30px;
	font-size:110%;
	margin-bottom:20px;
	padding:5px 0;
}
.btt301:hover{
    background:#fc0;
	color:#000;
}
.btt301::after{
   content: '';
    position: absolute;
    top: -10%;
    left: -20%;
    width: 40px;
    height: 100%;
    transform: scale(2) rotate(20deg);
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
/*アニメーション*/
.animation{
  animation: dokundokun 1300ms ease infinite;
}

@keyframes dokundokun {
  0%  { transform: scale(1); }
  15% { transform: scale(1.05); }
  30% { transform: scale(1); }
  45% { transform: scale(1.05); }
  70% { transform: scale(1); }
}
@media screen and (max-width: 991px) {
.btt30{
    display:inline-block;
    background:#f00000;
    width: 160px;
    padding:8px 20px 8px 10px;
    text-align:center;
	font-size:120%;
    color:#FFF;
    border:0px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
	border-radius:30px;
}
.btt20{
    display:inline-block;
    background:#fff;
    width: 145px;
    padding:8px 30px 8px 8px;
    text-align:center;
	font-size:120%;
    color:#f00000;
    border:0px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
	border-radius:30px;
}
}
/*==================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:94%;
    margin:0 auto;
}

.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
border-radius:30px;
overflow: hidden;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 10px;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 36%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 3px solid #ff0000;/*矢印の色*/
    border-right: 3px solid #ff0000;/*矢印の色*/
    height: 20px;
    width: 20px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -3%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -3%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
  margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
  margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}
/*---------------------------------------------
	ページャー
  ---------------------------------------------*/
.page-numbers {
  background-color: #000;
  color: #fff!important;
  padding: 10px 14px!important;
  border: 0px solid #eeeeff;
	font-size: 12px;
}
.current {
  color: #fff!important;
  background-color: #ff0000!important;
  padding: 10px 14px!important;
  border: 0px solid #eeeeff;
}
.next, .prev {
  color: #fff;
  background-color: #000;
  padding: 10px 14px!important;
}
.paged {
	margin:0 auto;
	margin-top:30px;
  padding-bottom: 20px;
	text-align:center;
}

/*---------------------------------------------
	ページャー
  ---------------------------------------------*/
.navigation{
text-align:center;
}
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
  background-color: #000;
  color: #fff!important;
  padding: 10px 14px!important;
  border: 1px solid #000!important;
	font-size: 12px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
	  color: #000!important;
  background-color: #ffcc00!important;
  border: 1px solid #ffcc00!important;
}
/* 1. 土台は常に白で固定（ブレさせない） */
html, body {
    background-color: #ffffff !important;
    overscroll-behavior-y: none; /* 念のためbodyのバウンドも禁止 */
}