@media only screen and (min-width: 600px) {
	/*--------------------------------
	各フォント設定 (タブレット・PC)
	---------------------------------*/
	p {
		font-size: 17px;
		line-height: 28px;
		margin-bottom: 30px;
	}
}


@media only screen and (max-width: 959px) {
	/*--------------------------------
	各フォント設定 (スマホ)
	---------------------------------*/
	p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 26px;
	}
}

/***** Smart Responsive Table *****/
.table-srt {
	overflow: hidden;
	table-layout: fixed;
}

.required-srt {
	font-size: 8pt;
	padding: 5px;
	background: #DE8686;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}

.unrequired-srt {
	font-size: 8pt;
	padding: 5px;
	background: #BDBDBD;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}

.table-srt th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.table-srt input,
.table-srt textarea {
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
}

.address-100 input {
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
}

.message-100 textarea {
	width: 100%;
	margin: 5px 10px 10px 5px;
}

@media screen and (min-width: 900px) {
	.table-srt th {
		width: 28%;
	}
}

@media screen and (max-width: 900px) {
	.table-srt {
		display: block;
	}
	
	.table-srt tbody,
		  .table-srt tr {
		display: block;
		width: 99%;
	}
	
	.table-srt th {
		width: 95%;
		text-align: left;
		display: block;
		margin: 0 auto;
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	
	.table-srt td {
		display: list-item;
		list-style-type: none;
		margin:  0;
		width: 95%;
		border-top: none !important;
		border-left: none;
		border-right: none;
	}
}
.recaptcha {
	padding: 5px 0;
}
.soushin-button {
	padding: 15px 0 15px 0;
	text-align: center;
}


/* Contact Form 7のラジオボタンを縦並びに　class:list-blockをclass指定する */
.list-block .wpcf7-list-item {
	display: block;
}

.list-inline .wpcf7-list-item {
	display: inline;
}

span.wpcf7-list-item {
	display: inline;
}

/* リボン見出し */
.ribbon {
    position: relative;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
}
.ribbon:after, ribbon:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
.ribbon:after {
    left: 0;
    border-right: 5px solid #333;
}
.ribbon:before {
    right: 0;
    border-left: 5px solid #333;
}


/* 見出し4 */
.border {
  	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #660000;/* ←色を変更する */
}
.border::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

/* ヘッダー上部に帯をつける */
#headbox-bg{
    background-color: #ff0033;/*色はお好みに修正を*/
}

header .sitename {
    color: #fff !important;
}


/* メニューの幅を均等化 （4つの場合）*/
header .smanone ul.menu li{
        width: 264.2px !important;
}

/* マウスオーバーでメニューの色を変える*/
header .smanone ul.menu li{
transition: 0.8s}/*ゆっくりと色を変える*/
 
header .smanone ul.menu li:hover{
 
background-color: #ffcccc;/*マウスオーバー時の背景色*/
}
 
header .smanone ul.menu li a:hover{
color: #ff0066 !important;/*マウスオーバー時の文字色*/
}


/* トップページへ戻るボタンのカスタマイズ */
#page-top {
    bottom: 20px; /* 画面下からの幅 */
    right: 20px; /* 画面右横からの幅 */
}
#page-top a {
    border-radius: 50%; /* ボタンの角を丸くする */
    font-size: 32px; /*ボタンの中のアイコンの大きさ */
    height: 35px; /* ボタンの縦の大きさ */
    line-height: 32px; /*ボタンの中のアイコンの幅 */
    width: 30px; /* ボタンの横の大きさ */
}
#page-top a:hover {
    background: #ff0033 !important; /* マウスが重なったときに色を変える */
}



/* シャドウボックスデザインCSS */
.shadowbox {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
    box-shadow: 1px 1px 6px -2px rgba(0,0,0,0.3);
    overflow: hidden;
    /* IE以外なら丸角も！ */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* GetTABInfo用BOX */
.gti-box{
padding:0 0 5px 0;
overflow: hidden;
} 

.gti-box img{
display:block;
margin:8px auto auto;
text-align:center;
}

.gti-title{
font-size: 18px;
font-weight:bold;
padding:8px 0 2px 5px;
}

.comment{
font-size: 14px;
padding:5px 5px 0 5px;
} 

@media only screen and (min-width: 600px) {
.gti-box{
margin:0 15px 0 0;
float:right;
} 
  
.gti-title{
font-size: 18px;  
font-weight:bold;
padding:5px 0 0 5px;
}

}

/* テーブル セル2個 */
@media screen and (max-width: 480px) { /* ▼480：iPhone6+縦 */
.respStyle th, .respStyle td { display:block; }
.respStyle th {
    border-bottom: none;
    padding: 10px 0px 4px 8px;
}
}

.respStyle th {
	text-align: left;
    font-size: 14px;
	color: #333;
}

.required {
	font-size: 8pt;
	padding: 3px 5px 2px 5px;
	background: #ff6666;
	color: #fff;
	border-radius: 3px;
	margin-right: 4px;
}

.unrequired {
	font-size: 8pt;
	padding: 3px 5px 2px 5px;
	background: #BDBDBD;
	color: #fff;
	border-radius: 3px;
	margin-right: 4px;
}

/* Contact Form 7カスタマイズ */
/* ボタンを縦並び */
.b-block .wpcf7-list-item  {
	display: block;
}

.recaptcha { /* recaptchaに余白 */
	margin: -10px 0 20px 0;
}