/*
Theme Name: Twenty Seventeen Child
Description: Twenty Seventeenの子テーマ
Template: twentyseventeen
Version: 1.0.0
Text Domain: twentyseventeen-child
*/

/* 独自CSSはこの下に記述 */
.twentyseventeen-panel{
	width: 740px;
    margin: auto;
}
/* 全体の横幅の調整 */
#primary {
	max-width: 1000px!important;
	margin: 0 auto;
}

/* フッターの非表示 */
#colophon {
	display: none;
}

/*エラー表示ピンク指定*/
.wpcf7 .wpcf7-not-valid {
    background: pink;
}

/* アイコン下の下線を消す */
.elementor-image img {
	vertical-align: baseline!important;
}

/* 確認テストの縦横調整 */
.premium-modal-box-modal-dialog,
.premium-modal-box-modal-content {
	width: 100%!important;
	height: 100%!important;
	max-height: 100%!important;
	overflow: auto!important;
}

.elementor-image a,
.elementor-image a:hover {
	box-shadow: none;
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.entry-content .inquiry th,.entry-content .inquiry td {
 display:block;
 width:100%;
 border-top:none;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;	
}
.entry-content .inquiry tr:first-child th{
 border-top:1px solid #d7d7d7;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#ffffff;
 padding-left:15px;
 width:35%;
 border:solid 1px #d7d7d7;
 background-color: #B2D235;
}
/*	background-image:
	 repeating-linear-gradient(-45deg,
	 #b3d8de, #b3d8de 1.5px,
	 transparent 0, transparent 5px);/

/*通常欄*/
.inquiry td{
 font-size:15px;
 color:#000000;
 text-align: left;
 border:solid 1px #d7d7d7;	
	}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:9px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:9px;
 padding:5px;
 background:#3D62DD;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:250px;
 background:#B2D235;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#B2D235;
 border:2px solid #B2D235;
}

select.wpcf7-form-control.wpcf7-select
{
	border-color: #000000; 
  background-color: #ffffff; 
width: 100%;
height:50px;
}
#age{width:40%;height:40px;}


input[type="text"]
{
background-color: #ffffff;
color: #000000;
width: 100%;	
}

input[type="number"]
{
background-color: #ffffff;
color: #000000;
width: 80%;	
}


/* 必須マーク */
.must{
	color: #fff;
	margin-right: 8px;
	padding: 4px 8px;
	background: #F92931;
	border-radius: 20px;
}

/* 任意マーク */
.free {
	color: #fff;
	margin-right: 8px;
	padding: 4px 8px;
	background: #424242;
	border-radius: 20px;
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%;
	height: 60px;
	background: #B2D235;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

/* テキスト入力の高さを指定する */
.wpcf7 textarea[name="textarea-1"] {
        width: 100%;
        height: 60px !important;
}
.wpcf7 textarea[name="textarea-2"]
{
        width: 100%;
        height: 70px !important;
}
.wpcf7 textarea[name="textarea-3"] {
        width: 100%;
        height: 70px !important;
}
.wpcf7 textarea[name="textarea-4"] {
        width: 100%;
        height: 70px !important;
}
input[type="text"]
{
background-color: #ffffff;
color: #000000;
width: 100%;
}
#wide100{width:100%;height:50px;}
#wide80{width:80%;height:50px;}
#wide75{width:75%;height:50px;}
#wide70{width:70%;height:50px;}
#wide60{width:60%;height:50px;}
#wide50{width:50%;height:50px;}
#wide40{width:40%;height:50px;}
#wide30{width:30%;height:50px;}
#wide25{width:25%;height:50px;}
#wide20{width:20%;height:50px;}
#shopName{width:100%;height:50px;}
#otherName{width:100%;height:50px;}
#userName{width:100%;height:50px;}
#Incumbent{width:100%;height:50px;}


select.wpcf7-form-control.wpcf7-select
{
	border-color: #000000; 
  background-color: #ffffff; 
width: 100%;
}


h7 {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 10px solid #5B6F3A;
	font-size:18px;
	font-weight:bolder;	
	color:#5B6F3A;
}

	
}


h8 {
  position: relative;
  color: #2C893A;
  background: #ffffe0;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}

h8:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: 'Check';
  background: #2C893A;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}

h9 {
	text-align:center;
	font-size:14px;
	font-weight:bolder;	
	color:#ffffff;
	
}
@media screen and (min-width: 30em) {
    .wrap {
        max-width: 1000px;
    }
}
}
 .entry-header {
        float: none !important;
        width: 100% !important;
    }

@media screen and (min-width: 48em) {
 .entry-header {
        float: none !important;
        width: 100% !important;
    }
}
@media screen and (min-width: 48em) {
 .entry-content {
        float: none !important;
        width: 100% !important;
    }
}