/*
Theme Name: talon-child
Template: talon
*/
 
@import url('../talon/style.css'); /*上書きしたいCSSの場所*/
 
/*ここから上書きしたいスタイルを記述*/
 
h1,h2,h3{
	font-family: 'Spartan',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;  
   font-weight: 800; }

h4,h5{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;  
font-weight: 600 !important; 
  }


body{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;  
font-weight: 600 !important; 
  }

.no-bold{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;  
font-weight: 500 !important; 
  }


.mobile-branding {
        background-color: #fff !important; 
        padding: 19px 30px;
}

[off-canvas] {
        display: none;
        position: fixed;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background-color:black !important; 
}

.menu-btn span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #8dc21f !important; 
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}





	/*フッターメニュープライバシーポリシーの上の余白*/
.mar0{
margin-top:-28px !important; 
}


/*フォームのチェックボックスで改行する*/
span.wpcf7-list-item {
display: block;
}

.s-list{
  padding-bottom:30px !important; 	/*リスト下の余白*/
}

/*ブログ記事上での投稿者名を非表示にする*/
.author { 
 display:none;
		}

/*ブログ記事上の投稿ナビゲーションを非表示に*/
.post-navigation {
display:none ;
}

/*ブログ記事下のタグリンクを非表示に*/
.tags-links{
display:none ;
}


/*見出し英語日本語セット*/

.e-title{
  line-height:1.5em;
  font-size:2em;
  margin-bottom:6px !important; 	
}
.j-com{
  line-height:1.4em;
  font-size:1.1em;
  margin-bottom:1.1em !important; 	
	font-weight: 600 !important; 	
	 
}

/*テーマカラー*/
.t-color {
color:#8dc21f  !important; 
}

/*緑の見出し*/

.green-lead{ 
 background-color: #8dc21f !important; 
 padding: 15px;
margin-top:50px;	
}

/*黒の吹き出し*/

.fuki {
  position: relative; /* 三角の位置を固定するために設定 */
  width: 500px; /* 幅 */
  margin: 0 auto 40px; /* 上 左右 下のマージン */
  padding: 20px; /* ふきだし内の余白 */
  color: #ffffff !important;
  background: black; /* 背景色 */
  text-align: center; /* テキストの揃え */
}

@media (max-width: 640px) {
    .fuki {
  width: 100%; /* 幅 */
    }
}
.fuki:before { /* 三角の部分 */
  content: '';
  position: absolute; /* 位置固定 */
  bottom: -28px; /* 線幅の2倍 */
  left: 50%;
  margin-left: -14px; /* 線幅だけずらす */
  border: 14px solid transparent; /* 線幅の設定 */
  border-top-color: black; /* 吹き出しの地と同じ色 */
}

/*シンプルアンダーライン*/

.s-line {
  /*線の種類（実線） 太さ 色*/
 margin-top:35px;	
  line-height:1.8em;
	border-bottom: solid 3px #e2786c;
}

/*切り替えアンダーバー*/

.lead-line {
  line-height:1.5em;	
  border-bottom: solid 3px #d3d3d3;
  position: relative;
}

.lead-line:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #e2786c;
  bottom: -3px;
  width: 30%;
}

/*投稿ページのアイキャッチセンタリング*/
.single-thumb{ 
 text-align:center;
		}

/*ヘッダー上のライン*/

.main-header {border-top: solid 7px #8dc21f;}


/* ヒーローのキャッチコピーの上余白SP用*/
@media (max-width: 640px) {
.main-header   {
	border-top: solid 4px #8dc21f !important;  
	}
}

/*ヘッダーの上の余白*/

.site-branding{ 
margin-top:5px;		
		}
@media (max-width: 640px) {
.site-branding   {
margin-top:0px;	
	}
/*SPの時ヒーローの画像を小さく*/
.s-size img {
margin-top  :-60px;	
width: 180px !important;  
	}
}




/*フッター部分の余白*/

.site-footer{    
	padding: 40px !important;  
	}


/*トップのよくある質問*/

.question {
	font-size:1.2em;
	padding-top: 15px;
	padding-bottom: 5px;
    border-bottom: solid 1px #58a058 !important; 
}




/*テーマカラーピンクマーカー*/
.marker_t-color {
background: linear-gradient(transparent 0%, #ffd0cc 0%);
}

/*リンクとオンマウスの文字色
a:link {
text-decoration:none;
color:#8dc21f  !important; 
}

a:visited {
text-decoration:none;
color:#8dc21f  !important; 
}
a:active {
text-decoration:none;
color:#e2786c !important; 
}
*/

a:hover {
text-decoration:none;
 color:#93cc21 !important; 
}



/*テーブル罫線一旦消す*/

table, th, td {
    border:none !important;
}


/*テーブルレスポンシブ*/

table.ta1 {
  margin: 20px auto;
}
.ta1 th {
  border-bottom: solid 1px #ccc !important; 
  background-color: transparent;
  font-weight: 600 !important; 
	
}
.ta1 td {
  border-bottom: solid 1px #ccc !important; 
  padding: 10px;
}

 
@media screen and (max-width: 640px) {

  .last td:last-child {
    border-bottom: solid 1px #ccc !important; 
    width: 100%;
  }
  .ta1 {
    width: 98%;
  }
  .ta1 th {
    border-bottom: none !important; 
    display: block;
	margin-top:5px;  
    padding-top: 10px;
    padding-bottom: 1px;
    width: 100%;
  }
  .ta1 td {
    border-bottom: none !important; 
    display: block;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 100%;
  }
}


/*ヘッダー背景を透過に
#header {
background-color: rgba(255,255,255,0.90);
}
*/

/*テーマカラーボックスの中のテキスト設定*/

.g-area{
line-height: 1em
}
.g-area a:link {
text-decoration:none;
color:#ffffff !important; 
}

.g-area a:visited {
text-decoration:none;
color:#ffffff!important; 
}

.g-area a:active {
text-decoration:none;
color: #70cc70 !important; 
}

.g-area a:hover {
text-decoration:none;
color: #70cc70 !important;  
}




/*トップページの理由のアイコンの色*/

.icon-profile-male{
 color: #ffffff !important;  
}

.icon-ribbon{
 color: #ffffff !important;  
}

.icon-wallet{
 color: #ffffff !important;  
}

.icon-linegraph{
 color: #ffffff !important;  
}

.icon-desktop{
 color: #ffffff !important;  
}

.icon-cloud{
 color: #ffffff !important;  
}

.icon-global{
 color: #ffffff !important;  
}

.icon-heart{
 color: #ffffff !important; 
}


/*見出しの色変更*/

.lead-eng{
 text-align: center !important; 
 font-family: 'Oswald', sans-serif;
 font-size: 28px !important; 
 color: #ffffff !important; 
}


.lead-eng{
 text-align: center !important; 
 font-family: 'Oswald', sans-serif;
 font-size: 28px !important; 
 color: #ffffff !important; 
}

.lead-eng-bs{
 text-align: center !important; 
 font-family: 'Oswald', sans-serif;
 font-size: 28px !important; 
 color: #2d3142 !important; 
}

.lead-jap{
 text-align: center !important; 
 font-size: 32px !important; 
 color: #ffffff !important; 
}

.lead-jap-bs{
 text-align: center !important; 
 font-size: 38px !important; 
 color: #2d3142 !important; 
}

.lead-green{
 text-align: center !important; 
 font-size: 30px !important; 
 color: #4e9236 !important; 
 margin-top: 62px;
 margin-bottom: 32px;
}


.lead-blue-s{
 font-size: 28px !important; 
 color: #2d3142 !important; 
 margin-bottom: 28px;
}


/*スマホでの見出しのサイズ*/

@media (max-width: 767px) {
.lead-eng{
 font-size: 20px !important;  
}

.lead-jap{
 font-size: 24px !important; 
}

.lead-blue{
 font-size: 22px !important; 
}

.lead-jap-bs{
 font-size: 24px !important; 
}

}



.s-title{ 
 font-size: 15px;
}
.k-voice { 
 margin: 30px !important; 
}

.yoko-margin{ 
 margin-left: 200px !important; 
 margin-right: 200px !important; 
}

.dt-alink {
    margin-top: -120px !important;
    padding-top: 120px !important;
}

/*チェックマークのリスト*/

ul.checklist {
/*  border: solid 2px #90092e;*/
  padding: 1em 1em 1em 4.3em;
  position: relative;
  font-size: 18px;
}

ul.checklist li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

ul.checklist li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 2em; /*左端からのアイコンまで*/
  color: #b62543; /*アイコン色*/
}

/*シェブロンマークのリスト*/

ul.marklist {
  padding: 1em 1em 1em 4.3em;
  position: relative;
  font-size: 18px;
}


ul.marklist li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul.marklist li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 2em;/*左端からのアイコンまでの距離*/
  color: #b62543;/*アイコン色*/
}

/*下線の見出し*/

.borderlead {
border-bottom: solid 1.5px #90092e;
/*線の種類（実線） 太さ 色*/
}

/*フッターにボーダーを入れる場合
#colophon{
border-top: solid 2px #90092e;
border-bottom: solid 10px #2d3142;
padding-top: 50px;
padding-bottom: 10px;
}
*/

/*メニューのカレントページに下線をひく

.current_page_item {
border-bottom: 2px solid #ffffff;
}

.current-menu-item{
border-bottom: 2px solid #ffffff;
}

.current_page_parent{
border-bottom: 2px solid #ffffff;
}

*/

/*価格表のデザイン*/

table.type09 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;

}
table.type09 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #369;
	border-bottom: 3px solid #036;
	text-align: center;
}
table.type09 tbody th {
	width: 300px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #f3f6f7;
	text-align: center;
}
table.type09 td {
	width: 200px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	text-align: right;
}
table.type09  td.col01 {background: #f3f6f7;
	font-weight: bold;}

/* テーブルに横スクロールバーを表示 */
@media (max-width: 640px) {
    .table-scroll {
        overflow-x: scroll;
    }
}




.bluebox{ 
 background-color: #f3f6f7 !important; 
 border: 2px solid #036;
 padding: 20px;
 margin: 20px;
}