/*
 Theme Name:   dt-the7-child
 Template:     dt-the7
*/




/*中央寄せdiv*/
.imgbox_C {
	text-align: center;
	margin-bottom: 20px;
	display: block;
}


/*フロート解除（不可視）*/
 
.clear {
	clear: both;
	visibility: hidden;
}


/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */



/*下方向間隔調整（不可視）*/
 
.sp_S {
	clear: both;
	visibility: hidden;
	height: 30px;
}

.sp_M {
	clear: both;
	visibility: hidden;
	height: 60px;
}

.sp_L {
	clear: both;
	visibility: hidden;
	height: 90px;
}




/***************************************
横並びボックス
 ***************************************/


.box2col {
	width: 48.437%;
	float: left;
	margin-bottom: 30px;
	margin-left: 3.126%;
}

.box2col:first-child {
	margin-left: 0%;
}


.box3col {
	width: 31.25%;
	float: left;
	margin-bottom: 30px;
	margin-left: 3.125%;
}

.box3col:first-child {
	margin-left: 0%;
}


.box4col {
	width: 22.916%;
	float: left;
	margin-bottom: 30px;
	margin-left: 2.778%;
}

.box4col:first-child {
	margin-left: 0%;
}


.box5col {
	width: 18.4%;
	float: left;
	margin-bottom: 30px;
	margin-left: 2.0%;
}

.box5col:first-child {
	margin-left: 0%;
}





/*段落*/

.p_R {
	text-align: right;
}

.p_C {
	text-align: center;
}

.p_L {
	text-align: left;
}

.p_big1 {
	font-size: 1.2em;
}

.p_big2 {
	font-size: 1.6em;
}

.p_big3 {
	font-size: 2.0em;
}

.p_small1 {
	font-size: 0.9em;
}

.p_small2 {
	font-size: 0.8em;
}

.p_small3 {
	font-size: 0.7em;
}



/***************************************
Listの調整
 ***************************************/


.list_01 {
    padding: 0px;
    margin: 0px;
    list-style: none;
 }

.list_01 > li {
    position: relative;
    padding: 0px 0px 0px 1em;
	line-height: 1.8em;
 }
.list_01 > li::before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 0.3em solid transparent;
    border-left: 0.4em solid #d02f14;
    content: "";
}




/***************************************
フォームの調整
 ***************************************/

.mw_wp_form input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"] { 
width: 100%; 
height: 30px; 
} 


.mw_wp_form textarea { 
width: 100%; 
height: 160px; 
} 


.mw_wp_form input[type="submit"] {
border: 1px solid #B0B0B0;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}


#form_ask h2 {
text-align: center;
margin-bottom: 50px;
color: #00A784;
} 






/***************************************
ボタン
 ***************************************/

/*枠線のみボタン*/
.btn_01 {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 1.2em;
	outline: none;
	border: 1px solid #C1C1C1;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
	padding-right: 50px;
}
.btn_01::before,
.btn_01::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btn_01,
.btn_01::before,
.btn_01::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.btn_01:hover {
	background-color: #C5C5C5;
}



/*背景付きボタン*/
.btn_02 {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 1.2em;
	outline: none;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15%;
	padding-right: 15%;
	background-color: #bf2929;
}
.btn_02::before,
.btn_02::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btn_02,
.btn_02::before,
.btn_02::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.btn_02:hover {
background-color: #E07272;
}

a.btn_02:link,
a.btn_02:visited {
	color: #FFFFFF;
}




/***************************************
囲みbox_背景
 ***************************************/

.boxedBack_normal {
background-color: #F5F5F5;
padding: 3%;
margin-bottom: 50px;
}

.boxedBack_notice {
background-color: #F3FBFF;
padding: 3%;
margin-bottom: 50px;
}

.boxedBack_caution {
background-color: #FFFDF1;
padding: 3%;
margin-bottom: 50px;
}



/***************************************
囲みbox_背景なし
 ***************************************/

.borderBox_normal {
border: 1px dotted #C2C2C2;
padding: 3%;
margin-bottom: 50px;
}

.borderBox_notice {
border: 1px dotted #FFB500;
padding: 3%;
margin-bottom: 50px;
}

.borderBox_caution {
	border: 1px dotted #D00;
 padding: 3%;
 margin-bottom: 50px;
}


/***************************************
table
 ***************************************/


#content table .tableC td {
	text-align: center;
}

#content table td.left {
	text-align: left;
}

#content table td.center {
	text-align: center;
}

#content table td.tdColor01 {
	background-color: #FFEFF4;
}

#content table td.tdColor02 {
	background-color: #EFFFF3;
}

#content table td.tdColor03 {
	background-color: #FDFFEF;
}

#content table th.thColor01 {
	background-color: #E6E6E6;
}

#content table th.thColor02 {
	background-color: #F1F7FF;
}

#content table th.thColor03 {
	background-color: #FFEFEF;
}

#content table .table01 td ul,
#content table .table02 td ul,
#content table .table03 td ul {
	padding: 0px;
	margin: 0px;
}

#content table .table01 td li,
#content table .table02 td li,
#content table .table03 td li {
	padding-left: 25px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#content table.responsive .td01 {
	background-color: #FFF9E5;
}


#content table caption {
	caption-side: bottom;
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
}




#content .scroll_table table {
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin-bottom: 60px;
}

#content .scroll_table table th {
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	vertical-align: middle;
	background-color: #F7F7F7;
	font-weight: normal;
}

#content .scroll_table table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	text-align: center;
	background-color: #FFF;
 }


#content .table01 {
	border-collapse: collapse;
	margin-bottom: 50px;
	border: 1px solid hwb(0 0% 100% / 0.08);
	line-height: 1.3em;
	margin-right: auto;
	margin-left: auto;
}

#content .table01 th {
	text-align: center;
	padding: 2%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: hwb(0 0% 100% / 0.08);
	border-bottom-color: hwb(0 0% 100% / 0.08);
	vertical-align: middle;
	background-color: #F7F7F7;
}

#content .table01 td {
	padding: 2%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: hwb(0 0% 100% / 0.08);
	border-bottom-color: hwb(0 0% 100% / 0.08);
	background-color: #FFF;
}

#content .table02 {
	border-collapse: collapse;
	margin-bottom: 50px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: hwb(0 0% 100% / 0.08);
	border-bottom-color: hwb(0 0% 100% / 0.08);
	line-height: 1.3em;
	margin-right: auto;
	margin-left: auto;
}

#content .table02 th {
	text-align: center;
	padding: 2%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: hwb(0 0% 100% / 0.08);
	vertical-align: middle;
	background-color: #F7F7F7;
	width: 30%;
}

#content .table02 td {
	text-align: left;
	padding: 2%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: hwb(0 0% 100% / 0.08);
	background-color: #FFF;
 width: 70%;
}



#content .table03 {
margin-bottom: 50px;
line-height: 1.3em;
margin-right: auto;
margin-left: auto;
border-collapse: separate;
border-spacing: 10px;
border-bottom: none;
 }

#content .table03 th {
text-align: center;
padding: 2%;
vertical-align: middle;
background-color: #FFEAF2;
border-width: 1px;
border-style: solid;
border-color: hwb(0 0% 100% / 0.08);
}

#content .table03 td {
text-align: left;
padding: 2%;
background-color: #FFF7FA;
border-width: 1px;
border-style: solid;
border-color: hwb(0 0% 100% / 0.08);
}




/***************************************
強調
 ***************************************/
 
.stNormal {
	color: #9D7B1E;
}

.stNotice {
	color: #B7005B;
}

.stCaution {
	color: #F00;
}




/***************************************
コンテンツ内のボックス
 ***************************************/

.contentsBox01 {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	padding-top: 120px;
	padding-bottom: 120px;
}

.contentsBox02 {
 max-width: 1000px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	padding-top: 120px;
	padding-bottom: 120px;
}

.contentsBox03 {
 max-width: 800px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	padding-top: 120px;
	padding-bottom: 120px;
}

.contentsBox04 {
 max-width: 600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	padding-top: 120px;
	padding-bottom: 120px;
}




/***************************************
タグクラウド
 ***************************************/
.tagcloud a {
display: inline-block;
margin: 0 .5em .6em 0;
padding-top: 0.5em;
padding-right: 1.0em;
padding-left: 1.0em;
padding-bottom: 0.5em;
line-height: 1;
text-decoration: none;
background-color: #fff;
border: 1px solid #C8C8C8;
}
/*.tagcloud a:before {
    content: "#";   
}*/

.tagcloud a:hover {
background-color: #DBE6FF;
text-decoration: none;
color: #000;
}

.mytagcloud a.tag-cloud-link {
	font-size: 1.2em !important;
}




























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


.img_floatR,
.img_floatL {
	float: none;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8%;
	display: block;
}



.box2col {
	width: 90%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	}

.box2col:first-child {
	margin-left: auto;
}


.box3col {
	width: 90%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: center;
}

.box3col:first-child {
	margin-left: auto;
}


.box4col {
	width: 90%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: center;
}

.box4col:first-child {
	margin-left: auto;
}


.box5col {
	width: 90%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: center;
}

.box5col:first-child {
	margin-left: auto;
}





#content .table02 th,
#content .table02 td,
#content .table03 th,
#content .table03 td {
	display: block;
	width: 100%;
	text-align: center;
}


#content .scroll_table {
 overflow-x: auto;
}

#content .scroll_table table {
 min-width: 640px;
 margin: 0 10px 50px;
}

#content .scroll_table table td {
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
}




}