@charset "UTF-8";

/* ------------------------------------------ reset ------------------------------------------ */
ul {
	list-style:none;
	margin:0;
	padding:0;
}
img {
	vertical-align:middle;
	max-width : 100% ;
	height : auto ;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}
a {
	text-decoration:none!important;
	color:#333;
	display:block;
	/* -webkit-tap-highlight-color:#579bab; */
}
a:hover ,
input[type="submit"]:hover {
	opacity:0.8;
}

/* ------------------------------------------ base ------------------------------------------ */
html {
	font-size: 62.5%;
}
/* ------------------------------------------ module ------------------------------------------ */
.max_width {
	max-width:960px;
	margin:0 auto;
}
.sns_area {
	padding:30px 23px;
}
.recruit_btn_area {
	padding:20px 28px;
}
.txt_area {
	padding:20px 28px;
}
a.txt {
	color:#29679e!important;
	text-decoration: underline!important;
	font-weight: lighter;
	display:inline!important;
}
.blue_area {
    background-color: #eef5f7;
    width: 100%;
    background-image: url(https://cdn.michill.jp/img/bg_blue.png);
	background-repeat: no-repeat;
	background-position:center -30px;
    background-size:298px 66px;
	padding:50px 0 40px 0 ;
}
.white_area {
    background-color: #fff;
    width: 100%;
    background-image: url(https://cdn.michill.jp/img/bg_white.png);
	background-repeat: no-repeat;
	background-position:center -30px;
    background-size:298px 66px;
	padding:50px 0 40px 0 ;
}
.border_area {
	border-bottom: 1px solid #ced9e2;
}

/* title */
.main_tit {
	font-size:2rem;
	margin:30px 0;
	text-align:center;
	font-weight:bold;
}
.deco_tit {
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	margin: 0 0 20px 0;
}
.deco_tit span {
	color:#757575;
	font-size: 1.2rem;
	display: block;
	margin: 0 0 12px 0;
}
.dot_tit {
	margin: 0 0 10px 2.1rem;
	font-weight: bold;
	font-size: 1.8rem;
	text-indent:-2.1rem;
}
.dot_tit:before {
	content: "■";
	color: #579bab;
	margin: 0 5px 0 0;
}
 .remodal dt {
	margin: 12px 0 10px 0;
	color: #333;
	font-weight: bold;
	font-size: 1.5rem;
	border-top: 1px dotted #ccc;
	padding: 12px 0 0 0;
}
.remodal li , .indent li {
	margin: 0 0 5px 2rem;
	text-indent: -2rem;
}
.remodal li:before , .indent_dot li:before {
	content: "・";
	margin: 0 5px 0 0;
}
.sub_tit {
	color: #7c8d9c;
	font-size: 1.8rem;
}

/* button */
.btn_white {
	font-size: 1.6rem;
    font-weight: bold;
    line-height: 48px;
    color: #333;
    background-color: #fff;
	border-top:2px solid #e6e7e7;
	border-left:2px solid #e6e7e7;
	border-right:2px solid #e6e7e7;
	border-bottom:3px solid #e6e7e7;
    min-height: 48px;
	text-align:center;
	border-radius:6px;
}
.btn_yellow {
	font-size: 1.6rem;
    font-weight: bold;
    line-height: 48px;
    color: #333;
    background-color: #fbe779;
    min-height: 48px;
	text-align:center;
	border-radius:6px;
	width: 100%;
	cursor: pointer;
}
.btn_gray {
	font-size: 1.6rem;
    font-weight: bold;
    line-height: 48px;
    color: #333;
    background-color: #e6e7e7;
	border-top:1px solid #e6e7e7;
	border-left:1px solid #e6e7e7;
	border-right:1px solid #e6e7e7;
	border-bottom:3px solid #c4c9c9;
    min-height: 48px;
	text-align:center;
	border-radius:6px;
	width: 100%;
	cursor: pointer;
}
.btn_ico_down {
	position:relative;
}
.btn_ico_down:after {
  content: "\e901";
  font-family: IconFont;
  position:absolute;
  right:20px;
}
.btn_ico_right {
	position:relative;
}
.btn_ico_right:after {
  content: "\e902";
  font-family: IconFont;
  position:absolute;
  right:20px;
}
.btn_ico_up {
	position:relative;
}
.btn_ico_up:after {
  content: "\e903";
  font-family: IconFont;
  position:absolute;
  right:20px;
}
.btn_ico_blank {
	position:relative;
}
.btn_ico_blank:after {
	  content: "\e905";
	  font-family: IconFont;
	  position:absolute;
	right:20px;
	font-weight: lighter;
}
.genre {
	overflow: hidden;
}
.genre a {
	font-size: 1.6rem;
    font-weight: bold;
    line-height: 47px;
    color: #333;
    background-color: #fff;
	border:1px solid #757575;
	height: 50px;
	text-align:left;
	border-radius:6px;
	margin: 5px;
	padding:  0  0 0 15px;
}

/* ------------------------------------------ contents ------------------------------------------ */
/* countdown */
.count_area {
    width: 100%;
    background-image: url(https://cdn.michill.jp/img/bg_border.png);
	background-repeat: repeat;
	background-position:center top;
    background-size:170px 480px;
	text-align:center;
	padding:25px 0 50px 0;
}
#CDT {
	overflow:hidden;
	width:28rem;
	margin:0 auto;
}
#CDT .yyc-day , #CDT .yyc-hou ,#CDT .yyc-min , #CDT .yyc-sec  {
	display:inline-block;
	text-align:center;
	width:6.4rem;
}
#CDT .yyc-day-text , #CDT .yyc-hou-text ,#CDT .yyc-min-text , #CDT .yyc-sec-text  {
	display:none;
}
#CDT .yyc-day {
    background-image: url(https://cdn.michill.jp/img/tit_days.png);
	background-repeat: no-repeat;
	background-position:center bottom;
    background-size:28px 15px;
	text-align:center;
	padding: 0 0 20px 0;
}
#CDT .yyc-hou {
    background-image: url(https://cdn.michill.jp/img/tit_hours.png);
	background-repeat: no-repeat;
	background-position:center bottom;
    background-size:36px 15px;
	text-align:center;
	padding: 0 0 20px 0;
}
#CDT .yyc-min {
    background-image: url(https://cdn.michill.jp/img/tit_minutes.png);
	background-repeat: no-repeat;
	background-position:center bottom;
    background-size:51px 15px;
	padding: 0 0 20px 0;
	text-align:center;
}
#CDT .yyc-sec {
    background-image: url(https://cdn.michill.jp/img/tit_seconds.png);
	background-repeat: no-repeat;
	background-position:center bottom;
    background-size:48px 15px;
	text-align:center;
	padding: 0 0 20px 0;
}

/* sns */
.sns_area ul {
	display: table;
	width: 100%;
	margin: 0 0 5px 0;
}
.sns_area li {
	display:table-cell;
	vertical-align: middle;
	width: 20%;
}
.sns_area li a {
	font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #f2e256;
	border-bottom:4px solid #d1c23f;
	text-align:center;
	border-radius:6px;
    height: 50px;
    line-height: 50px;
	display: block;
	position: relative;
	margin: 0 5px;
}
.sns_area li .facebook {
    background-color: #3b5998;
	border-bottom:4px solid #1f3971;
}
.sns_area li .twitter {
    background-color: #55acee;
	border-bottom:4px solid #438ac0;
}
.sns_area li .hatebu {
    background-color: #00a4de;
	border-bottom:4px solid #2a87a8;
}
.sns_area li .line {
    background-color: #00c300;
	border-bottom:4px solid #229c22;
}
.sns_area li .mail {
    background-color: #777777;
	border-bottom:4px solid #5c5a5a;
}


/* ------------------------------------------ 下層 ------------------------------------------ */
#sub header {
    background-color: #fff;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #dbdae0;
	padding:0;
}
#sub .logo img {
	width: 150px;
	position: absolute;
	top: 14px;
	left: 0;
	right: 0;
}
#sub h1 {
	background-color: #e6eff5;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
    border-bottom: 1px solid #dbdae0;
	padding: 10px 0;
	margin: 0 0 20px 0;
}
#sub form dl {
    margin: 0 0 10px 0;
}
#sub form dt {
    padding: 10px 15px 10px 15px;
    border: 1px solid #dfdfdf;
    background: #f7f7f7;
    color: #666;
    font-size: 1.4rem;
	font-weight: bold;
}
#sub form dd {
    padding: 15px;
}
#sub form dd span {
    margin: 0 0 10px 0;
    display: inline-block;
}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="range"], input[type="color"] ,textarea , select  {
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    padding: 10px 8px;
    -webkit-appearance: none;
	width: 100%;
}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="range"], input[type="color"] {
    height: 38px;
}
.input {
    border-bottom: 1px dotted #ccc;
	background: #ffffff; !important;
    padding: 10px 8px;
	width: 100%;
}
.required, .any {
    color: #fff;
    font-size: 1.2rem;
    background-color: #ed6551;
    padding: 3px 5px;
    border-radius: 4px;
    margin-left: 10px;
    text-align: center;
	display: inline-block;
}
.any {
    background-color: #bbb;
}
.error {
	margin: 8px 0 15px 0;
	color: #ed6551;
	font-size: 1.4rem;
}

/* ------------------------------------------ mediaquery ------------------------------------------ */
.sp_block {
	display:none;
}
.mainimage img {
	width:300px;
	height:auto;
}
.logo img {
	width: 260px;
	margin: 0 auto 25px auto;
}
.count_area h2 img {
	width:480px;
	height:auto;
}
#CDT span {
	font-size:3.2rem;
}
.siteimage {
	width:420px;
	height: auto;
}
.genre li:nth-child(even) {
	width: 49%;
	float: right;
	margin: 0 0 8px 0;
}
.genre li:nth-child(odd) {
	width: 49%;
	float: left;
	margin: 0 0 8px 0;
}

@media screen and (max-width: 767px) {
	.mainimage img {
		width:192px;
		height:199px;
	}
	header {
		background-position:center 150px;
		background-size:347px 120px;
		padding:16px 0 0 0 ;
	}
	.logo img {
		width: 186px;
		margin: 0 auto 18px auto;
	}
	.count_area h2 img {
		width:350px;
		height:70px;
	}
	#CDT span {
		font-size:2.6rem;
	}
	.siteimage {
		width:320px;
		height:184px;
	}
}
@media screen and (max-width: 479px) {
	.sp_block {
		display:block;
	}
	.genre li:nth-child(even) , .genre li:nth-child(odd) {
		width: 100%;
		float: none;
		margin: 0 0 15px 0;
	}
}