@charset "utf-8";

/*---style stylesheet---*/

/*1.下層ページ　レイアウト
======================================*/

.contBox {
	width:960px;
	padding:0 0 30px;
	margin:0 auto;
	}
@media screen and (max-width:768px) {
	.contBox {
		width:90%;
		}	
}

div#subImg {
	width:960px;
	height:180px;
	position:relative;
	margin:0 auto 50px;
	}
@media screen and (max-width:768px) {
	div#subImg {
		width: 100%;
		height:auto;
		margin:0 auto 50px;
		}
}	
div#subImg h3 {
	width:310px;
	height:54px;
	position:absolute;
	top:65px;
	}
div#subImg h3.subpageTtl {
	font-size: 35px;
	color: #ffffff;
	text-shadow: 0 0 8px rgba(0,0,0,0.8),
                 0 0 1em rgba(0,0,0,0.9);
	letter-spacing: 0.25em;
}
@media screen and (max-width:768px) {
	div#subImg h3.subpageTtl {
		width: 100%;
		font-size: 3.5rem;
		text-align: center;
	}
}
div#subImg p {
	width:1360px;
	margin:0 -200px;
	}	
@media screen and (max-width:768px) {
	div#subImg p {
		width: 100%;
		margin: 0;
		overflow: hidden;
		}
	div#subImg p img {
		/*width: 100%;*/
	}
}
div.pageImg {
	margin:0 auto 15px;
	}
	div.pageImg p {
		text-align:center;
		}

ul#pageLink {
	width:960px;
	margin:40px 0 50px;
	}
@media screen and (max-width:768px) {
	ul#pageLink {
		width:100%;
		text-align: center;
		}
}
.link_four_l {
	float:left;
	margin-right:20px;
	}
.link_three_l {
	float:left;
	margin-right:30px;
	margin-bottom:18px;
	}
.link_four_r,
.link_three_r {
	float:right;
	}
.link_three_r {
	margin-bottom:18px;
	}
@media screen and (max-width:768px) {
	.link_four_l,
	.link_four_r {
		float:none;
		display: inline-block;
		margin: 0 20px 20px;
		}
}
.room_link a {
	display: inline-block;
	width: 225px;
	height: 22px;
	padding: 10px 0;
	background: url(../images/ins_bg.png) no-repeat 0 0;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.room_link a span {
	display: inline-block;
	width: 100%;
	background: url(../images/arr02.png) no-repeat 10px center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.room_link a:hover span {
	color: #d81818;
}
.sub_menu {
	padding-top:40px !important;
	padding-bottom:50px !important;
	}

.sub_menu_l {
	width:225px;
	float:left;
	margin:0 20px 0 0;
	}
	
.sub_menu_r {
	width:225px;
	float:right;
	margin:0;
	}	
	
.sub_menu .btn {
	width:160px;
	margin:0 auto;
	}	
	
.sub_menu p {
	margin:0 0 5px;
	font-size:12px;
	color:#7e6b5a;
	}

.innerArea {
	width:860px;
	margin:0 auto;
	text-align:center;
	}



/*----half col----*/
.half_col_l {
	width:460px;
	float:left;
	}
	
.half_col_r {
	width:460px;
	float:right;
	}	
	
.half_col_r ul li a {
	display:block;
	background:url(../images/mark02.png) no-repeat 0 7px;
	color:#6a3906;
	font-size:14px;
	padding:0 0 0 20px;
	margin:0 0 5px;
	}	

div.planBtn {
	width:330px;
	height:109px;
	background:url(../images/planarea_img.png) no-repeat 0 0;
	padding:80px 0 0 630px;
	}

.half_col_l .btn {
	width:160px;
	margin:0 auto;
	}	


/*ジャンル別ページ
----------------------*/

/*----Plan----*/
.planArea {
	border:5px solid #e6ddcf;
	border-top:none;
	background:#fff;
	padding:45px;
	}



/*----Room----*/
.room_col_l {
	float:left;
	width:250px;
	margin:0 50px 0 0;
	}
.room_col_r {
	float:right;
	width:250px;
	margin:0;
	}
p.room_txt {
	color:#7e6b5a;
	text-align:left;
	font-size:12px;
	}
p.room_txt02 {
	text-align:center;
	font-size:15px;
	}
.room_name {
	margin:0 0 20px;
	text-align:center;
	font-size: 38px;
	color: #000000;
	}
@media screen and (max-width:480px) {
	.room_name {
		font-size: 3.0rem;
		line-height: 1.3;
		}
}
.room_name span {
	color: #d81818;
}
.pc_r {
	position:relative;
	width:1002px;
	height:490px;
	margin:0 -19px 10px -19px;
	}
@media screen and (max-width:768px) {
	.pc_r {
		position: static;
		width:100%;
		height:auto;
		margin:0 auto 10px;
		}
}
p.pc_r_m {
	position:absolute;
	top:20px;
	left:0;
	width:1002px;
	height:392px;
	background:url(../images/bg2.jpg) repeat 0 0;
	}
@media screen and (max-width:768px) {
	p.pc_r_m {
		position: static;
		width:100%;
		height:auto;
		margin-bottom: 15px;
		background:none;
		}
	p.pc_r_m img {
		width: 100%;
		height: auto;
	}
}
p.room_option {
	position:absolute;
	top:0;
	left:20px;
	width:70px;
	height:129px;
	}

.pc_r ul {
	position:absolute;
	bottom:0;
	left:386px;
	width:230px;
	height:64px;
	}
.pc_r ul li {
	float:left;
	border:1px dotted #a6937c;
	padding:1px;
	margin:0 19px 0 0;
	display:inline;
	}
.pc_r ul li.last {
	float:right;
	margin:0;
	}
@media screen and (max-width:768px) {
	.pc_r ul {
		position:static;
		width:100%;
		text-align: center;
		}
	.pc_r ul li,
	.pc_r ul li.last {
		float:none;
		display: inline-block;
		margin:0 10px 10px;
		}
}

#room01 {
	margin-bottom:40px;
	background:url(../images/room_bg01.png) no-repeat 0 25px;
	}
#room02 {
	margin-bottom:40px;
	background:url(../images/room_bg02.png) no-repeat 0 25px;
	}
#room03 {
	margin-bottom:40px;
	background:url(../images/room_bg03.png) no-repeat 0 25px;
	}
#room04 {
	margin-bottom:40px;
	background:url(../images/room_bg04.png) no-repeat 0 25px;
	}

@media screen and (max-width:768px) {
	#room01, #room02, #room03, #room04 {
		background: none;
	}
}


div.room_detail {
	margin:0 0 50px;
	padding:0 0 50px;
	background:url(../images/room_bg05.jpg) no-repeat 0 bottom;
	}
div.room_detail02 {
	margin:0 0 50px;
	padding:0 0 50px;
	border-bottom:1px dotted #cfa972;
	}

p.roomdetail {
	text-align:center;
	margin-bottom:10px;
	}
p.roomdetail_frg {
	margin-bottom: 10px;
	background: url(../images/room_tlbg.png) no-repeat center;
	font-size: 24px;
	color: #6a3906;
	text-align: center;
}
.room_tab,
.room_tab02 {
	width:565px;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:1px;
	border-top:1px dotted #a6937c;
	/*border-left:1px dotted #a6937c;*/
	}
@media screen and (max-width:480px) {
	.room_tab {
		width:100%;
		margin:0 auto;
		}
}
.room_tab02 {
	width:960px;
	}
@media screen and (max-width:768px) {
	.room_tab02 {
		width:100%;
		}
}
.room_tab th,
.room_tab02 th {
	width:100px;
	padding:10px;
	background:#f6eee1;
	border-bottom:1px dotted #a6937c;
	color:#a40000;
	font-weight:bold;
	font-size:12px;
	}
.room_tab02 th {
	width:235px;
	}
.room_tab td,
.room_tab02 td {
	padding:10px;
	border-bottom:1px dotted #a6937c;
	font-size:12px;
	}
@media screen and (max-width:480px) {
	.room_tab02 th,
	.room_tab02 td {
		display: block;
		width:100%;
		box-sizing: border-box;
		}
}
.frg_room_tab th,
.frg_room_tab td {
	font-size: 15px;
	line-height: 1.2;
	vertical-align: middle;
}
.frg_room_tl {
	padding: 0 0 0 30px;
	background: url(../images/room_icon.png) no-repeat 0 center;
	font-size: 23px;
	color: #6a3906;
}


/*----Spa----*/

.spaArea {
	margin-top:-50px;
	}

.spaCol {
	width:960px;
	padding-bottom:50px;
	background:url(../images/spa_bg01.png) no-repeat center 85px;
	border-bottom: 1px dotted #cfa972;
	}
@media screen and (max-width:768px) {
	.spaCol {
		width:100%;
		background: none;
		}
}	
.spaCol table {
	border-spacing:1px;
	border-top:1px dotted #a6937c;
	margin:0 0 10px;
	}
	
.spaCol table th {
	padding:10px;
	background:#f6eee1;
	border-bottom:1px dotted #a6937c;
	color:#a40000;
	font-weight:bold;
	font-size:12px;
	width:82px;
	}

.spaCol table td {
	padding:10px;
	border-bottom:1px dotted #a6937c;
	font-size:12px;
	width:165px;
	}	
	
.spaCol table th,
.spaCol table td {
	font-size:12px;
	}	
		

#spa01 {
	position:relative;
	width:960px;
	height:550px;
	margin:0 0 60px;
	background:url(../images/spa_bg02.png) no-repeat 0 0;
	}

	.spa_photo01 {
		top:5px;
		left:0;
		position:absolute;
		}
	.spa_ttl01 {
		top:140px;
		left:40px;
		position:absolute;
		}
	.spa_txt01 {
		position:absolute;
		top:335px;
		left:150px;
		}

#spa02 {
	position:relative;
	width:960px;
	height:530px;
	margin:0 0 60px;
	background:url(../images/spa_bg03.png) no-repeat right 0;
	}
	.spa_photo02 {
		top:8px;
		right:0;
		position:absolute;
		}
	.spa_ttl02 {
		top:50px;
		right:40px;
		position:absolute;
		}
	.spa_txt02 {
		top:335px;
		left:0;
		position:absolute;
		}


#spa03 {
	position:relative;
	width:960px;
	height:530px;
	margin:0 0 60px;
	background:url(../images/spa_bg04.png) no-repeat 0 0;
	}
	.spa_photo03 {
		top:8px;
		left:0;
		position:absolute;
		}
	.spa_ttl03 {
		top:45px;
		left:40px;
		position:absolute;
		}
	.spa_txt03 {
		top:335px;
		left:140px;
		position:absolute;
		}
		


#spa04 {
	position:relative;
	width:960px;
	height:530px;
	margin:0 0 50px;
	padding:0 0 70px;
	border-bottom:1px dotted #cfa972;
	background:url(../images/spa_bg05.png) no-repeat right 0;
	}
	.spa_photo04_01 {
		top:8px;
		right:0;
		position:absolute;
		}
	.spa_photo04_02 {
		top:90px;
		left:0;
		position:absolute;
		}
	.spa_photo04_03 {
		top:-10px;
		left:160px;
		position:absolute;
		}
	.spa_ttl04 {
		top:45px;
		right:40px;
		position:absolute;
		}
	.spa_txt04 {
		top:345px;
		left:0;
		position:absolute;
		}


.frgspaBox {
	width: 100%;
	margin: 0 auto 50px;
}
.frgspa_photo01,
.frgspa_photo02 {
	margin-bottom: 15px;
	padding: 8px 0;
	background: url(../images/spa_bg04.png) no-repeat 0 0;
}
@media screen and (max-width:768px) {
	.frgspa_photo01,
	.frgspa_photo02 {
		background: none;
		overflow: hidden;
	}
	.frgspa_photo01 img,
	.frgspa_photo02 img {
		width: 100%;
		height: auto;
	}
}
.frgspa_photo02 {
	background: none;
}
.frgspa_tab {
	width: 100%;
}
.spaCol table.frgspa_tab th,
.spaCol table.frgspa_tab td {
	font-size: 15px;
	vertical-align: middle;
}
@media screen and (max-width:480px) {
	.spaCol table.frgspa_tab th,
	.spaCol table.frgspa_tab td {
		display: block;
		width: 100%;
		font-size: 1.5rem;
		box-sizing: border-box;
	}
}
/*----Meal----*/

#mealArea {
	position:relative;
	width:960px;
	height:1119px;
	background:url(../images/meal_bg.jpg) no-repeat 0 0;
	margin:0 auto 20px;
	}
#mealArea p { position: absolute; line-height:1.5; color:#000000; text-align:left; }

/*.mealArea p {
writing-mode: tb-rl; 
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
	}*/


.meal_ttl { top:4px; left:397px; }

.meal01 { top:130px; left:-45px; }
.meal_n01 { top:438px; left:44px; }
#meal_txt01 { top:438px; right:920px; }

.meal02 { top:110px; right:107px; }
.meal_n02 { top:190px; right:50px; }
#meal_txt02 { top:190px; right:85px; }

.meal03 { top:335px; right:-30px; }
.meal_n03 { top:360px; right:215px; }
#meal_txt03 { top:360px; right:252px; }

.meal04 { top:490px; left:410px; }
.meal_n04 { top:510px; right:280px; }
#meal_txt04 { top:510px; right:315px; }

.meal05 { top:503px; left:28px; }
.meal_n05 { top:545px; left:370px; }
#meal_txt05 { top:545px; right:590px; }

.meal06 { top:515px; right:68px; }
.meal_n06 { top:550px; right:18px; }
#meal_txt06 { top:550px; right:55px; }

.meal07 { bottom:268px; right:195px; }
.meal_n07 { top:725px; right:140px; }
#meal_txt07 { top:728px; right:180px; }

.meal08 { bottom:12px; left:298px; }
.meal_n08 { top:875px; left:275px; }
#meal_txt08 { top:875px; right:690px; }

.meal09 { bottom:58px; right:-20px; }
.meal_n09 { top:887px; right:295px; }
#meal_txt09 { top:887px; right:330px; }

.meal10 { top:745px; left:50px; }
.meal_n10 { top:810px; left:45px; }
#meal_txt10 { top:810px; right:920px; }



/*----Faq----*/

h4.faq_subttl {
	margin-bottom:15px;
	}

.faqList {
	width:960px;
	margin:0 0 80px;
	}

.faq_box {
	width:940px;
	margin:0 0 10px;
	padding:10px;
	background:url(../images/faq_bg.png) repeat 0 0;
	cursor:pointer;
	}
.faq_box span {
	padding-left:25px;
	background:url(../images/mark01.png) no-repeat 0 2px;
	}
.selected span {
	background:url(../images/faq_icon.png) no-repeat 0 2px;
	}
.answer_box {
	width:890px;
	margin:-5px 0 25px;
	padding:10px 35px 15px;
	position:relative;
	}

.faq_txt {
	padding:20px;
	margin:-30px 0 50px;
	border:1px dotted #a6937c;
	text-align:center;
	font-size:15px;
	color:#a40000;
	position:relative;
	}



/*----Access----*/

.accessArea {
	margin-bottom:50px;
	}
.accessArea h4 {
	margin-bottom:20px;
	border-bottom:1px dotted #d2d2d2;
	padding:0 0 15px;
	}
.accessArea p {
	margin-bottom:10px;
	}
	
#access02 #gmap {
	margin:0 0 50px;
	border:1px solid #ccb398;
	}		




/*お問い合わせ
----------------------*/
/*----Contact----*/
p.contact_txt {
	width: 960px;
	margin: 0 0 20px;
}
p.contact_pp {
	padding: 20px;
	width: 914px;
	height: 120px;
	border: 3px solid #ccc;
	overflow: auto;
	margin: 0 0 20px;
}
p.contact_radio {
	text-align: center;
	margin: 0 0 20px;
}
p.flow_area {
	margin: 0 0 20px;
}
table.contactForm {
	width: 960px;
	margin: 0 0 30px;
	border-top: 1px dotted #CCCCCC;
}
table.contactForm td, table.contactForm th {
	padding: 8px 10px 10px;
	border-bottom: 1px dotted #CCCCCC;
}
table.contactForm th {
	width: 200px;
}
table.contactForm tr.even th {
	width: 200px;
}
table.contactForm label {
	texi-align: left;
	color: #000;
	background:none;
}
.align-c {
	text-align: center;
}
.contactForm input,.contactForm textarea,.contactForm select {
	padding: 5px;
	font-size: 12px;
	border: 1px solid #CCC;
	vertical-align: middle;
}
.require {
	color: #a40000;
}
.error {
	color: #FF0000;
}
option {
	padding: 0;
}
.input-s {
	width: 30%;
}
.input-m {
	width: 50%;
}
.input-l {
	width: 90%;
}


p.button {
	width: 460px;
	text-align: center;
	margin: 0 auto;
}
p.wtn_copyright {
	display: none;
}
.hiss {
	color: #a40000;
	font-size: 11px;
}
.err {
	color: red;
	font-size: 11px;
}


button.input-b {
	width: 146px;
	height: 34px;
	cursor: pointer;
	border: none;
	margin: 0 5px;
	background: none;
}


.point {
	color: #a40000;
	font-size: 11px;
}
.point02 {
	color: #a40000;
	font-weight: bold;
}

.inp4 {
	width: 80px;
	font-size: 11px;
}
.inp2 {
	width: 40px;
	font-size: 11px;
}


.message {
	border: 3px solid #CCC;
	background: #eee;
	padding: 8px 13px;
	font-size: 11px;
	margin: 0 0 20px;
}
.message a {
	text-decoration: underline;
}
p.completion {
	width: 200px;
	margin: 0 auto 100px;
}								
			

/*---- foregin ----*/
.fs16 {
	font-size: 16px;
}


/* top */
.foregin_slide {
	width: 1360px;
	margin: 0 auto 40px;
	z-index: 1;
}
@media screen and (max-width:768px) {
	.foregin_slide {
		width: 95%;
		z-index: 1;
	}
}
.foregin_img {
	width: 100%;
	height: auto;
	position: relative;
}
.foregin_img img {
	width: 100%;
}
.foreginList {
	width: 100%;
	/*height: 100px;*/
	padding: 20px 0;
	background: url(../images/nav_bg01.jpg) repeat 0 0;
	background-size: cover;
}
.foregin_list {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.foregin_list li {
	display: inline-block;
	margin: 0 10px;
	width: 78px;
}
@media screen and (max-width:768px) {
	.foregin_list li {
		margin: 0 5px 10px;
	}
}
.foregin_list li a {
	display: inline-block;
	width: 100%;
	height: 58px;
	position: relative;
	overflow: hidden;
}
.foregin_list li a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.frg_cnpt {
	margin: 0 auto 50px;
	font-size: 30px;
	text-align: center;
	line-height: 1.3;
}
@media screen and (max-width:480px) {
	.frg_cnpt {
		font-size: 2.6rem;
	}
	.cnpt_txt02 {
		display: block;
		margin: 10px auto 0;
	}
}
.cnpt_txt {
	font-size: 12px;
	color: #a40000;
	letter-spacing: 0.5;
}

.featurArea {
	width: 100%;
	margin: 0 auto 30px;
}
@media screen and (max-width:768px) {
	.featurArea {
		text-align: center;
	}
}
.ftr_col {
	float: left;
	width: 175px;
	margin: 0 20px 0 0;
	font-size: 14px;
	color: #6a3906;
}
.ftr_col:last-child {
	margin: 0;
}
@media screen and (max-width:480px) {
	.ftr_col {
		float: none;
		width: 80%;
		margin: 0 auto 20px;
	}
	.ftr_col:last-child {
		margin: 0 auto 20px;
	}
}
@media screen and (min-width:480px) and (max-width:768px) {
	.ftr_col {
		float: none;
		display: inline-block;
		width: 200px;
		margin: 0 10px 20px;
		vertical-align: top;
	}
}
.ftr_tl {
	margin-bottom: 10px;
	font-size: 24px;
	color: #a40000;
	text-align: center;
}
.cnpt_col {
	float: left;
	width: 225px;
	margin: 0 20px 0 0;
}
.cnpt_col:last-child {
	margin: 0;
}
@media screen and (max-width:480px) {
	.cnpt_col, .cnpt_col:last-child {
		width: 50%;
		margin: 0 auto 20px;
		padding: 0 10px;
		box-sizing: border-box;
	}
}
@media screen and (min-width:480px) and (max-width:768px) {
	.cnpt_col {
		width: 25%;
		margin: 0 0 20px;
		padding: 0 5px;
		box-sizing: border-box;
	}
}
.cnpt_tl {
	padding: 0 0 0 10px;
	background: url(../images/icon01.png) no-repeat 0 center;
	font-size: 22px;
}
.cnpt_col a {
	display: block;
	text-align: right;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.cnpt_col a span {
	display: inline-block;
}
@media screen and (max-width:768px) {
	.cnpt_col a span.cnpt_img img {
		width: 100%;
	}
}
.cnpt_link {
	padding: 0 0 0 40px;
	background: url(../images/arr01.png) no-repeat 0 14px;
	font-size: 18px;
	color: #a40000;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.cnpt_col a:hover {
	opacity: 0.6;
}
.cnpt_col a:hover .cnpt_link {
	background: url(../images/arr01.png) no-repeat 10px 14px;
}

.frg_ttl {
	margin: 0 auto 20px;
	text-align: center;
}
.frg_ttl span {
	display: inline-block;
	/*width: 215px;*/
	padding: 0 160px;
	background: url(../images/tl_bg01.png) no-repeat left center,
				url(../images/tl_bg01.png) no-repeat right center;
	font-size: 35px;
	color: #6a3906;
}
@media screen and (max-width:480px) {
	.frg_ttl span {
		width: 100%;
		padding: 0 0 5px;
		background: url(../images/tl_bg01.png) no-repeat center bottom;
		font-size: 3.0rem;
	}
}
.frgBnr {
	width: 100%;
	margin: 0 auto 50px;
	text-align: center;
}
.frg_bnrcol {
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
}
.frg_bnrcol:last-child {
	margin: 0;
}
@media screen and (max-width:480px) {
	.frg_bnrcol, .frg_bnrcol:last-child {
		float: none;
		width: 100%;
		margin: 0 auto 10px;
	}
}
@media screen and (min-width:480px) and (max-width:768px) {
	.frg_bnrcol, .frg_bnrcol:last-child {
		display: inline-block;
		width: 30%;
		margin: 0 10px 20px;
	}
}
.frg_bnrcol a {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
@media screen and (max-width:768px) {
	.frg_bnrcol a {
		display: block;
		width: 100%;
	}
	.frg_bnrcol a img {
		width: 100%;
	}
}
.frg_bnrcol a:hover {
	opacity: 0.6;
}
.frg_actl {
	margin: 0 auto 20px;
	border-bottom: 1px dotted #d2d2d2;
	font-size: 20px;
}
.frg_actl span {
	display: inline-block;
	margin: 0 10px 0 0;
}
.frg_actl span img {
	vertical-align: middle;
}
.access_img {
	width: 100%;
	margin: 0 auto 30px;
}
.access_img img {
	width: 100%;
}

.cuisn_img {
	width: 100%;
	margin: 0 auto 40px;
}
.cuisn_img img {
	width: 100%;
}
.frg_txtbox {
	width: 100%;
	margin-bottom: 40px;
	padding: 20px;
	border: 3px solid #e6dac3;
	background: #ffffff;
	font-size: 16px;
	color: #a6937c;
	text-align: center;
	box-sizing: border-box;
}

.cisnArea {
	width: 100%;
}
.cisn_twl {
	float: left;
	width: 460px;
	margin-bottom: 30px;
}
.cisn_twr {
	float: right;
	width: 460px; 
	margin-bottom: 30px;
}
@media screen and (max-width:480px) {
	.cisn_twl {
		width: 100%;
		margin-bottom: 5px;
	}
	.cisn_twr {
		width: 100%; 
		margin-bottom: 5px;
	}
	.cisn_twl img, .cisn_twr img {
		width: 100%;
	}
}
@media screen and (min-width:480px) and (max-width:768px) {
	.cisn_twl {
		width: 48%;
	}
	.cisn_twr {
		width: 48%; 
	}
	.cisn_twl img, .cisn_twr img {
		width: 100%;
	}
}
.cisn_thr {
	float: left;
	width: 300px;
	margin: 0 30px 0 0;
}
.cisn_thr:last-child {
	margin: 0;
}
@media screen and (max-width:480px) {
	.cisn_thr {
		float: none;
		width: 100%;
		margin: 0 auto 5px;
	}
	.cisn_thr:last-child {
		margin: 0 auto 5px;
	}
	.cisn_thr img {
		width: 100%;
	}
}
@media screen and (min-width:480px) and (max-width:768px) {
	.cisn_thr {
		float: left;
		width: 30%;
		margin: 0 5% 0 0;
	}
	.cisn_thr img {
		width: 100%;
	}
}
.in_cisn_tw {
	float: left;
	width: 215px;
	margin: 0 30px 30px 0;
}
.in_cisn_tw:nth-child(even) {
	margin: 0 0 30px;
}
@media screen and (max-width:480px) {
	.in_cisn_tw, .in_cisn_tw:nth-child(even) {
		float: none;
		width: 100%;
		margin: 0 auto 5px;
	}
}
@media screen and (min-width:480px) and (max-width:768px) {
	.in_cisn_tw {
		width: 50%;
		margin: 0;
	}
	.in_cisn_tw:nth-child(even) {
		margin: 0;
	}
}