@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/***ホバー時***/
.hover-up:hover{
  filter: drop-shadow(5px 10px 5px rgba(0,0,0,30%)); /*非透過部分に影*/
  transform: translateY(-4px); /*上に4px移動*/
}
/***非ホバー時***/
.hover-up{
  transition: .3s; /*0.3秒かけて変化*/
}

/*ズーム*/
.zoom-in-img {
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}
.zoom-in-img img {
}
/*ホバーエフェクト*/
.zoom-in-img img {
  transform: scale(1);
  transition: .3s ease-in-out;
}
.zoom-in-img:hover img {
  transform: scale(1.3);
}

.image_link{
  display:block;
}
.image_link img{
  transition:0.3s;
  display:block;
}
.image_link:hover img{
  opacity:0.8;
}

.img_wrap{
  border: 1px solid #ddd;
  margin:  auto 0;

  transition-duration: 0.5s;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
}
.img_wrap:hover{
  box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
  transform: translateY(-3px);
  transition-duration: 0.5s;
}

.img_wrap2{
  border: 1px solid #ddd;
  overflow: hidden;
}
.img_wrap2 img{
  width: 100%;
  transform: scale(1.1);
  cursor: pointer;
  filter: grayscale(100%);
  transition-duration: 0.5s;
}
.img_wrap2 img:hover{
  filter: grayscale(0);
  transition-duration: 0.5s;
}

.img_wrap3{
  border: 1px solid #ddd;
  overflow: hidden;
}
.img_wrap3 img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.5s;
}
.img_wrap3 img:hover{
  transform: scale(1.2) rotate(9deg);
  transition-duration: 0.5s;
}

	/*ContactForm7カスタマイズ*/
table.CF7_table{
	text-align: left;
	width:100%;
	margin:0 auto;
	border: 2px solid #e5e5e5;
}

table.CF7_table tr{
	border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979
;
}

/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	font-weight: lighter;
	padding: 5px;
	background: #f79034;/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	font-weight: lighter;
	padding: 5px;
	background: #00a3af;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#fffbf4;/*ブルーグレー*/
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
	background-color:#fffbf4;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#f79034;/* オレンジ*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight: lighter;
	margin:0 auto;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}align-content

/* 固定ページのタイトル非表示 */
h1 {
display: none;
}
/* 固定ページのヘッダーを横幅固定にする */
.l-topTitleArea {
min-height: 15vw;
}

p.futosa{font-weight:normal;}

.c-gnav>.menu-item>a .ttl {
font-size: 14px;
color: #0d0015;
font-weight: bold;
letter-spacing: 1.3px;
}

.grecaptcha-badge { visibility: hidden; }
