@charset "UTF-8";
/* CSS Document */

/*-------------------------------

	全体

-------------------------------*/

.contents {
	width: 100vw;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#74231e+0,8e2426+100 */
	background: #74231e; /* Old browsers */
	background: -moz-linear-gradient(top, #74231e 0%, #8e2426 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #74231e 0%,#8e2426 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #74231e 0%,#8e2426 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74231e', endColorstr='#8e2426',GradientType=0 ); /* IE6-9 */
}

.contents_inner {
	width: 960px;
	margin: 0 auto;
	padding: 30px;
}

.contents_inner * {
	line-height: 1.5;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 16px;
}

.btnToTop {
	display: none;
	width: 80px;
	position: fixed;
	left: 50%;
	bottom: 20px;
	opacity: .8;
	transform: translateX(390px);
}

.btnToTop img {
	width: 100%;
}

/*-------------------------------

	汎用

-------------------------------*/

.gothic {
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino kaku Gothic ProN','メイリオ','Meiryo','MS Pゴシック','MS PGothic',sans-serif;
}

.flexBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.flexBox_wrap {
	flex-wrap: wrap;
}

.fade {
	opacity: 1;
	transition: opacity .3s;
}

.fade:hover {
	opacity: .7;
	text-decoration: none;
}

.btn_arrow1 {
	position: relative;
}

.btn_arrow1::after {
	content: '';
	display: block;
	width: 17px;
	height: 30px;
	background: url(/attending/kokunai/crystal_smile/images/arrow_1.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: 2rem;
	margin-top: -15px;
}

.btn_arrow2 {
	position: relative;
}

.btn_arrow2::after {
	content: '';
	display: block;
	width: 10px;
	height: 18px;
	background: url(/attending/kokunai/crystal_smile/images/arrow_2.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: 2rem;
	margin-top: -9px;
}

a.gray {
	opacity: .3;
	cursor: default;
}

a.gray:hover {
	text-decoration: none;
}

/*-------------------------------

	hero

-------------------------------*/

.hero {
	width: 960px;
	height: 707px;
	padding: 27px;
	box-sizing: border-box;
	background: url(/attending/kokunai/crystal_smile/images/hero_bg.png) no-repeat center / cover;
}

.hero .txt_1 {
	margin: 3px 0 5px 0;
	text-align: center;
}

.hero .img_box {
	width: 894px;
	padding: 5px;
	background: white;
}

.hero .img_box p {
	padding: 0px 10px 0px 10px;
	font-size: 26px;
	color: #762023;
	font-weight: normal;
	text-align: center;
}

.hero .img_box p .fz_1 {
	font-size: 20px;
}

.hero .img_box p .fz_2 {
	margin: 0 -10px 0 -20px;
	font-size: 20px;
	color: #762023;
}

.hero .ttl_box {
	margin-top: 10px;
}

.hero .ttl_box .pageHeading {
	width: 760px;
}

/*-------------------------------

	sns_box

-------------------------------*/

.sns_box {
	width: 490px;
	margin: 30px 0 30px 470px;
}

.sns_box .txt_1 {
	font-size: 18px;
	color: white;
}

.sns_box ul {
	width: 260px;
}
	
/*-------------------------------

	tabBtn

-------------------------------*/

/*---------- fixed ----------*/
		.tabBtn_wrap.fixed {
			width: 960px;
			position: fixed;
			top: 0;
			left: 50%;
			margin-left: -472px;
			z-index: 20;
		}

		.tabBtn_wrap.fixed .active a {
			padding: 20px 0;
		}

		.tabBtn_wrap.fixed li {
			transform: translateY(0);
		}

.tabBtnA span span a{ background:url(/attending/kokunai/crystal_smile/images/nTab01Activ.png) no-repeat; }
.tabBtnB span span a{ background:url(/attending/kokunai/crystal_smile/images/nTab02Activ.png) no-repeat; }
.tabBtnC span span a{ background:url(/attending/kokunai/crystal_smile/images/nTab03Activ.png) no-repeat; }

.active.tabBtnA span span a img{ opacity: 0; }
.active.tabBtnB span span a img{ opacity: 0; }
.active.tabBtnC span span a img{ opacity: 0; }

.tabBtn_wrap ul::after {
	content: '';
	display: block;
	clear: both;
}

.tabBtn_wrap li {
	width: 310px;
	margin: 5px 5px 0;
	/*background: #dfdfdf;*/
	float: left;
	/*transform: translateY(15px);*/
}
.tabBtn_wrap_bottom.tabBtn_wrap li{
	margin:0 5px 5px;
}

.tabBtn_wrap .active {
	background: white;
	/*transform: translateY(0);*/
}

/*---------- default_outer ----------*/

		.tabBtn_wrap li .outer {
			display: block;
			width: 100%;
			height: 100%;
			border-left: 1px solid #a87f78;
			border-right: 1px solid #a87f78;
			border-top: 1px solid #a87f78;
			position: relative;
		}

		/*.tabBtn_wrap li .outer::before,
		.tabBtn_wrap li .outer::after {
			content: '';
			display: block;
			width: 6px;
			height: 6px;
			background: #a87f78;
			border-bottom: 4px solid #dfdfdf;
			position: absolute;
			top: -1px;
			z-index: 10;
		}*/

		/*.tabBtn_wrap li .outer::before {
			border-right: 4px solid #dfdfdf;
			left: -1px;
		}*/

		.tabBtn_wrap li .outer::after {
			border-left: 4px solid #dfdfdf;
			right: -1px;
		}

/*---------- active_outer ----------*/

		/*.tabBtn_wrap .active .outer::before,
		.tabBtn_wrap .active .outer::after {
			border-bottom: 4px solid white;
		}*/

		.tabBtn_wrap .active .outer::before {
			border-right: 4px solid white;
		}

		.tabBtn_wrap .active .outer::after {
			border-left: 4px solid white;
		}

		.tabBtn_wrap li .inner {
			display: block;
			width: 100%;
			height: 100%;
			position: relative;
		}

/*---------- inner ----------*/

		/*.tabBtn_wrap li .inner::before,
		.tabBtn_wrap li .inner::after {
			content: '';
			display: block;
			width: 11px;
			height: 11px;
			background: #a87f78;
			position: absolute;
			top: -1px;
			z-index: 0;
		}*/

		.tabBtn_wrap li .inner::before {
			left: -1px;
		}

		.tabBtn_wrap li .inner::after {
			right: -1px;
		}

.tabBtn_wrap li a {
	display: block;
	width: 100%;
	height: 100%;
	/*padding: 13px 0 27px 0;*/
	text-align: center;
}

/*.tabBtn_wrap li a::after {
	content: '';
	display: block;
	width: 13px;
	height: 22px;
	background: url(/attending/kokunai/crystal_smile/images/arrow_1.png) no-repeat center / contain;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: rotate(90deg);
}*/

/*.tabBtn_wrap .active a {
	padding: 15px 0 40px 0;
}*/

/*-------------------------------

	tabContents

-------------------------------*/

.tabContents_inner {
	background: white;
	padding: 30px;
}

#tab2,
#tab3 {
	display: none;
}

/*---------- tab1 ----------*/
	
		/*tab1_section1*/
		.tab1_section1 .heading_typeA {
			margin-bottom: 20px;
			color: #762023;
			font-size: 34px;
			border-bottom: 4px double #efd9ac;
			line-height: 1.3;
		}

		.tab1_section1 .heading_typeA span {
			color: #762023;
			font-size: 24px;
			margin: 0 -15px 0-30px;
		}

		.tab1_section1 .flexBox {
			width: 100%;
		}

		.tab1_section1 .flexBox_inner {
			padding-top: 30px;
		}
		
		.tab1_section1 .flexBox_inner.movie {
			padding-top: 0px;
		}
		
		/*.tab1_section1 .flexBox_inner.movie h3 {
			text-align:center;
		}*/

		.tab1_section1 h3 {
			margin-bottom: 10px;
			color: #762023;
			font-size: 24px;
			font-weight: normal;
		}

		.tab1_section1 .btn_360 {
			display: block;
			width: 100%;
			margin-top: 10px;
			padding: 20px 0;
			border: 1px solid black;
			border-radius: 4px;
			color: #762023;
			text-align: center;
			font-size: 18px;
		}
	
		/*tab1_section2*/
		.tab1_section2 {
			margin-top: 30px;
		}
	
		.tab1_section2 h3 {
			margin-bottom: 10px;
			color: #762023;
			font-size: 24px;
			font-weight: normal;
		}
	
		.tab1_section2 .text_1 {
			padding-right: 30px;
		}
	
		.tab1_section2 .img_box p,
		.tab1_section2 .img_box li {
			font-size: 12px;
		}
	
		.tab1_section2 .img_box p {
			text-align: right;
		}
	
		.tab1_section2 .img_box ul {
			margin-top: 5px;
		}
.tab1_section2 .img_box{
	margin-top:-50px;
	margin-bottom:30px;
}
		/*tab1_section3*/
		.tab1_section3 {
			margin-top: 30px;
		}
	
		.tab1_section3 h3 {
			margin-bottom: 10px;
			color: #762023;
			font-size: 24px;
			font-weight: normal;
		}
	
		.tab1_section3 .text_1 {
			padding-right: 30px;
		}
	
		.tab1_section3 .text_2 {
			margin-top: 5px;
			text-align: center;
			font-size: 12px;
		}
	
		/*tab1_section4*/

		.tab1_section4 {
			margin-top: 30px;
		}
		.tab1_section4 img {
			width: 100%;
		}
		.tab1_section4 span{
			font-size:12px;
		}
		.tab1_section4 p{
			text-align:right;
		}
		.tab1_section4 p.text_1{
			text-align:left;
		}
		.tab1_section4 .tab1_section4_left {
	width: 475px;
			padding-right: 25px;
		}

		.tab1_section4 .tab1_section4_right {
			width: 400px;
		}

		.tab1_section4 .tab1_section4_left .img_1,
		.tab1_section4 .tab1_section4_left .img_2 {
			width: 48%;
			/*border: 1px solid #762023;*/
		}
.tab1_section4 .tab1_section4_left .img_1 img, .tab1_section4 .tab1_section4_left .img_2 img{
border: 1px solid #762023;
}

		.tab1_section4 .tab1_section4_right h3,
		.tab1_section4 .tab1_section4_right .text_1 {
			width: 100%;
		}

		.tab1_section4 .tab1_section4_right h3 {
			margin-bottom: 5px;
			color: #762023;
			font-size: 21px;
		}

		.tab1_section4 .tab1_section4_right .text_1 {
			margin-bottom: 10px;
		}

		.tab1_section4 .tab1_section4_right .img_1,
		.tab1_section4 .tab1_section4_right .img_2 {
			width: 48%;
			margin-bottom: 15px;
		}

		.tab1_section4 .tab1_section4_right .img_3 {
			width: 100%;
			margin-top:-5px;
		}

		/*tab1_section5*/

		.tab1_section5 {
			margin-top: 60px;
		}
	
		.tab1_section5 .heading_typeA {
			margin-bottom: 20px;
			color: #762023;
			font-size: 34px;
			border-bottom: 4px double #efd9ac;
			line-height: 1.3;
		}
	
		.tab1_section5 .heading_typeA span {
			color: #762023;
			font-size: 24px;
			margin: 0 -15px 0-30px;
		}
	
		.tab1_section5 .text_box {
			padding-left: 30px;
			width:728px;
		}
	
		.tab1_section5 h3 {
			margin-bottom: 15px;
			border-bottom: 1px solid black;
			align-items: flex-end;
		}
	
		.tab1_section5 h3 span {
			color: #762023;
			font-weight: normal;
		}
	
		.tab1_section5 h3 span:first-child {
			font-size: 26px;
		}
	
		.tab1_section5 h3 span:last-child {
			font-size: 12px;
		}
	
		.tab1_section5 .text_1 {
			width: 55%;
			padding-right: 15px;
			font-size: 14px;
			border-right: 1px solid black;
			position: relative;
		}
	
		.tab1_section5 .text_1::after {
			content: '';
			display: block;
			width: 346px;
			height: 87px;
			background: url(/attending/kokunai/crystal_smile/images/tab1_section5_img1.png);
			position: absolute;
			bottom: -70px;
			right: 15px;
		}
	
		.tab1_section5 .text_2 {
			width: 45%;
			padding-left: 15px;
			font-size: 12px;
		}
	
		/*tab1_section6*/
		.tab1_section6 {
			margin-top: 110px;
		}
	
		.tab1_section6 .ttl_box {
			position: relative;
		}
	
		.tab1_section6 .heading_typeA {
			margin-bottom: 20px;
			color: #762023;
			font-size: 34px;
			border-bottom: 4px double #efd9ac;
			line-height: 1.3;
		}
	
		.tab1_section6 .heading_typeA .fz_1 {
			font-size: 16px;
		}
	
		.tab1_section6 .heading_typeA .fz_2 {
			color: #762023;
			font-size: 24px;
			margin: 0 -15px 0-30px;
		}
	
		.tab1_section6 .ttl_box p {
			position: absolute;
			right: 0;
			bottom: 5px;
			color: #762023;
			font-size: 18px;
		}
	
		.tab1_section6 .ttl_box p .role {
			margin-right: 10px;
			font-size: 12px;
			vertical-align: 2px;
			color: black;
		}
	
		.tab1_section6 .text_box {
			padding: 0px 15px;
		}
	
		.tab1_section6 .text_box p {
			font-size: 14px;
			line-height: 2;
		}
	
		.tab1_section6 .text_box h3 {
			margin: 15px 0 5px 0;
			color: #762023;
			font-size: 21px;
			font-weight: normal;
		}

		.tab1_section6 dd{
			font-size:12px;
			text-align:center;
		}

		.tab1_section8_h3{
			margin: 15px 0 5px 0;
			color: #762023;
			font-size: 21px;
			font-weight: normal;
		}
	
		/*tab1_section7*/
		.tab1_section7 p {
			padding: 3px 0;
			font-size: 12px;
			line-height: 1.9;
		}
	
		/*tab1_section7*/
		.tab1_section7 p {
			padding: 3px 0;
			font-size: 14px;
			line-height: 2;
		}
	
		/*tab1_section8*/
		.tab1_section8 p {
			padding-right: 15px;
			font-size: 14px;
			line-height: 2;
		}
	
		/*tab1_section9*/
		.tab1_section9 {
			margin-top: 10px;
		}
	
		.tab1_section9 p {
			margin-top: -7px;
			padding-left: 15px;
			font-size: 14px;
			line-height: 2;
		}
.tab1_section9 div img{
	padding-bottom:20px;
}
	
		/*tab1_btn_box*/
		.btn_box {
			margin-top: 30px;
		}

		.btn_box h2 {
			margin-bottom: 10px;
			font-size: 32px;
			color: white;
		}

		.btn_box li {
			width: 49%;
		}

		.btn_box li a {
			display: block;
			width: 100%;
			padding: 30px 0;
			color: #762023;
			font-size: 21px;
			text-align: center;
			background: white;
			border-radius: 4px;
		}

		/*tab1_promise_box*/

		.promise_box {
			/*margin-top: 30px;*/
			background-image: url(/attending/kokunai/crystal_smile/images/promise_box_bg.jpg);
			background-color:#fff;
			background-repeat: no-repeat;
			background-position: bottom right;
		}

		.promise_box .ttl_box {
			position: relative;
		}

		.promise_box .ttl_box ul {
			width: 260px;
			position: absolute;
			bottom: 10px;
			right: 0;
		}

		.promise_box .heading_typeA {
			margin-bottom: 20px;
			color: #762023;
			font-size: 34px;
			border-bottom: 4px double #efd9ac;
			line-height: 1.3;
			position: relative;
		}

		.promise_box .heading_typeA::after {
			content: '';
			display: block;
			width: 154px;
			height: 64px;
			background: url(/attending/kokunai/crystal_smile/images/promise_box_ttl_bg_l.png) no-repeat center / cover;
			position: absolute;
			left: 330px;
			bottom: 5px;
		}

		.promise_box .heading_typeA span {
			font-size: 20px;
			color: black;
		}

		.promise_item {
			width: 270px;
			margin-bottom: 20px;
		}

		.promise_item h3 {
			margin-bottom: 10px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			position: relative;
			z-index: 10;
		}

		.promise_item h3::after {
			color: #ebdede;
			font-size: 42px;
			font-weight: normal;
			position: absolute;
			top: 0;
			right: 0;
			z-index: -10;
		}

		.promise_item_1 h3::after {
			content: '設え';
		}

		.promise_item_3 h3::after {
			content: '寛ぎ';
		}

		.promise_item_4 h3::after {
			content: '物語';
		}

		.promise_item_5 h3::after {
			content: '巡会';
		}

		.promise_item_6 h3::after {
			content: '交流';
		}

		.promise_item_7 h3::after {
			content: 'お守';
		}

		.promise_item h3 span {
			 width: 100%;
		}

		.promise_item h3 span:first-child {
			font-size: 26px;
			border-bottom: 1px solid #a18985;
		}

		.promise_item h3 span:last-child {
			font-size: 12px;
			text-align: right;
			font-weight: normal;
		}

		.promise_item p {
			font-size: 14px;
		}

		/*tab1_omotenashi_box*/

		.omotenashi_box {
			/*margin-top: 30px;*/
		}
		
		.omotenashi_box .heading_typeA {
			position:relative;
			margin-bottom: 20px;
			color: #762023;
			font-size: 34px;
			border-bottom: 4px double #efd9ac;
			line-height: 1.3;
		}

		.omotenashi_box .heading_typeA::after{
			content: '';
			display: block;
			width: 154px;
			height: 64px;
			background: url(/attending/kokunai/crystal_smile/images/promise_box_ttl_bg.png) no-repeat center bottom;
			position: absolute;
			left: 430px;
			bottom: 5px;
		}
		
		.omotenashi_box .heading_typeA span {
			color: #762023;
			font-size: 24px;
    	margin: 0 -15px 0-30px;
		}
				
		.omotenashi_box .img_box_1 {
			width: 320px;
		}
		
		.omotenashi_box .img_box_2 {
			width: 260px;
		}
		
		.omotenashi_box .img_box_2 p:nth-of-type(n+3) {
			margin-top: 5px;
		}
		
		.omotenashi_box .text_box {
			width: 300px;
		}
		
		.omotenashi_box .text_box h3 {
			margin-bottom: 5px;
			padding-bottom: 5px;
			font-size: 21px;
			line-height: 1.3;
			border-bottom: 1px solid #211916;
			color: #762023;
		}
		
		.omotenashi_box .text_box h3 span {
			color: black;
		}

.omotenashi_box .text_box p {
	font-size: 14px;
	margin-top: 15px;
}

/*---------- tab2 ----------*/

#tab2 .tabContents_inner {
	padding-top: 0;
	overflow:hidden;
	padding:0 56px 0;
}

		/*tab2_section1*/
		.tab2_section1 {
			position: relative;
			height: 744px;
		}

		.tab2_section1::after {
			content: '';
			display: block;
			width: 960px;
			height: 744px;
			position: absolute;
			top: 0;
			left: -30px;
			z-index: 0;
			background: url(/attending/kokunai/crystal_smile/images/tab2_section1_bg.png) no-repeat top / contain;
		}

		.tab2_section1 li {
			position: absolute;
			/*box-shadow:2px 2px 12px -2px #d9d9d9;*/
			z-index: 10;
		}
		.tab2_section1 li img{
			box-shadow:2px 2px 12px -2px #d9d9d9;
		}
		.tab2_section1 li div{
			font-size:12px;
			text-align:right;
		}
.tab2_section1 li div::before{
	content: '▲';
	display:inline-block;
	font-size:12px;
	color:#000;
}

		.tab2_section1 .img_1 {
			top: 130px;
			left: 0;
		}

		.tab2_section1 .img_2 {
			top: 210px;
			left: 293px;
		}

		.tab2_section1 .img_3 {
			top: 397px;
			left: 236px;
		}

		.tab2_section1 .img_4 {
			top: 450px;
			left: 0;
		}

		.tab2_section1 .img_5 {
			top: 460px;
			right: 0;
		}

		.tab2_section1 .img_6 {
			top: 587px;
			right: 0;
		}

		.tab2_section1 .heading {
			padding-top: 30px;
		}

		.tab2_section1 .heading .ttl_wrap {
			display: block;
			color: #407620;
			font-size: 36px;
			font-weight: normal;
			transform: translateY(-27px);
		}

		.tab2_section1 .heading .fz_1 {
			font-size: 21px;
			color: black;
		}

		.tab2_section1 .heading .fz_2 {
			font-size: 56px;
			color: black;
		}

		.tab2_section1 .heading .fz_2 span {
			font-size: 21px;
		}

		/*tab2_section2*/
		.tab2_section2 .price_wrap {
			padding: 20px;
			border: 1px solid black;
		}

		.tab2_section2 .price_wrap .txt_1 {
			font-size: 21px;
			text-align: center;
		}

		.tab2_section2 .price_wrap .price_box {
			display: block;
			font-size: 27px;
			font-weight: normal;
			text-align: center;
		}

		.tab2_section2 .price_wrap .price_box .price {
			margin: 0 20px;
			color: red;
			font-size: 50px;
			font-weight: bold;
		}

		.tab2_section2 .price_wrap .price_box .gothic .yen {
			color: red;
			font-size: 30px;
			font-weight: bold;
		}

		.tab2_section2 .price_wrap .txt_2 {
			display: block;
			font-size: 14px;
			text-align: center;
		}

		.tab2_section2 .btn_application {
			display: block;
			width: 100%;
			margin-top: 20px;
			padding: 15px;
			background: #44130b;
			color: white;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			border-radius: 50px;
			box-sizing: border-box;
			box-shadow:0px -4px 0px 0px #69423c inset;
		}

		/*tab2_section3*/
		.tab2_section3 h2 {
			font-weight: normal;
		}

		.tab2_section3 .acBtn {
			display: block;
			position: relative;
			width: 100%;
			margin-top: 20px;
			padding: 30px;
			color: #762023;
			font-size: 24px;
			text-align: center;
			background: white;
			box-sizing: border-box;
			border-radius: 4px;
			box-shadow:0px -6px 0px 0px #cccccc inset;
		}

		.tab2_section3 .acBtn::before,
		.tab2_section3 .acBtn.minus::before {
			content: '＋';
			display: block;
			width: 40px;
			height: 40px;
			margin-top: -20px;
			background: #762023;
			border-radius: 50%;
			position: absolute;
			right: 20px;
			top: 50%;
			color: white;
			line-height: 40px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
			font-weight: bold;
		}

		.tab2_section3 .acBtn::before {
			content: '＋';
		}

		.tab2_section3 .acBtn.minus::before {
			content: '-';
		}

		.tab2_section3 #tab2_acContents {
			margin-top: 20px;
			display: none;
		}

		#tab2_acContents .inner {
			padding-top: 60px;
			background: white;
		}

		.priceTable_box {
			width: 862px;
			margin: 0 auto 60px auto;
			background: url(/attending/kokunai/crystal_smile/images/priceTable_bg_inside.png) repeat-y center / contain;
			padding: 0 34px;
			box-sizing: border-box;
			position: relative;
		}

		.priceTable_box::before,
		.priceTable_box::after {
			content: '';
			display: block;
			width: 862px;
			height: 31px;
			position: absolute;
			left: 0;
		}

		.priceTable_box::before {
			background: url(/attending/kokunai/crystal_smile/images/priceTable_bg_end.png) repeat-y center / contain;
			top: -31px;
		}

		.priceTable_box::after {
			background: url(/attending/kokunai/crystal_smile/images/priceTable_bg_end.png) repeat-y center / contain;
			bottom: -31px;
			transform: scaleY(-1);
		}

		.priceTable_box h3 {
			padding-top: 30px;
			color: #5c2316;
			font-size: 21px;
			text-align: center;
		}

		.priceTable_box p {
    font-size: 12px;
    padding: 10px 0;
}

		.tab2_section3 .btn_box_2 {
			width: 100%;
			padding: 0 30px 30px 30px;
			background: white;
			box-sizing: border-box;
		}

		.tab2_section3 .btn_application {
			display: block;
			width: 100%;
			padding: 15px;
			background: #44130b;
			color: white;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			border-radius: 50px;
			box-sizing: border-box;
			box-shadow: 0px -4px 0px 0px #69423c inset;
		}

/*---------- tab3 ----------*/

#tab3 .tabContents_inner {
	/*padding-top: 0;*/
}

		/*tab3_section1*/
		.tab3_section1 {
			position: relative;
			height: 744px;
		}

		.tab3_section1::after {
			content: '';
			display: block;
			width: 960px;
			height: 744px;
			position: absolute;
			top: 0;
			left: -30px;
			z-index: 0;
			background: url(/attending/kokunai/crystal_smile/images/tab3_section1_bg.png) no-repeat top / contain;
		}

		.tab3_section1 li {
			position: absolute;
			/*box-shadow:2px 2px 12px -2px #d9d9d9;*/
			z-index: 10;
		}
		.tab3_section1 li img{
			box-shadow:2px 2px 12px -2px #d9d9d9;
		}
.tab3_section1 li div{
			font-size:12px;
			text-align:right;
		}
.tab3_section1 li div::before{
	content: '▲';
	display:inline-block;
	font-size:12px;
	color:#000;
}


		.tab3_section1 .img_1 {
			top: 130px;
			left: 0;
		}

		.tab3_section1 .img_2 {
			top: 360px;
			left: 0px;
		}

		.tab3_section1 .img_3 {
			bottom: 20px;
			left: 55px;
		}

		.tab3_section1 .img_4 {
			top: 400px;
			right: 0;
		}

		.tab3_section1 .img_5 {
			top: 130px;
			right: 340px;
		}

		.tab3_section1 .img_6 {
			bottom: 20px;
			right: 185px;
		}
.tab3_section1 .img_7 {
			bottom: 20px;
			right: 0px;
		}

		.tab3_section1 .heading {
			padding-top: 30px;
		}

		.tab3_section1 .heading .ttl_wrap {
			display: block;
			color: #407620;
			font-size: 36px;
			font-weight: normal;
			transform: translateY(-27px);
		}

		.tab3_section1 .heading .fz_1 {
			font-size: 21px;
			color: black;
		}

		.tab3_section1 .heading .fz_2 {
			font-size: 56px;
			color: black;
		}

		.tab3_section1 .heading .fz_2 span {
			font-size: 21px;
		}

		/*tab3_section2*/
		.tab3_section2 .price_wrap {
			padding: 20px;
			border: 1px solid black;
		}

		.tab3_section2 .price_wrap .txt_1 {
			text-align: center;
			font-size: 21px;
		}

		.tab3_section2 .price_wrap .price_box {
			display: block;
			font-size: 27px;
			font-weight: normal;
			text-align: center;
		}

		.tab3_section2 .price_wrap .price_box .price {
			margin: 0 20px;
			color: red;
			font-size: 50px;
			font-weight: bold;
		}

		.tab3_section2 .price_wrap .price_box .gothic .yen {
			color: red;
			font-size: 30px;
			font-weight: bold;
		}

		.tab3_section2 .price_wrap .txt_2 {
			display: block;
			font-size: 14px;
			text-align: center;
		}

		.tab3_section2 .btn_application {
			display: block;
			width: 100%;
			margin-top: 20px;
			padding: 15px;
			background: #44130b;
			color: white;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			border-radius: 50px;
			box-sizing: border-box;
			box-shadow:0px -4px 0px 0px #69423c inset;
		}

		/*tab3_section3*/
		.tab3_section3 h2 {
			font-weight: normal;
		}

		.tab3_section3 .acBtn {
			display: block;
			position: relative;
			width: 100%;
			margin-top: 20px;
			padding: 30px;
			color: #762023;
			font-size: 24px;
			text-align: center;
			background: white;
			box-sizing: border-box;
			border-radius: 4px;
			box-shadow:0px -6px 0px 0px #cccccc inset;
		}

		.tab3_section3 .acBtn::before,
		.tab3_section3 .acBtn.minus::before {
			content: '＋';
			display: block;
			width: 40px;
			height: 40px;
			margin-top: -20px;
			background: #762023;
			border-radius: 50%;
			position: absolute;
			right: 20px;
			top: 50%;
			color: white;
			line-height: 40px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
			font-weight: bold;
		}

		.tab3_section3 .acBtn::before {
			content: '＋';
		}

		.tab3_section3 .acBtn.minus::before {
			content: '-';
		}

		.tab3_section3 #tab3_acContents {
			margin-top: 20px;
			display: none;
		}

		#tab3_acContents .inner {
			padding-top: 60px;
			background: white;
		}

		.tab3_section3 .btn_box_2 {
			width: 100%;
			padding: 0 30px 30px 30px;
			background: white;
			box-sizing: border-box;
		}

		.tab3_section3 .btn_application {
			display: block;
			width: 100%;
			padding: 15px;
			background: #44130b;
			color: white;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			border-radius: 50px;
			box-sizing: border-box;
			box-shadow: 0px -4px 0px 0px #69423c inset;
		}
/*190202改修*/
/*ツアーラインナップ枠*/
#tab2 h2{ width:100%; margin:20px 0 20px; border-top:2px solid #f5e7e7; border-bottom:2px solid #f5e7e7; text-align:center; }
#tab2 h2 span{ display:block; width:100%; margin: 3px 0 3px; border-top:2px solid #f5e7e7; border-bottom:2px solid #f5e7e7; color: #762023; font-size: 34px; }
.osusumeTourBox{ display:flex; justify-content:space-between; }
.osusumeTour{ width:420px; box-sizing: border-box; padding:19px; border:1px solid #5f2317; }
.osusumeTour div{ width:100%; box-sizing:border-box; border:1px solid #5f2317; background:#f5e7e7; font-size:18px; color:#5f2317; text-align:center; line-height:24px; padding-top:5px; }
.osusumeTour div span{ display:block; width:100%; box-sizing:border-box; background:#fff; margin-top:5px; text-align:center; color:#762023; font-weight:bold; }
.osusumeTour dt{ display:block; }
.osusumeTour .osusumeTtl{ margin-top:20px; }
.osusumeTour .osusumeTtl h3{  font-size:24px; color:#407620;  }
.osusumeTour .osusumeTtl h3 span{ font-size:24px; color:#000; }
.osusumeTour .osusumeTtl span.sbTtl{ display:block; font-size:18px; color:#000; }
.osusumeTour .osusumePht{ margin:10px auto; }
.osusumeTour .osusumePht ul{display:flex; justify-content:space-between; }
.osusumeTour .osusumeIcn ul{ display:flex; justify-content:space-between; }
.osusumeTour .osusumeIcn ul li{ width:27%; border-radius: 3px; padding:10px; text-align:center; background-color:#f5e7e7; color:#5e2317; font-size:14px; }
.pointTxt{ margin:12px auto; font-size:16px; }
.shousaiBtn{ position:relative; border-radius:3px ;  background-color:#5f2317; box-shadow:0 3px 0   }
.shousaiBtn a{ display:block; box-sizing: border-box; width:100%; padding:15px; text-align:center; font-size:16px; color:#fff; }
.shousaiBtn a::before{ content:""; position:absolute; top:12px; right:12px; width:31px; height:31px; background:url(/attending/kokunai/crystal_smile/images/opn.png);}

/*絞り込み*/
select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand {
  display: none;
}
.srchBlk{box-sizing: border-box; position: relative; background-color: #f5e7e7; padding: 15px 20px 0; margin-bottom: 15px; }
.srchBlk::after{ content: ''; display: block; position: absolute; right: 50%; bottom: -10px; border-top: 10px solid #f5e7e7; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.srchInBlk::after{ content: ""; display: table; clear: both; }
.hatsutbl{ float:left; display:table;margin-right: 15px; }
.hatsutbl span{ border-left: solid 4px #5f2317; font-size: 14px; text-align: center; font-weight: bold; width: 20%; padding:5px; }
.cp_ipselect.cp_sl01{ position: relative; border: 1px solid #bbbbbb; border-radius: 2px; background: #ffffff; }
.cp_ipselect.cp_sl01::before{ position: absolute; top: 15px; right: 0.9em; width: 0; height: 0; padding: 0; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #666666; pointer-events: none; }

.cp_ipselect.cp_sl02{ position: relative; border: 1px solid #bbbbbb; border-radius: 2px; background: #ffffff; font-size: 16px; font-weight: bold; text-align: left; color: #666666; width: 60%; }
.srchBox01 li:last-of-type{ margin-right:0; }
.cp_ipselect select{ width: 100%; padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; background-image: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 0 5px 5px; font-size: 14px; font-weight: bold; }
.hatsutbl span, .hatsutbl div{ display: table-cell; vertical-align: middle; white-space: nowrap;}
.srchBox01 .hk_departure .cp_ipselect{ width: 55%; }
.srchBox01 .hk_direction{ width: 30%; }
.srchBox01 .hk_tourism{ width: 30.5%; }
.srchBox01, .srchBox02{ overflow: hidden; margin-bottom: 20px; }
.hatsutbl02{ float: left; display: table; width: 30%; margin-right: 30px; }
.srchBox02 .hatsutbl02 dl{ overflow: hidden; }
.srchBox02 .hatsutbl02 dl dt{ float: left; border-left: solid 4px #5f2317; font-size: 14px; font-weight: bold; width: 20%; padding: 7px 0; padding-left:3%; }
.srchBox02 .hatsutbl02 dl dd{ float: left; width: 75%; }
.hk_date dd input{ float: left; width: 77%; padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; outline: none; background-image: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px; font-size: 16px; font-weight: bold; border: 1px solid #bbbbbb; border-radius: 2px; background: #ffffff; color: #666666; }
.hk_date dd a{ float: left; display: block; padding: 6px 0 6px 6px; }
.srchBox02 .hatsutbl02.hk_daysBox{ width: 55%; margin-right: 0; }
.srchBox02 .hatsutbl02 dl.hk_days dd{ width: 75%; }
.hk_days div::before{ position: absolute; top: 1.0em; right: 0.9em; width: 0; height: 0; padding: 0; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #666666; pointer-events: none; }
.hk_days div{ float: left; position: relative; border: 1px solid #bbbbbb; border-radius: 2px; background: #ffffff; width: 30%; }
.hk_days select{ width: 100%; padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; background-image: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px; font-size: 14px; font-weight: bold; color: #666666; }
.hk_days dd span{ display: inline-block; float: left; font-size: 14px; padding: 7px 5px; }
.AllClear{ float: right; position: absolute; top: 70px; left: 720px; background-color: #5f2317; border: solid 1px #5f2317; padding: 10px 20px; font-size: 14px; line-height: 1; font-weight: bold; text-align: center; color: #fff; }
.AllClear:hover{ cursor: pointer;}
.srchInBlk::after{ content: ""; display: table; clear: both; }
.cp_ipselect.cp_sl02::before{position: absolute; top: 1.4em; right: 0.9em; width: 0; height: 0; padding: 0; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #666666; pointer-events: none;}

.p_hit_all{ text-align: center; font-size: 18px; line-height: 1.5; margin-bottom: 10px; }
.p_hit_all span{ font-size: 48px; line-height: 1.5; color: #be000f; font-weight: bold; }
.SR_SrtNumVal{ margin-bottom: 15px; display: inline-block; padding: 5px; }
.SR_SrtNumVal span{  font-size: 12px; line-height: 1;}
.SR_SrtNumVal a{ display: inline-block; font-size: 12px; line-height: 1; padding: 8px 10px; color: #5f2317; }
.SR_SrtNumVal a.SR_Selected{ background-color: #ffa32c; }
.SR_SrtNumVal a.SR_Selected{ background-color: #5f2317; color: #fff; text-decoration: none; padding: 8px 10px; }
.pagerBox{ clear: both; background-color: #f5e7e7; margin-bottom: 15px; display: inline-block; padding: 5px; }
.pagerBox li{ float: left; background-color: #ffffff; width: auto; height: auto; text-align: center; margin: 5px; }
.pagerBox li a{ display: block; font-size: 12px; line-height: 1; color: #5f2317; padding: 8px 10px; }
.oyado .SR_SrtNumVal a.SR_Selected{ background-color: #5f2317; }
.pagerBox li.selected a{ background-color: #5f2317; color: #fff; text-decoration: none; padding: 8px 10px; }
.p_kikan{ font-size:14px; }

.tourItem{ overflow: hidden; }
.toruDate { position:relative; }
.toruDate span{position:relative; display: inline-block; line-height: 25px; padding:5px; color:#fff; background:#5f2317; }
.toruDate span::after{ position:absolute; top:0; right: -43px; content:""; width:0;  height:0;border: 18px solid transparent; border-left: 25px solid #5f2317; }
.tourTitle{ margin-bottom: 10px; padding: 0 10px; }
.tourTitle p{padding: 10px 0 10px 0px; }
.tourTitle p a{ font-size: 18px; line-height: 1.5; font-weight:bold; }
.tourDetails{ overflow: hidden; margin-bottom: 30px; }
.tourPhoto{ float: left;} }
.tourPhoto ul{ overflow: hidden; }
.tourPhoto ul li{ float: left; width: 200px; height: 150px; margin-right: 10px; }
.tourPhoto ul li img{ width: 100%; vertical-align: top; }
.tourText{ float: right; width: 400px; }
.tourText .tourPoint{ font-size: 16px; line-height: 1.5; }
.tourHatsu, .tourChaku{ position:relative; margin-bottom:8px; font-size:18px; color:#000; background:#fff; }
.tourHatsu span, .tourChaku span{ display:inline-block; padding:5px 15px; margin-right:2em; line-height:24px; background:#f5e7e7; color:#5f2317;}
.tourHatsu span::after{position: absolute; content: ""; top: 1px; left: 78px; width: 0; height: 0; border: 16px solid transparent; border-left: 14px solid #f5e7e7;}
.tourChaku span::after{position: absolute; content: ""; top: 1px; left: 78px; width: 0; height: 0; border: 16px solid transparent; border-left: 14px solid #f5e7e7;}
.tourText .tourPrice{ font-size: 24px; line-height: 1.5; color: #be000f; text-align: right; }
.linkarea{ float: right; width: 250px; clear:both; }
.linkarea a{ display: block; position: relative; background-color: #be000f; background-color: rgba(190,0,15,1); color: #fff; width: 100%; font-size: 12px; line-height: 32px; text-align: center; transition: .3s; text-decoration: none; }
.linkarea a::after{ content: ''; display: block; width: .5rem; height: .5rem; margin-left: -.25rem; position: absolute; right: 5%; bottom: 39%; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }
.tourItemContent{ position:relative;}
.tourLinkarea{ position: absolute; width: 100%; height: 100%; z-index: 1000; top: 0; left: 0; }
.tourItem:hover .tourTitle a{ color:#FF9933; }
.tourItem:hover .tourDetails .tourPhoto img{ opacity: 0.7;}
.tourItem:hover .linkarea{ opacity: 0.7;}

#west, #east{ position:relative; width:960px; margin:0 auto;}
.mBtn{ position:absolute;}
.mBtn a{ display:block; width:160px; height:30px; /* background:#000; */text-indent:-9999px; }
.mBtnE01{ top:395px; right:16.7%; }
.mBtnE02{ top:480px; right:16.7%; }
.mBtnE03{ top:643px; right:16.7%; }
.mBtnE04{ top:808px; right:16.9%; }
.mBtnE05{ top:868px; right:16.9%; }
.mBtnE06{ top:975px; right:16.9%; }
.mBtnE07{ top:1076px; right:16.9%; }
.mBtnE08{ top:1345px; right:16.9%; }
.mBtnE09{ top:1628px; right:16.9%; }
.mBtnE10{ top:1853px; right:16.9%; }
.mBtnE11{ top:2038px; right:16.9%; }
.mBtnE12{ top:560px; right:16.7%; }
.mBtnW01{ top:395px; right:16.7%; }
.mBtnW02{ top:475px; right:16.7%; }
.mBtnW03{ top:620px; right:16.7%; }
.mBtnW04{ top:780px; right:16.7%; }
.mBtnW05{ top:980px; right:16.7%; }
.mBtnW06{ top:1195px; right:16.7%; }
.mBtnW07{ top:1290px; right:16.7%; }
.mBtnW08{ top:1437px; right:16.7%; }
.mBtnW09{ top:1622px; right:16.7%; }
.mBtnW10{ top:1580px; right:16.7%; }
.mBtnW11{ top:1745px; right:16.7%; }
.mBtnW12{ top:1906px; right:16.7%; }

.tab1_section1 .text_01 {
    font-size: 12px;
	margin-bottom: 10px;
	margin-top: -10px;
}
.tab1_section1 .text_02 {
    font-size: 12px;
	margin-top: 5px;
}

/*追記190524*/
.bn_wrap{
    width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
        padding-bottom: 30px;
}
.bn{
    /* padding-bottom: 30px; */
    /* padding: 10px; */
    /* border: 2px solid #9a6d6d; */
    /* width: 940px; */
    margin: 0 auto;
    /* background: #fff; */
}
.bn img{
    /* width: 940px; */
}
.bn_wrap .bn_ttl{
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    /* width: 960px; */
            line-height: 1.7;
}
.bn_wrap .bn_txt{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    position: relative;
    line-height: 1.3;
}
.bn_wrap a:hover {
    text-decoration: none;
}

.bn_wrap .bn_txt:before {
    /* content: ''; */
    /* position: absolute; */
    /* width: 8px; */
    /* height: 8px; */
    /* border-right: 3px solid #762023; */
    /* border-top: 3px solid #762023; */
    /* top: 55%; */
    /* right: 30%; */
    /* transform: translateY(-50%) rotate(45deg); */
}