@charset "utf-8";
/*
Theme Name:NOEL
Theme URI:
Description:WordPressテーマ「NOEL」
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:1.6.2
Text Domain:tcd-w
*/
/************************************/

.sp_only {
	display: none !important;
}

@media screen and (max-width: 834px){
.sp_only {
	display: block !important;
}
.pc_only {
	display: none !important;
}
}



/************************************
** プッターポップアップ
************************************/
#footerMenu {
display: none;
}
#footerMenu.show {
	height: 0; 
}
ul.foot_popup {
display: none;
}

@media screen and (max-width: 834px){
#footerMenu {
display: block;
width: 100%;
	height: 0px;
	position: fixed;
	z-index: 300;
	bottom: 0;
	overflow: none;
	left: 0;
	background-color: rgba(68,68,68,0.7);
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-webkit-box-shadow: 0px -4px 38px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:    0px -4px 38px rgba(50, 50, 50, 0.50);
	box-shadow:         0px -4px 38px rgba(50, 50, 50, 0.50);
}

#footerMenu.show {
	height: 80px;
	padding: 0; 
}

ul.foot_popup {
margin: 0;
padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
ul.foot_popup li {
	display: inline-block;
  width : calc(100% / 2);
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 3.2vw;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
}

ul.foot_popup li span {
	display: block;
	font-weight: 400;
	font-size: 80%;
}
ul.foot_popup li a {
	display: block;
	color: #FFF;
	padding: 1em 1em;
	text-decoration: none;
}
ul.foot_popup li:nth-child(1) a {
	background-color: #06F;
}
ul.foot_popup li:nth-child(2) a {
	background-color: #F00;
}
ul.footerfloat li a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}
}








/************************************
** スライド下 追加コンテンツ
************************************/

.top_under {
display: block;
max-width: 1182px;
margin: 0 auto;
margin-top: 50px;
}
@media screen and (max-width: 1182px){
.top_under {
display: block;
padding: 0 5%;
margin: 0 auto;
margin-top: 30px;
}
}

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

.bn_center {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
}
a .bn_center {
	display: block;
}
a:hover .bn_center  {
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	opacity:0.70;
	background-color: #F00;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/************************************
** ボックス
************************************/
.box_gray {
display: block;
padding: 3% 5% 1% 5%;
background-color: #F5F5F5;
margin-bottom: 20px;
}
.box_shadow {
display: block;
padding: 5%;
background-color: rgba(255,255,255, 0.5);
box-shadow: 0 0 5px rgba(0,0,0,0.5);
margin-bottom: 20px;
}
@media screen and (max-width: 834px){
.box_gray {
padding: 15px;
margin-bottom: 15px;
}
.box_shadow {
margin-bottom: 15px;
}
}


/************************************
** list-style
************************************/

ul.list_maru {
margin: 0;
padding: 0;
}
ul.list_maru li {
list-style-type: disc;
line-height: 150%;
margin: 0;
margin-left: 20px;
margin-bottom: 5px;
padding: 0;
}

ul.list_kome {
margin: 0;
padding: 0;
}
ul.list_kome li {
position: relative;
list-style: none;
margin: 0;
margin-bottom: 5px;
padding: 0;
padding-left: 1.2em;
line-height: 150%;
}
ul.list_kome li:before {
position: absolute;
content: "※";
margin-left: -1.2em;
}

ul.list_check {
margin: 0;
padding: 0;
}
ul.list_check li {
position: relative;
list-style: none;
margin: 0;
margin-left: 20px;
margin-bottom: 5px;
padding: 0;
padding-left: -1.2em;
line-height: 150%;
}
ul.list_check li:before {
position: absolute;
	margin-left: -1.2em;
  font-family: "Font Awesome 5 Free";
    content: '\f14a';
	font-weight: 400;
	color: #F00;
}


ul.list_triplebox {
margin: 0;
padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.list_triplebox li {
position: relative;
display: inline-block;
list-style: none;
margin: 0;
margin-right: 3%;
margin-bottom: 15px;
padding: 0;
  width : 31.3% ;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
ul.list_triplebox li:nth-child(3n), ul.list_top_tori_s li:last-child {
margin-right: 0;
}
ul.list_triplebox li .inner {
padding: 3% 5%;
}
ul.list_triplebox h4 {
text-align: center;
font-size: 120%;
}
@media screen and (max-width: 834px){
ul.list_triplebox li {
display: block;
margin-right: 0;
margin-bottom: 15px;
  width : 100%;
}
}



/************************************
** 画像
************************************/
.pic_left_page {
	float: left;
	display: inline-block;
	max-width: 43%;
	margin-right: 5%;
}
.pic_right_page {
	float: right;
	display: inline-block;
	max-width: 43%;
	margin-left: 5%;
}
.pic_right_page img, .pic_left_page img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
@media only screen and (max-width: 834px) {
.pic_right_page, .pic_left_page {
	float: none;
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
}

.imageright {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
.imageright_pc {
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	max-width: 50%;
}
@media screen and (max-width: 834px){
.imageright_pc {
float: none;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}
}

.imageleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.imagecenter {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}
.imagecenter00 {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

/************************************
** 個別
************************************/


table.table_double {
table-layout: fixed;
margin: 0;
padding: 0;
border: none;
background: none;
width: 100%;
}
table.table_double tr, table.table_double th, table.table_double td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_double td:nth-child(odd) {
padding-right: 2%;
}
table.table_double td:nth-child(even) {
padding-left: 2%;
}
table.table_double td.w55 {
width: 55%;
}
table.table_double td.w60 {
width: 60%;
}
table.table_double td.w65 {
width: 65%;
}
table.table_double td.w70 {
width: 70%;
}
table.table_double td.w75 {
width: 75%;
}

@media screen and (max-width: 1023px){
table.table_double td.w55, table.table_double td.w60, table.table_double td.w65, table.table_double td.w70, table.table_double td.w75 {
width: 50%;
}
}
@media screen and (max-width: 834px){
table.table_double td {
display: block;
padding: 0;
margin-bottom: 20px;
}
table.table_double td:nth-child(odd) {
padding-right: 0;
}
table.table_double td:nth-child(even) {
padding-left: 0;
}
table.table_double td.w60, table.table_double td.w65, table.table_double td.w70, table.table_double td.w75 {
width: auto;
}
}

.uline_green {
border-bottom: 1px solid #53c0c7;
padding-bottom: 0.2em;
}
.uline_green:after {
border-bottom: 1px solid #53c0c7;
}
.right {
float: right;
}

.red {
color: #F00;
}
.pink {
color: #fc5987;
}
.yellow {
color: #f9d50b;
}
.blue {
color: #0168b7;
}

.green {
color: #53c0c7;
}
.navy {
color: #2f418f;
}
.pink02 {
color: #F9B;
}
.gold {
color: #eee06d;
}
.gray {
color: #555;
}
.wine {
color: #B07;
}
.f70 {
	font-size: 70%;
}
.f80 {
	font-size: 80%;
}
.f90 {
	font-size: 90%;
}
.f110 {
	font-size: 110%;
}
.f120 {
	font-size: 120%;
}
.f150 {
	font-size: 150%;
}
.f200 {
	font-size: 200%;
}

.f10 {
	font-size: 10px;
	line-height: 110%;
}
.f12 {
	font-size: 80%;
	line-height: 90% !important;
}

.f50 {
	font-size: 50px;
}

.mb001 {
	margin-bottom: 70px;
}

.t_center {
	text-align: center !important;
}
.t_center_pc {
	text-align: center;
}

.member_pic {
	width: 20%;
		margin-top: -10px;
}

@media only screen and (max-width: 834px) {
.t_center_pc {
	text-align: left;
}
.mb001 {
	margin-top: -10px;
	margin-bottom: 20px;
}	
.member_pic {
	width: 30%;
}
	
}
.t_left {
	text-align: left !important;
}
.t_right {
	text-align: right !important;
	}