@charset "UTF-8";
/*===============================================
●pc.css 画面の横幅が770px以上
===============================================*/
@media screen and (min-width: 770px) {
	.auto {
		width: 1100px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	#conts_page_title {
		background-image: url(../img/lift/page_title_bg.jpg);
	}
	h3 {
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 22px;
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		padding-top: 30px;
		text-align: center;
	}
	.red {
		color: #EB1F22;
		font-weight: bold;
	}
	#content {
		width: 100%;
		float: left;
		clear: both;
	}
	#conts_first {
		width: 100%;
		float: left;
		clear: both;
		margin-bottom: 0px;
	}
	#conts_first .main_comment {
		width: 70%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	#conts_first dl {
		width: 750px;
		margin-right: auto;
		margin-left: auto;
		clear: both;
		margin-bottom: 13px;
		display: table;
		background-color: #D84447;
	}
	#conts_first dt, #conts_first dd {
		padding-top: 12px;
		padding-bottom: 12px;
		display: table-cell;
		color: #FFFFFF;
		vertical-align: middle;
	}
	#conts_first dl dt {
		font-weight: bold;
		text-align: center;
		line-height: 17px;
		width: 150px;
	}
	#conts_first dl dt .circle {
		width: 80px;
		height: 80px;
		-webkit-border-radius: 40px;
		/* width,heightの半分 */
		-moz-border-radius: 40px;
		border-radius: 40px;
		/* 円の色 */
		border: 1px solid #FFFFFF;
		margin-left: 40px;
		margin-right: 30px;
	}
	#conts_first dl dt .circle p {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		font-weight: bold;
	}
	#conts_first dl dd {
		padding-right: 40px;
		text-align: left;
		font-size: 18px;
		line-height: normal;
	}
	#conts_coupon {
		width: 100%;
		float: left;
		clear: both;
		margin-bottom: 0px;
		margin-top: 40px;
		letter-spacing: -.40em;
		/* 文字間を詰めて隙間を削除する */
	}
	#conts_coupon .ticket_type {
		letter-spacing: 0em;
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 4px;
		margin-top: 50px;
		width: 100%;
	}
	#conts_coupon .ticket_type .small_text {
		font-size: 15px;
	}
	#conts_coupon .coupon_area,
	#conts_coupon .pack_area {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		width: calc(100%/2);
		box-sizing: border-box;
		letter-spacing: normal;
		padding-bottom: 20px;
		/* 文字間を通常に戻す */
		padding-top: 20px;
		text-align: center;
		padding-right: 10px;
		padding-left: 10px;
		display: flex;
	}
	#conts_coupon .border {
		border: 3px solid #8B713E;
		padding-top: 22px;
		padding-right: 12px;
		padding-bottom: 22px;
		padding-left: 12px;
		height: auto;
		clear: both;
		width: 100%;
	}
	#conts_coupon .top {
		border-bottom: 1px dashed #000000;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	#conts_coupon .coupon_area .title {
		background-color: #D74447;
		color: #FFFFFF;
		text-align: center;
		border-radius: 14px;
		/* CSS3草案 */
		-webkit-border-radius: 14px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 14px;
		/* Firefox用 */
		padding-left: 10px;
		padding-right: 10px;
		line-height: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
		display: inline-block;
		margin-bottom: 20px;
	}
	#conts_coupon .coupon_area dl {
		width: 100%;
	}
	#conts_coupon .coupon_area dl dt {}
	#conts_coupon .coupon_area dl dd {
		font-size: 24px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		display: inline-block;
	}
	#conts_coupon .attention {
		clear: both;
		text-align: left;
		margin-bottom: 10px;
	}
	#conts_coupon .indent li {
		text-indent: -3em;
		padding-left: 3em;
	}
	#conts_coupon .button_link {}
	#conts_coupon a.link_none {
		background-color: #a6a6a6 !important;
		border: 2px solid #a6a6a6 !important;
		pointer-events: none;
	}
	#conts_coupon .button_link a {
		background-color: #8B713E;
		color: #FFFFFF;
		font-size: 16px;
		display: block;
		padding: 7px 0 9px;
		border-radius: 4px;
		/* CSS3草案 */
		-webkit-border-radius: 4px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 4px;
		/* Firefox用 */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #8B713E;
		background-image: url(../img/share/button_icon_side_off.png);
		background-repeat: no-repeat;
		background-position: 18px 16px;
		background-size: 8px;
	}
	#conts_coupon .button_link a:hover {
		background-color: #fff;
		border: 2px solid #8B713E;
		color: #8B713E;
		background-image: url(../img/share/button_icon_side_on.png);
		text-decoration: none;
		transition-duration: 0.4s;
	}
	#conts_coupon .pack_area {
		text-align: left;
	}
	#conts_coupon .pack_area .p_title {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 16px;
		text-align: center;
	}
	#conts_coupon .pack_area .price {
		text-align: center;
	}
	#conts_coupon .pack_area .price .discount {
		color: #EB1F22;
		font-weight: bold;
		font-size: 28px;
		margin-bottom: 6px;
	}
	#conts_coupon .pack_area .price .discount span {
		font-size: 16px;
		color: #000;
	}
	#conts_coupon .pack_area .price .discount .tax {
		font-size: 16px;
		color: #EB1F22;
		font-weight: bold;
	}
	#conts_coupon .pack_area .price .discount_2 {
		width: 100%;
		font-size: 28px;
		margin-bottom: 6px;
	}
	#conts_coupon .pack_area .price .discount_2 span {
		font-size: 16px;
		display: inline-block;
		padding-right: 8px;
		vertical-align: middle;
	}
	#conts_coupon .pack_area .price .discount_2 .left_price {
		font-size: 16px;
		line-height: 1.3;
	}
	#conts_coupon .pack_area .price .discount_2 .right_price {
		font-size: 28px;
		color: #EB1F22;
		font-weight: bold;
	}
	#conts_coupon .pack_area .price .discount_2 .tax {
		font-size: 16px;
		color: #EB1F22;
		font-weight: bold;
		display: inline;
		vertical-align: bottom;
	}
	#conts_coupon .pack_area .price .text {
		color: #EB1F22;
		font-weight: bold;
		font-size: 18px;
		margin-bottom: 8px;
	}
	#conts_coupon .pack_area .limit {
		background-color: #D74447;
		color: #FFFFFF;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
		display: inline-block;
		margin-bottom: 8px;
	}
	#conts_coupon .pack_area .button_link {
		text-align: center;
	}
	#conts_price {
		width: 100%;
		float: left;
		clear: both;
		margin-bottom: 0px;
		margin-top: 100px;
	}
	#conts_price .outer {
		width: 1100px;
		margin-top: 0;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 30px;
		margin-bottom: 80px;
	}
	#conts_price .outer .plan {
		margin-bottom: 100px;
	}
	#conts_price .outer .plan .comment {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	#conts_price .outer .plan .pricelist {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-left: auto;
		padding-left: 0px;
		margin-right: auto;
		background-color: #FFFFFF;
		width: 100%;
		text-align: center;
	}
	#conts_price .outer .plan .pricelist tbody, #conts_price .outer .plan .pricelist tr {
		width: 100%;
	}
	#conts_price .outer .plan .pricelist th,
	#conts_price .outer .plan .pricelist td {
		padding: 13px 16px;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		border-top: 1px solid #dfdfdf;
		text-align: center;
		vertical-align: middle;
		line-height: 20px;
	}
	#conts_price .outer .plan .pricelist .attention {
		width: 240px;
		text-align: left;
	}
	#conts_price .outer .plan .pricelist th {
		text-align: center;
	}
	#conts_price .outer .plan .pricelist .alignC {
		text-align: center;
	}
	#conts_price .outer .plan .pricelist th.title {
		width: 30%;
	}
	#conts_price .outer .plan .pricelist .active {
		background-color: #ececec;
	}
	#conts_price .outer .plan .pricelist td.text {
		text-align: left;
		line-height: 28px;
	}
	#conts_price .outer .plan .pricelist .border_n_bottom {
		border-bottom: none;
	}
	#conts_price .outer .caution {
		line-height: 24px;
		margin-top: 10px;
	}
	.serviceday_area {
		text-align: center;
	}
	.serviceday_area .button_link a {
		background-color: #8B713E;
		color: #FFFFFF;
		font-size: 16px;
		display: inline-block;
		padding: 15px 80px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #8B713E;
		background-repeat: no-repeat;
		background-position: 18px 23px;
		background-size: 8px;
		background-image: url(../img/share/button_icon_side_off.png);
	}
	.serviceday_area .button_link a:hover {
		background-color: #fff;
		border: 2px solid #8B713E;
		color: #8B713E;
		background-image: url(../img/share/button_icon_side_on.png);
		text-decoration: none;
		transition-duration: 0.4s;
	}
}
/*===============================================
●sp.css  画面の横幅が769pxまで
===============================================*/
@media screen and (max-width:769px) {
	#conts_page_title {
		background-image: url(../img/lift/page_title_bg.jpg);
	}
	h3 {
		font-size: 2.2rem;
		font-weight: bold;
		margin-bottom: 10px;
		text-align: center;
	}
	.red {
		color: #EB1F22;
		font-weight: bold;
	}
	#content {
		width: 100%;
		float: left;
		clear: both;
		margin-bottom: 30px;
	}
	#conts_first {
		width: 90%;
		float: left;
		clear: both;
		margin: 0 5%;
	}
	#conts_first .main_comment {
		width: 70%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	#conts_first dl {
		margin-bottom: 13px;
		display: table;
		background-color: #D84447;
		width: 100%;
	}
	#conts_first dt, #conts_first dd {
		padding-top: 12px;
		padding-bottom: 12px;
		display: table-cell;
		color: #FFFFFF;
		vertical-align: middle;
	}
	#conts_first dl dt {
		font-weight: bold;
		text-align: center;
		line-height: 17px;
	}
	#conts_first dl dt .circle {
		width: 68px;
		height: 68px;
		font-size: 1.3rem;
		-webkit-border-radius: 40px;
		/* width,heightの半分 */
		-moz-border-radius: 40px;
		border-radius: 40px;
		/* 円の色 */
		border: 1px solid #FFFFFF;
		margin-left: 20px;
		margin-right: 16px;
	}
	#conts_first dl dt .circle p {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		font-weight: bold;
	}
	#conts_first dl dd {
		padding-right: 20px;
		text-align: left;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	#conts_coupon {
		width: 90%;
		float: left;
		clear: both;
		margin: 0 5% 100px;
		margin-top: 20px;
		letter-spacing: -.40em;
		/* 文字間を詰めて隙間を削除する */
	}
	#conts_coupon .ticket_type {
		letter-spacing: 0em;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		margin-bottom: 4px;
		margin-top: 50px;
	}
	#conts_coupon .ticket_type .small_text {
		font-size: 1.5rem;
	}
	#conts_coupon .coupon_area,
	#conts_coupon .pack_area {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		width: calc(100%/1);
		box-sizing: border-box;
		letter-spacing: normal;
		padding-bottom: 6px;
		/* 文字間を通常に戻す */
		padding-top: 10px;
		text-align: center;
		padding-right: 5px;
		padding-left: 5px;
	}
	#conts_coupon .top {
		border-bottom: 1px dashed #000000;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	#conts_coupon .border {
		border: 3px solid #8B713E;
		padding-top: 22px;
		padding-right: 12px;
		padding-bottom: 22px;
		padding-left: 12px;
		height: auto;
		clear: both;
	}
	#conts_coupon .coupon_area .title {
		background-color: #D74447;
		color: #FFFFFF;
		text-align: center;
		border-radius: 14px;
		/* CSS3草案 */
		-webkit-border-radius: 14px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 14px;
		/* Firefox用 */
		padding-left: 10px;
		padding-right: 10px;
		line-height: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
		display: inline-block;
		margin-bottom: 12px;
	}
	#conts_coupon .coupon_area dl {
		width: 100%;
		line-height: 1.3;
	}
	#conts_coupon .coupon_area dl dt {
		display: inline;
		vertical-align: middle;
	}
	#conts_coupon .coupon_area dl dd {
		display: block;
		font-size: 2.0rem;
		vertical-align: middle;
		margin-bottom: 8px;
	}
	#conts_coupon .attention {
		clear: both;
		text-align: left;
		margin-bottom: 10px;
	}
	#conts_coupon .indent li {
		text-indent: -3em;
		padding-left: 3em;
	}
	#conts_coupon .button_link {}
	#conts_coupon a.link_none {
		background-color: #a6a6a6 !important;
		border: 2px solid #a6a6a6 !important;
		pointer-events: none;
	}
	#conts_coupon .button_link a {
		background-color: #8B713E;
		color: #FFFFFF;
		font-size: 1.3rem;
		display: block;
		padding: 8px 0 9px;
		border-radius: 4px;
		/* CSS3草案 */
		-webkit-border-radius: 4px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 4px;
		/* Firefox用 */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #8B713E;
		/*background-image: url(../img/share/button_icon_side_off.png);*/
		background-repeat: no-repeat;
		background-position: 12px 14px;
		background-size: 7px;
	}
	#conts_coupon .button_link a:hover {
		background-color: #fff;
		border: 2px solid #8B713E;
		color: #8B713E;
		/*background-image: url(../img/share/button_icon_side_on.png);*/
		text-decoration: none;
		transition-duration: 0.4s;
	}
	#conts_coupon .pack_area {
		text-align: left;
	}
	#conts_coupon .pack_area .p_title {
		font-size: 2.0rem;
		font-weight: bold;
		margin-bottom: 1px;
		text-align: center;
	}
	#conts_coupon .pack_area .price {
		text-align: center;
	}
	#conts_coupon .pack_area .price .discount {
		color: #EB1F22;
		font-weight: bold;
		font-size: 2.6rem;
		margin-bottom: 2px;
	}
	#conts_coupon .pack_area .price .discount span {
		font-size: 1.5rem;
		color: #000;
	}
	#conts_coupon .pack_area .price .discount .tax {
		font-size: 1.5rem;
		color: #EB1F22;
		font-weight: bold;
	}
	#conts_coupon .pack_area .price .discount_2 {
		width: 100%;
		padding-top: 14px;
		margin-bottom: 2px;
	}
	#conts_coupon .pack_area .price .discount_2 span {
		font-size: 1.5rem;
		display: inline-block;
		vertical-align: middle;
	}
	#conts_coupon .pack_area .price .discount_2 .left_price {
		width: 100%;
		display: block;
		font-size: 1.5rem;
		line-height: 1.4;
		margin-bottom: 6px;
	}
	#conts_coupon .pack_area .price .discount_2 .arrow {
		line-height: 1;
		display: block;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#conts_coupon .pack_area .price .discount_2 .right_price {
		font-size: 2.6rem;
		color: #EB1F22;
		font-weight: bold;
	}
	#conts_coupon .pack_area .price .discount_2 .tax {
		font-size: 1.5rem;
		color: #EB1F22;
		font-weight: bold;
		display: inline;
	}
	#conts_coupon .pack_area .price .text {
		color: #EB1F22;
		font-weight: bold;
		font-size: 1.8rem;
		margin-bottom: 8px;
	}
	#conts_coupon .pack_area .limit {
		background-color: #D74447;
		color: #FFFFFF;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
		display: inline-block;
		margin-bottom: 8px;
	}
	#conts_coupon .pack_area .button_link {
		text-align: center;
	}
	#conts_price {
		width: 90%;
		float: left;
		clear: both;
		margin: 0 5%;
	}
	#conts_price .outer {
		margin-bottom: 80px;
	}
	#conts_price .outer .plan {
		margin-bottom: 110px;
	}
	#conts_price .outer .plan .comment {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	#conts_price .outer .plan .pricelist {
		margin-left: auto;
		padding-left: 0px;
		margin-right: auto;
		background-color: #FFFFFF;
		width: 100%;
		margin-bottom: 20px;
		table-layout: fixed;
		word-break: break-word;
	}
	#conts_price .outer .plan .pricelist tbody {
		width: 100%;
	}
	#conts_price .outer .plan .pricelist thead {
		padding-bottom: 10px;
		display: inline-block;
		margin-bottom: 10px;
	}
	#conts_price .outer .plan .pricelist th,
	#conts_price .outer .plan .pricelist td {
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		border-top: 1px solid #dfdfdf;
		text-align: center;
		vertical-align: middle;
		line-height: 1.4;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	#conts_price .outer .plan .pricelist .attention {}
	#conts_price .outer .plan .pricelist:before {
		background: #ccc;
		content: "";
		position: absolute;
		/*絶対配置であれば、親の高さに指定がなくてもheight:100%が使えます。*/
		height: 100%;
		top: 0;
		left: 33.4%;
		width: 33.4%;
		z-index: -1;
	}
	#conts_price .outer .plan .pricelist th {}
	#conts_price .outer .plan .pricelist td {}
	#conts_price .outer .plan .pricelist .nowrap {}
	#conts_price .outer .plan .pricelist .w_50 {
		width: 50%;
	}
	#conts_price .outer .plan .pricelist .w_33 {
		width: 33.3%;
	}
	#conts_price .outer .plan .pricelist .name {
		background-color: #ececec;
		width: 100%;
	}
	#conts_price .outer .plan .pricelist .alignC {
		text-align: center;
	}
	#conts_price .outer .plan .pricelist th.title {}
	#conts_price .outer .plan .pricelist td.text {
		text-align: left;
		line-height: 28px;
	}
	#conts_price .outer .caution {
		line-height: 24px;
		margin-top: 10px;
	}
	.serviceday_area {
		text-align: center;
	}
	.serviceday_area .button_link a {
		background-color: #8B713E;
		color: #FFFFFF;
		font-size: 16px;
		display: inline-block;
		padding: 15px 80px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #8B713E;
		background-repeat: no-repeat;
		background-position: 18px 23px;
		background-size: 8px;
	}
	.serviceday_area .button_link a:hover {
		background-color: #fff;
		border: 2px solid #8B713E;
		color: #8B713E;
		text-decoration: none;
		transition-duration: 0.4s;
	}
}