/*
Theme Name: Hadano Brand
Thema URI: https://test.com
Descriprion: Hadano Brandのテーマです。
Version: 1.0
Author: Hadano City Tourist Association
Author URI: https://www.kankou-hadano.org
*/

/* スライダー全体 */
.slider-wrapper {
display: flex; /* スライドのグループを横並び */
overflow: hidden; /* はみ出たスライドを隠す */
}
/* スライド3枚のグループ */
.slider {
animation: scroll-left 15s infinite linear .1s both;
display: flex; /* スライド3枚を横並び */
}
/* スライド */
.slide {
width: calc(100vw / 7); /* 3はスライドの枚数 */
}
/* スライドの画像 */
.slide img {
display: block;
width: 100%;
padding: 1%;
}
/* CSSアニメーション */
@keyframes scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
/* hover(マウスオーバー)で一時停止 */
.slider-wrapper:hover .slider {
animation-play-state: paused;
}

/* 2枚パネル風バナー風 */
.section-info02 .section_inner {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}

.section-info02 .section_inner .section_pic {
width:calc(50% - 10px);
margin-right:0;
	position: relative;
	background-color: #fff; /*背景に白を指定*/
	display: inline-block;
}

.section-info02 .section_inner .section_pic p {
	position: absolute;
	top: 10%;
	left: 10%;
	transform: translate(0%,0%);/*もとは両方とも-20%です*/
	color: #111111;
	font-size: 1.0rem;
	font-weight: normal;
}

.section-info02 .section_inner .section_pic a.button-37 {
	position: absolute;
	top: 75%;
	left: 10%;
	transform: translate(-0%,-0%);
	color: #555555;
	font-weight: normal;
width:40%;
padding:2%;
text-align: center;
	align-items: center;
	border: 1px solid #72b1df;
	border-radius: 10px;
	background-color: #fff;
	color: #2589d0;
	font-size: 1.0em;
}

.section-info02 .section_inner .section_pic a.button-37:hover {
	border: 1px solid #72b1df;
	background-color: #8bbcdf;
	color: #fff;
	font-weight: 600;
}

.section-info02 .section_inner .section_pic img {
height:auto;
max-width:100%;
	opacity: 0.5;/*画像を透過させる*/
	display: block;
}

@media only screen and (max-width:767px) {
.section.section-info02 .section_inner {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}

.section-info02 .section_inner {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}

.section-info02 .section_content {
width:100%;
margin:0 auto 20px
}

.section-info02 .section_inner .section_pic {
width:100%;
margin:0 auto 20px
	position: relative;
	background-color: #fff; /*背景に白を指定*/
	display: inline-block;
}
}

.section-info02 .section_inner a {
text-decoration:none;
color:#000;
-webkit-transition:0.3s;
transition:0.3s
}

.section-info02 .section_inner a:hover {
opacity:0.8
}

.section-info02 .section_inner:nth-child(3n) {
margin-right:0
}

.section-info02 .section_inner:last-child {
margin-bottom:0
}


/*フォントの明朝化*/
body p,h1,h2,h3,h4,h5,h6,h7,h8,label {
font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

/*フォームの横幅調整*/
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 85%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 85%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 85%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 100%;
	height:100px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.iframe-css {
  position: relative;
  width: 100%;
  padding-top:56.25%;
}

.iframe-css iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}