@charset "utf-8";

/**
 * author: Kari
 * index: campaign page
 *
 */

body {
	width: 100%;
	max-width: 750px;
	margin:0 auto;
	font-family: kozuka-gothic-pr6n,sans-serif!important;
	font-weight: 400;
	font-style: normal;
	color: #000;
}

header .main {
	width: 100%;
	position: relative;
	font-size: 0;
	z-index: -1;
}
header .main img {
	padding-top: 8%;
}
header .main img.top {
	padding-top: 0;
	position: absolute;
	top: 0;
	left: 0;
}
header .free {
	height: 35%;
	width: 35%;
	margin:0 auto;
	margin-top: -17.5%;
}

/*Page_guide*/


#Page_guide {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 65px;
}
p {
	text-align: center;
	padding-bottom: 15px;
}
p span {
	display: block;
}
p .date {
	font-size: 32px;
	font-weight: 700;
	position: relative;
	line-height: 1.6;
}
p .date::after {
	content: "";
	width: 100%;
	margin:0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 3px solid #333;
}
p .date b {
	font-size: 64px;
}
p .date small {
	font-size: 14px;
}
p .access {
	padding-top: 0.5em;
	font-size: 23px;
	font-weight: 700;
}
p .access small {
	display: block;
	font-size: 14px;
	font-weight: 500;
}
table {
	width: 100%;
	text-align: center;
	font-weight: 500;
}
table tr{
	vertical-align: middle;
	font-size: 16px;
}
table tr th {
	background-color: #E5DDD1;
	width: 33.33333%;
	padding:10px 0;
	border:2px solid #000;
}
table tr td {
	width: 33.33333%;
	padding:15px 0;
	border:2px solid #000;
}
#Page_guide .text {
	padding-top:40px;
	font-size: 15px;
	line-height: 1.8;
	font-weight: 500;
}
#Page_guide .text p {
	padding-bottom: 20px;
	text-align: left;
}


/*Event */

.tit {
	text-align: center;
	font-size: 19px;
	font-weight: 500;
	position: relative;
	line-height: 2.5;
	display: block;
	margin-bottom: 10px;
	padding-top: 65px;
}

h3.tit {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	position: relative;
	line-height: 2.5;
	display: block;
	margin-bottom: 40px;
	padding-top: 10px;
}

.tit:after{
	content: "";
	width: 14.5%;
	margin:0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    border-bottom: 2px solid #333;
}


h3.tit:after{
	content: "";
	width: 14.5%;
	margin:0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    border-bottom: none;
}
#Event {
	background-color:#E5E5E5;
	padding-bottom: 45px;
}
#Event ul {
	width: 90%;
	margin:0 auto;
}
#Event ul li {
	background-color: #fff;
	position: relative;
	margin-bottom: 25px;
}
#Event ul li.reco {
	padding: 25px 12px 30px;
}
#Event ul li.reco .image img {
	width: 100%;
}
#Event ul li.reco .image p {
	text-align: center;
	font-size: 10px;
}
#Event ul li.reco .image p span {
	font-size: 12px;
	display: inline;
	font-weight: 500;
}
#Event ul li.reco .image p.textright {
	text-align: right;
}
#Event ul li.reco .txt {
}
#Event ul li.reco .txt h2 {
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	color: #CC3300;
	padding-bottom: 23px;
	letter-spacing: 0.02em;
}
#Event ul li.reco .txt h2 span {
	display: block;
	font-size: 9px;
	color: #000;
	font-weight: 400px;
}
#Event ul li.reco .txt .point {
	display: block;
	width: 90%;
	margin:0 auto;
	text-align: center;
	color: #fff;
	font-size: 23px;
	font-weight: 700;
	padding:7px 0;
	border-radius: 30px;
	letter-spacing: 0.1em;
	background: rgb(216,12,24); /* Old browsers */
	background: rgb(216,12,24); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgb(216,12,24) 0%, rgb(234,105,29) 52%, rgb(233,74,8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgb(216,12,24) 0%,rgb(234,105,29) 52%,rgb(233,74,8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgb(216,12,24) 0%,rgb(234,105,29) 52%,rgb(233,74,8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d80c18', endColorstr='#e94a08',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#Event ul li.reco .txt p {
	font-size: 14px;
	line-height: 1.8;
	font-weight: 500;
	text-align: left;
	padding:20px 10px 0;
}
#Event ul li.reco .txt p span {
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: 400px;
	letter-spacing: 0.02em;
	padding-top: 10px;
}
#Event ul li.reco .txt p.add {
	text-align: left;
	font-size: 10px;
	font-weight: 400px;
}
#Event ul li.reco .num {
	width: 20%;
	position: absolute;
	left: 0;
	top: -1px;
}
#Event ul li .num {
	width: 14%;
	position: absolute;
	left: 0;
	top: -1px;
}
#Event ul li.reco .txt .price {
	padding-top: 25px;
}

/*reco over*/
#Event ul li.common {
	padding: 12px;
}
#Event ul li.common .image {
	float: left;
	width: 35%;
}
#Event ul li.common .txt {
	float: right;
	width:57%;
	margin-left: 8%;
	padding-top: 9px;
}
#Event ul li.common .txt h2 {
    text-align: left;
    font-weight: 700;
    font-size: 24px;
    color: #CC3300;
    letter-spacing: 0.02em;
}
#Event ul li.common .txt p {
	font-size: 12px;
	text-align: left;
}


/*Location*/
#Location {
	width: 90%;
	margin: 0 auto;
}
#Location iframe {
	margin:30px 0 25px;
	width: 100%;
	height: 390px;
}

/*Contact*/
#Contact {
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
}
#Contact p.tel {
	font-size: 16px;
	text-align: center;
	font-weight: 700;
}
#Contact p.tel span {
	font-family: bebas-neue,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 65px;
	color: #156B55!important;
	line-height: 1;
}
#Contact p.tel_button {
	width: 100%;
}
#Contact .come {
	display: block;
	width: 100%;
	border: solid 1px #c6c6c6;
	margin-bottom: 40px;
}
#Contact .come p {
	padding: 40px 0;
	font-size: 15px;
	font-weight: 700;
}

footer {
	background-color: #156B55;
}
footer .logo {
	width: 63.6%;
	margin:0 auto;
	padding:75px 0 35px;
}
footer img {
	width: 100%;
}
footer p {
	font-size: 18px;
	color: #fff;
	padding-bottom: 50px;
}