@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
*/

/*お知らせの一つ目を表示しない*/
.li-first-none > ul >li:first-child {
    display: none;
}

/*グローバルメニュー*/
.c-gnav>.menu-item>a .ttl {
font-size: 18px;
font-weight: bold;
}

/*リンクリスト横並び*/
.swell-block-linkList .swell-block-linkList__item {
    margin: 0!important;
    width: auto;
}

/*固定ページタイトル非表示*/
.l-content {
	padding-top:0;
}
.c-pageTitle__inner {
	display:none;
}

/*固定ページ上部の余白削除*/
.l-mainContent__inner>.post_content{
	margin-top:0;
}

/*ヘッダー直前の空白削除*/
.w-beforeFooter{
	margin-top:0;
}
.l-content{
	margin-bottom:0;
}

/*画像スライダーアニメーション*/
.slider1 {
  display: flex;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height:300px;
  overflow: hidden;
}
.slider1 ul{
	display:flex;
	padding: 0;
	margin:0;
}
.slider1 li{
	width:500px;
	list-style: none;
}
@media screen and (max-width: 640px) {
	.slider1 {
  height:130px;
  overflow: hidden;
  }
	.slider1 li{
	  width:200px;
  }
}

.slider1 ul:first-child {
  animation: slide1 150s -75s linear infinite;
}

.post_content li {
	margin: 0;
}

.slider1 ul:last-child {
 	animation: slide2 150s linear infinite;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
  .inquiry th,.inquiry td {
    display:block!important;
   	width:100%!important;
    border-top:none!important;
    -webkit-box-sizing:border-box!important;
    -moz-box-sizing:border-box!important;
	box-sizing:border-box!important;
  }
  .inquiry tr:first-child th{
    border-top:1px solid #d7d7d7!important;
  }
    /* 必須・任意のサイズ調整 */	
  .inquiry .haveto,.inquiry .any {
	  font-size:10px;
  }
  .form-width {
	  max-width: 100%;
  }
}

/*見出し欄*/
.inquiry th{
	 text-align:left;
	 font-size:1em;
	 color:#4e2f14;
	 padding-right:5px;
	 width:30%;
	 background:#fffbf6;
	 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 	font-size:1em;
 	border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
	 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
	 font-size:7px;
	 padding:5px;
 	background:#fb8661;
	 color:#fff;
	 border-radius:2px;
	 margin-right:5px;
	 position:relative;
	 bottom:1px;
}
/*任意の調整*/
.any{
 	font-size:7px;
	 padding:5px;
	 background:#93c9ff;
	 color:#fff;
	 border-radius:2px;
	 margin-right:5px;
	 position:relative;
	 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
	 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 	display: block;
 	padding:1em 0;
	 margin-top:30px;
	 width:100%;
	 background:#f09f4d;
 	color:#fff;
 	font-size:18px;
 	font-weight:bold;	 
	 border-radius:2px;
	 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 	background:#fff;
 	color:#f09f4d;
}

/*スライダー*/
.l-sidebar {
	padding-top:2em;
	padding-bottom:2em;
}