/*
Theme Name:STORY child
Theme URI:https://tcd-theme.com/tcd041
Description:WordPressテーマ「STORY」の自作子テーマです。
Template:story_tcd041
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.10
*/
.pc01{display: inline;}
.sp01{display: none;}
@media only screen and (max-width:600px){
.pc01{display: none;}
.sp01{display: inline;}	
}

.post-content td, .post-content th {
  border: 1px solid #ccc;
  padding: 10px 15px 7px;
  line-height: 2.2;
  background: #fff;
}
.post-content th {
  background: #E8F1FF;
  font-weight: normal;
}

/* ----------------------------------------------------------------------
 headline - 見出しのスタイル
---------------------------------------------------------------------- */
---------------------------------------------------------------------- */
.style3c, .style3d, .style4c, .style4d, .style5c, .style5d { line-height:1.6; } 
/* h3 */

.style3d { margin:3em 0 1.5em; padding:1.1em .9em 1em; font-size:22px; font-weight:400; border-top:2px solid #003E98; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; }
/* h4 */
.style4c { margin:2.5em 2px 1.2em; padding:.3em 0 .3em .8em; font-size:18px; font-weight:400; border-bottom:none; border-left:2px solid #222; }
.style4d { margin:2.5em 0 1.2em; padding:.9em 0 .8em; font-size:18px; font-weight:400; border-bottom:1px dotted #aaa; }
/* h5 */
.style5c { margin:2em 0 1em; padding:.5em .8em .3em 1em; font-weight:700; font-size:18px; background:#f5f5f5; box-shadow:0px 2px 0px 0px #f2f2f2; }
.style5d { margin:2em 0 1em; padding:.5em .8em .4em 1em; font-weight:400; font-size:18px; color:#fff; background:#222; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; }

/* ----------------------------------------------------------------------
 headline - 見出しのスタイル
---------------------------------------------------------------------- */
.post-content .style3a, .post-content .style3b, .post-content .style4a, .post-content .style4b, .post-content .style5a, .post-content .style5b, .post-content .style6 {
  line-height: 1.6;
}

/* h3 */
.post-content .style3a {
  margin: 3em 0 1.5em;
  padding: 1.1em .2em 1em;
  font-size: 22px;
  font-weight: 400;
  border-top: 1px solid #003E98;
  border-bottom: 1px solid #003E98;
}

.post-content .style3b {
  margin: 3em 0 1.5em;
  padding: 1.1em .9em 1em;
  font-size: 22px;
  font-weight: 400;
  border-top: 2px solid #003E98;
  border-bottom: 1px solid #ddd;
  background: #fafafa;
  box-shadow: 0px 1px 2px #f7f7f7;
}
.post-content .style3c {
	font-size:22px;
	font-weight:400;
	margin-top: 3em;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0.2em;
	padding-bottom: 20px;
	padding-left: 0.2em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

/* h4 */
.post-content .style4a {
  margin: 2.5em 2px 1.2em;
  padding: .3em 0 .3em .8em;
  font-size: 18px;
  font-weight: 400;
  border-bottom: none;
  border-left: 2px solid #003E98;
}

.post-content .style4b {
  margin: 2.5em 0 1.2em;
  padding: .9em 0 .8em;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px dotted #aaa;
}

/* h5 */
.post-content .style5a {
  margin: 2em 0 1em;
  padding: .5em .8em .3em 1em;
  font-weight: 700;
  font-size: 18px;
  background: #dddddd;
  box-shadow: 0px 2px 0px 0px #f2f2f2;
}

.post-content .style5b {
  margin: 2em 0 1em;
  padding: .5em .8em .4em 1em;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  background: #003E98;
  border-radius: 4px;
  box-shadow: 0px 2px 0px 0px #f2f2f2;
}


/*-----------------------------------------------------------------------------------*/
/*	DIVCODES
/*-----------------------------------------------------------------------------------*/

.divcod5 {
width: 100%;
height: 5px;
display: block;
}

.divcod10 {
width: 100%;
height: 10px;
display: block;
}

.divcod15 {
width: 100%;
height: 15px;
display: block;
}

.divcod20 {
width: 100%;
height: 20px;
display: block;
}

.divcod25 {
width: 100%;
height: 25px;
display: block;
}

.divcod30 {
width: 100%;
height: 30px;
display: block;
}

.divcod35 {
width: 100%;
height: 35px;
display: block;
}

.divcod40 {
width: 100%;
height: 40px;
display: block;
}

.divcod45 {
width: 100%;
height: 40px;
display: block;
}

.divcod50 {
width: 100%;
height: 50px;
display: block;
}

.divcod55 {
width: 100%;
height: 55px;
display: block;
}

.divcod60 {
width: 100%;
height: 60px;
display: block;
}

.divcod65 {
width: 100%;
height: 65px;
display: block;
}

.divcod70 {
width: 100%;
height: 70px;
display: block;
}

.divcod75 {
width: 100%;
height: 75px;
display: block;
}

.divcod80 {
width: 100%;
height: 80px;
display: block;
}

.divcod85 {
width: 100%;
height: 85px;
display: block;
}
.divcod90 {
width: 100%;
height: 90px;
display: block;
}
.divcod100 {
width: 100%;
height: 100px;
display: block;
}
.divcod120 {
width: 100%;
height: 120px;
display: block;
}

/* フォーム
------------------------------------------------------------*/

.contactbox {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.contactbox dl {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.contactbox dl dt {
	float: left;
	width: 220px;
	padding-top: 12px;
	padding-bottom: 2px;
	text-align: left;
	font-weight: normal;
	padding-left: 20px;
	background-image: url(http://takek.net/002/wp-content/uploads/2025/03/bg_mark01.png);
	background-repeat: no-repeat;
	background-position: 5px 15px;
}
.contactbox dl dd {
	float: left;
	width: 460px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 20px;
}
@media (max-width: 700px) {
.contactbox {
	width: 100%;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;	
	}	
.contactbox dl dt {
	padding-top: 0px;
	width: 100%;
	background-position: 5px 0px;
}
.contactbox dl dd {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}	
}
/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea,select{
vertical-align:middle;
max-width:98%;
line-height:30px;
height:50px;
padding:5px 5px;
font-size:100%;
color:#555;
background:#eee;
border:1px solid #EEE;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #878787;
background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#6f6f6f));
background: -webkit-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: -o-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: linear-gradient(to bottom, #878787 0%,#6f6f6f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#6f6f6f',GradientType=0 );
border:0;
line-height:1.5;
font-size:120%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #878787;
background: -moz-linear-gradient(top, #6f6f6f 0%, #878787 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(100%,#878787));
background: -webkit-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: -o-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: linear-gradient(to bottom, #6f6f6f 0%,#878787 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#878787',GradientType=0 );
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}

input::placeholder,
textarea::placeholder {
	color: #CCCCCC;
}

/* Edge */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #CCCCCC;
}

/* IE11 & IE10 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #CCCCCC;
}
@media only screen and (max-width:600px){
.text20{
	font-size: 16px;
}
.post dt{
	float: none;
	width: 90%;
	text-align: left;
	height: 20px;
	padding-top: 10px;
	padding-right: 20px;
}
.post dd{
padding-top:10px;
padding-bottom:10px;
}
}
.box70{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
  float:none;
}
@media only screen and (max-width:600px){
.box70{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
}
.formstyle2{
	padding: 10px;
	font-size: 17px;
	width: 100px;
	float: left;
	margin-right: 10px;
}
.formstyle3{
	padding: 10px;
	font-size: 17px;
	width: 320px;
	float: left;
	margin-right: 10px;
}
.left{
	float: left;
}
.right{
	float: right;
}
.mr20 {
	padding-right: 20px;
}
.bg01{
	background-color: #E1F0FF;
}
a:hover img  {
	filter: alpha(opacity=70);  -moz-opacity:0.70;  opacity:0.70;
}
.postsns{
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
.postsns img{
	margin: 10px;
	float: left;
}
.text12 {
	font-size: 12px;
	line-height: 16px;
}
.text14 {
	font-size: 14px;
	line-height: 20px;
}
.text16{
	font-size: 16px;
	line-height: 20px;
}
.fontnomal{
	font-weight: normal;
}
.logo-image {
	position: absolute;
	top: 20px;
	left: 0;
}
.tab li {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  line-height: 50px;
  width: 180px;
  height: 50px;
  vertical-align: middle;
}
.tab li:nth-child(5n) ~ li {
  border-top: 1px solid #ddd;
}
.tab li:nth-child(5n+1) {
  border-left: none;
}
.global-nav > ul > li > a {
  line-height: 100px;
  padding: 0 25px;
}