/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/



#submit-button input{background-color:#cc0000;

padding:15px;
	
color:#ffffff;
}


#banners{display:flex;
width:500px;
	 align-items: center;
	
	margin-right:auto;
	margin-left:auto;
	
}

@media (max-width: 767px){
	
	#banners{width:100%;}
	#banners p{width:45%;}
	
}




#banners p{	width:200px;	}





/*フォーム確認画面で不要部分非表示*/
#kakunin .kakunin-hide{display:none;}



#rank-hosoku{border-style: solid;
padding:20px;
border-color:#cccccc;
border-width:4px;
}




/*ヘッダー画像*/
#LP-header{
text-align: center;
background-color: #523746;
margin-bottom: 20px; 
}


/*横スクロールが出るので非表示*/
html, body {
	overflow-x: hidden;
}





#main_image3 {
	height: 60px !important;
	margin: 0 !important;
	padding: 0 !important;
}

#main_image3 h2 {
	height: 60px !important;
	margin: 0 !important;
	font-size: 15px !important;
	padding: 0 !important;
}

/*
	Jetpack から移行された CSS
*/

#top {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:80px;
	line-height: 180%;
	font-size: medium;
	color: #444444;
}

#top h2 {
	text-align: center;
	font-size: x-large;
	line-height: 180%;
	margin-bottom: 40px;
	margin-top: 40px;
}

#top b {
	font-size: xx-large;
	color: #F00;
}


#top-banner{padding-bottom: 40px;}


#top-banner ul{padding: 0px;
margin:0px;}

#top-banner ul li{list-style: none;
display: block;
float:left;
padding-left: 10px;
padding-right: 10px;
}




/* 画像枠装飾 */
.img-frame {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

.img-frame img {
/* box-shadow */
	box-shadow: 0 0 6px 3px #cccccc;
/* border-radius */
	border-radius: 6px;
}

.botan {
	text-align: center;
}

.botan a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
}

/* ピンク枠(メッセージ湯呑に使用) */
.frame-pink {
	border: 5px solid #fee1e3;
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 150%;
	border-radius: 10px;
	background-image: url(https://www.ko-bo-440.com/wp-content/uploads/2019/03/omoi.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 18px 18px 30px 100px;
}

/* 余白用 */
.pad40 {
	height: 40px;
}

.pad100 {
	height: 100px;
}

/* 下線ありテキスト */
.text-underline {
	font-size: 18px;
	line-height: 150%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding: 8px;
	font-weight: bold;
}

/* 紫色飾り枠 */
.frame513745 {
	padding: 18px;
	border: 5px solid #513745;
	font-size: 18px;
	line-height: 180%;
	background-color: #d7bbca;
	font-weight: bold;
}

/* 白飾り枠(吉尾さんプロフィール個所に使用) */
.whiteframe {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 0 0 6px 2px #cccccc;
	border-radius: 5px;
	padding: 20px;
}

.clearall {
	clear: both;
}

/* フォーム用 */
.allclear {
	clear: both;
}

a.black,a.red,a.yellow,a.blue,a.natural,a.sp {
	color: #FFF;
	text-align: center;
	display: block;
	height: 30px;
	width: 150px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

a:hover.black,a:hover.red,a:hover.yellow,a:hover.blue,a:hover.natural,a:hover.sp {
	color: #FFF;
	text-decoration: underline;
}

a.black {
	background-color: #000;
}

a.red {
	background-color: #C00;
}

a.yellow {
	background-color: #F60;
}

a.blue {
	background-color: #06C;
}

a.natural {
	background-color: #090;
}

a.sp {
	background-color: #930;
}

a.natural {
	background-color: #090;
}

a.sp {
	background-color: #930;
}

.attention {
	font-size: 9px;
	color: #F30;
}

.mailform-tbl th {
	width: 200px;
	text-align: left;
	vertical-align: top;
	background-color: #f5f5f5;
	color: #000;
}

.mailform-tbl td .form-checkbox label {
	display: inline-block;
	width: 100%;
}

.mailform-tbl td.w80 input {
	width: 80%;
}

.mailform-tbl td.w50 input {
	width: 50%;
}



/* LP外枠 */
#LP {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	padding: 40px;
}

/* LPh2*/
#LP h2 {
	font-size: 30px;
	text-align: center;
	text-shadow: 2px 2px 2px #ccc;
	margin-top: 80px;
	margin-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	font-family: 'Noto Serif TC', serif;
	font-weight: bold;
	letter-spacing: -1px;
}

/* テキスト装飾*/
.redbold {
	font-weight: bold;
	color: #F00;
	font-size: 110%;
	line-height: 110%!important;
}

.yellowbg {
	color: #000;
	background-color: #FF0;
	font-size: 110%;
}

.impact {
	font-size: 150%;
	color: #000;
	font-family: 'Noto Serif TC', serif;
	font-weight: bold;
}

.smallbold {
	font-size: small;
	color: #999;
	line-height: 150%;
	display: block;
}

/* スマホ向け */
@media (max-width: 767px) {
	#LP {
		width: 100%;
		padding: 5px;
		font-size: 13px;
		
	border: 0px none #fff;

		
	}
	
		#top {
		width: 100%;
		padding: 5px;
		font-size: 13px;
		
	border: 0px none #fff;

		
	}
	
	
	.whiteframe {
		width: 90%;
		box-shadow: 0 0 0 0 #ffffff;
		border-radius: 0;
		padding: 0;
		font-size: 13px;
	}
	
	.pad100 {
		height: 20px;
	}
	
	#LP h2 {
		font-size: 20px;
	}
	
	.text-underline,.frame-pink,.frame513745 {
		font-size: 13px;
	}
}

#main_image3 {
	height: 30px !important;
}

#main_image3 h2 {
	height: 30px !important;
	font-size: 17px !important;
	background-color: #513745;
	line-height: normal !important;
	color: #FFF;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: left;
	padding-left: 15px;
}







.mailform-tbl option,
.mailform-tbl textarea,
.mailform-tbl input[type=email]
{
	width: 100%;
}


@media only screen and (max-width:767px) {
	
.mailform-tbl,.mailform-tbl table,.mailform-tbl th,.mailform-tbl td{
		width: 300px!important;
		display: block;
		border-top: none;
	}
	
.mailform-tbl td.w80 input {
	width: 100%;
}

.mailform-tbl td.w50 input {
	width: 100%;
}

	
	
}