@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フォント
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.zen{
font-family: zen-kaku-gothic-new, sans-serif;
font-weight: 500;
font-style: normal;
}
.heisei{
font-family: heisei-kaku-gothic-std, sans-serif;
font-weight: 700;
font-style: normal;
}

.w7{font-weight: 700;}
.w9{font-weight: 900;}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 　　　日付関係
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.date_outline{
	justify-content: center;
	align-items: center;
	margin:80px 0 40px;
}
.date_outline::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: inline-block;
	width: 290px;
	height: 290px;
	transform:rotate(-35deg);
	z-index: 1;
}

.date_box{
	justify-content: flex-start;
	z-index: 2;
	font-size: 684%;
	flex-direction: column; 
}
.start_day{padding-bottom: 50px;}
.start_day::before{
	content: "";
	width: 7px;
	height: 50px;
	background: #000;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.year{display: inline-block;}
.year,
.dow{font-size: 44%;}
.day{
	justify-content: space-between;
	align-items: center;
}
.dow{
	-ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
	display: inline-block;
	margin: 0 20px;
}
@media print, screen and (max-width: 1280px) {
.date_outline {margin: 40px 0 40px;}
.date_outline::before{
    width: 230px;
    height: 230px;
}
.date_box{font-size: 450%;}
.start_day {padding-bottom: 35px;}
.start_day::before {
    width: 6px;
    height: 35px;
}
	.dow { margin: 0 10px;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 　　　sns
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sns_list{
	width: 100%;
	max-width: 200px;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 15px 0;
    z-index: 10;
}
.sns_list a{
	width: 28%;
	max-width: 45px;
	border-radius: 10px;
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
}

.insta_bk{
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: -webkit-linear-gradient(top left, #427eff 0%, #f13f79 70%) no-repeat;
	z-index: 1;
	}
.insta_bk:before{
  content: '';
  position: absolute;
  top: 50%;
  left: -30%;
  width: 100%;
  height: 100%;
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	z-index: 1;
}
.insta_bk img{
	position: relative;
	z-index: 2;
}
@media print, screen and (max-width: 1280px) {
	.sns_list { max-width: 150px;}
	.sns_list a {
    max-width: 35px;
    border-radius: 8px;
}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 　　コンテンツ
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.main_title{
    font-size: 167%;
    line-height: 170%;
	padding-top: 40px;
	margin-bottom: 25px;
}
.main_text{
	font-size: 100%;
    line-height: 170%;
	margin-bottom: 40px;
}

.content_list li{margin-bottom: 70px;}
.content_list li:last-child{margin-bottom: 0;}
.title{
	padding: 15px;
	font-size: 112%;
	margin-bottom: 10px;
}
.img_box{
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 20px;
}
.text{font-size: 100%;}

.news{
	padding: 15px;
/*    margin-bottom:30px;*/
    margin-top: 30px;
    border-radius:10px;
}
.news .news_date span{color: #000;}
.news .news_date{padding-bottom: 10px;}
.news span{
    display: inline-block;
    padding: 0 8px;
    margin-right: 10px;
    border-radius: 5px;
	font-size: 88%;
}



@media print, screen and (max-width: 1280px) {
.main_title{
    font-size: 128%;
    padding-top: 25px;
    margin-bottom: 25px;
}
.main_text{
	font-size: 89%;
    margin-bottom: 30px;
	}
.title {
    padding: 10px;
    font-size: 100%;
}
.text{font-size: 89%;}

.news::before{
  left: -30px;
	border-right: 20px solid #fff;}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	table hr btn
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.base_tbl{
	width: 100%;
	margin-bottom: 50px;
	border-collapse: separate;
    border-spacing: 0px 15px;
	font-size: 100%;
}
.base_tbl th{width: 100px;}
.base_tbl th span{
	min-width: 100px;
	padding: 10px 0;
	display: inline-block;
}

.base_tbl td{
	padding: 0 0 0 15px;
    vertical-align: middle;
}

hr{
	width: 90%;
	margin: auto;
	position: relative;
	height: 2px;
	border: none;
}
hr::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: repeating-linear-gradient(90deg, #585858, #585858 3%, #fff 3%, #fff 5%);
}
.btn{
	width: 100%;
	padding: 25px 0;
	background: #000;
	border-radius: 50px;
	font-size: 100%;
}
@media print, screen and (max-width: 1280px) {

.base_tbl{
	font-size: 89%;
    margin-bottom: 25px;
	}
.base_tbl th{width: 90px;}
.base_tbl th span {
    min-width: 90px;
    padding: 8px 0;
}
.btn {
    padding: 15px 0;
    font-size: 95%;
}
	
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	color関係
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*color_1-------------*/
body.color_1 .color_gr{background: linear-gradient(160deg, #af98ed 0%, #a67afa 25%, #8ec2fa 100%);}
body.color_1 .date_outline::before{background: linear-gradient(180deg, #af98ed 0%, #a67afa 20%, #8ec2fa 100%);}
body.color_1 .color_bk{background: #af98ed;}
body.color_1 .page_top a {
	border: solid 2px #af98ed;
    color: #af98ed;
}
body.color_1 .news{border: solid 2px #af98ed;}


/*color_2-------------*/
body.color_2 .color_gr{background: linear-gradient(160deg,#80D0C7 25%,#d0ff6b 100%);}
body.color_2 .date_outline::before{background: linear-gradient(180deg,#80D0C7  20%,#d0ff6b 100%);}
body.color_2 .color_bk{background: #92dab4;}
body.color_2 .page_top a {
	border: solid 2px #92dab4;
    color: #92dab4;
}
body.color_2 .news{border: solid 2px #92dab4;}


/*color_3-------------*/
body.color_3 .color_gr{background: linear-gradient(160deg,#FF6A88 25%,#ffbc8b 100%);}
body.color_3 .date_outline::before{background: linear-gradient(180deg,#FF6A88  20%,#ffbc8b 100%);}
body.color_3 .color_bk{background: #ff978a;}
body.color_3 .page_top a {
	border: solid 2px #ff978a;
    color: #ff978a;
}
body.color_3 .news{border: solid 2px #ff978a;}



/*color_4-------------*/
body.color_4 .color_gr{background: linear-gradient(160deg,#1fd0ff 25%,#C2FFD8 100%);}
body.color_4 .date_outline::before{background: linear-gradient(180deg,#1fd0ff 20%,#C2FFD8 100%);}
body.color_4 .color_bk{background: #86eae9;}
body.color_4 .page_top a {
	border: solid 2px #86eae9;
    color: #86eae9;
}
body.color_4 .news{border: solid 2px #86eae9;}



/*color_5-------------*/
body.color_5 .color_gr{background: linear-gradient(160deg,#ff9336 25%,#ffe445 100%);}
body.color_5 .date_outline::before{background: linear-gradient(180deg,#ff9336 20%,#ffe445 100%);}
body.color_5 .color_bk{background: #ffc949;}
body.color_5 .page_top a {
	border: solid 2px #ffc949;
    color: #ffc949;
}
body.color_5 .news{border: solid 2px #ffc949;}



/*color_6-------------*/
body.color_6 .color_gr{background: linear-gradient(160deg,#666 0%,#d8d8d8 100%);}
body.color_6 .date_outline::before{background: linear-gradient(180deg,#666 10%,#d8d8d8 100%);}
body.color_6 .color_bk{background: #d0d0d0;}
body.color_6 .page_top a {
	border: solid 2px #d0d0d0;
    color: #d0d0d0;
}
body.color_6 .news{border: solid 2px #d0d0d0;}