@charset "UTF-8";

/*=============================================

#page_top

===============================================*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #467359;
	border: solid 1px #fff;
  opacity: 1.0;
	transform: rotate(45deg);
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
	line-height: 1;
	transform: rotate(-45deg);
}


/*=============================================

common class

===============================================*/
.w100 { width: 100%!important; }
.w90 { width: 90%!important; }
.w80 { width: 80%!important; }


.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }

.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
.mt100 { margin-top: 100px !important; }

.al_left { text-align: left !important; }
.al_right { text-align: right !important; }
.al_center { text-align: center !important; }


.f_pink { color: #ed1e79; }
.f_orange { color: #F7931E; }
.f_green { color: #39b54a; }
.f_blue { color: #00B1C5; }
.f_red { color: #ff0000; }

.f_big { font-size: 1.25em; }

.f_mincho {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


.marker_pink {
	background: linear-gradient(transparent 40%, #f9bbc0 0%);
	padding: 0 3px; margin: 0 3px;
}
.marker_pink2 {
	background: linear-gradient(transparent 70%, #f9bbc0 0%);
	padding: 0 3px; margin: 0 3px;
}
.marker_pink3 {
	background: linear-gradient(transparent 40%, #f9e5e5 0%);
	padding: 0 3px; margin: 0 3px;
}
.marker_yellow {
	background: linear-gradient(transparent 80%, #f4e7bd 0%);
	padding: 0 3px; margin: 0 3px;
}
.marker_green {
	background: linear-gradient(transparent 80%, #b6e0ba 0%);
	padding: 0 3px; margin: 0 3px;
}

.sp { display: none;} 
.pc { display: block; }
@media screen and (max-width: 640px){
	.sp { display: block;} 
	.pc { display: none; }	
}
/*=============================================

00. 共通

===============================================*/
.flex { display: flex; flex-wrap: wrap; }
.flex_s_b {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex_s_a {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.flex_c {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.flex_start {
	align-items: flex-start;
}

.align_c { align-items: center; }

.box_1_2 {
	width: 48%; margin-bottom: 10px;
}
.box_1_3 {
	width: 32%; margin-bottom: 10px;
}
.box_2_3 {
	width: 66%;
}
.box_1_4 {
	width: 25%;
}
.box_3_4 {
	width: 73%;
}
.box_1_5 {
	width: 20%;
}
.box_4_5 {
	width: 78%;
}
.box_3_7 {
	width: 41.71%;
}
.box_4_7 {
	width: 56.28%;
}


@media screen and (max-width: 640px){
	.box_1_2,
	.box_1_3,
	.box_2_3,
	.box_1_4,
	.box_3_4,
	.box_1_5,
	.box_4_5,
	.box_3_7,
	.box_4_7 {
		width: 100%; margin-bottom: 10px;
	}
}

/*=============================================

main

===============================================*/
main#contents {
	padding: 0 0;
}
main#contents .inner {
	width: 95%; max-width: 1060px;
	margin: 0 auto; padding: 0;
	
}
main#contents section {
	margin: 5em auto 0;
}

@media screen and (max-width: 640px){
	main#contents section {
		margin: 2em auto 0;
	}	
}


/*=============================================

404

===============================================*/
.error404 {
	background: #000 url("../images/bg_index.png") center top;
	background-size: auto 100%;
}
.error404 footer {
	background-color: rgba(255,255,255,.9);
}
.error404 .index__bnr_area {
	background-color: rgba(0,0,0,.9);
}
.wrap_404 {
	text-align: center;
	position: relative;
	height: 100%;
}
.wrap_404 .inner {
	padding: 200px 0;
}
.wrap_404 h1 {
	color: #ccc;
	font-size: 5em;
	line-height: 2;
}

@media screen and (max-width: 640px){
	.wrap_404 .inner {
		padding: 150px 0;
	}	
	.wrap_404 h1 {
		font-size: 3em;
		line-height: 1.5;
	}
}




/*==========================================================================================

SLD

============================================================================================*/
.sld {
	background-color: #534741;
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	height: 40rem;
	padding: 160px 0 0;	
}
.sld .sld__bg {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}
.sld__bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  margin: auto;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
 .sld__inner {
	position: relative;
	max-width: 1080px;
	width: 95%;
	margin: auto;
  }
h1.sld__ttl { 
	color: #fff; text-shadow: 0 0 10px rgba(0,0,0,.5); 
	font-family: "Noto Serif JP", serif;
	font-weight: 400;	
	font-size: 2.4em;
	text-align: center;
}
h1.sld__ttl::before {
	content: attr(data-ttl-en);
	display: block;
	line-height: 1.2;
	font-size: 0.5em;
}

.sld .btn_box {
	position: absolute;
	left: 50%; bottom: 30px; transform: translateX(-50%);
}
.sld .btn_box a {
	background-color: #62C370;
	border-radius: 50vh;
	color: #fff;
	font-size: 1.25em;
	width: auto;
	margin: 20px auto 0;
	padding: 10px 3em;
	display: flex; justify-content: space-between; align-items: center;
	text-decoration: none;
	transition: .3s;
	border: solid 2px #fff;
	font-weight: bold;
	box-shadow: 0 0 30px rgba(0,0,0,.3);
}
.sld .btn_box a:hover { background-color: #16DB93; }


@media screen and (max-width: 640px){
	.sld {
		height: 20rem;
		padding: 65px 0 0;	
	}	
	.sld__ttl { text-align: center;}
	.sld__ttl::before {
	  font-size: 2rem;
	}	
}

/*==========================================================================================

SLD2

============================================================================================*/
.sld2 {
	width: var(--inner-width);
	margin: 10em auto 0;	
}
.sld2 h2 {
	border-left:solid 6px #e95517;
	font-size: 2em;
	padding: 10px 0 10px 50px;
	line-height: 1;
	margin: 30px auto 30px;
}

.sld2 h2 .eng {
	display: block;
	font-size: 2em;
	font-weight: 400;
	margin: 0 0 10px;
}

@media screen and (max-width: 640px){
.sld2 {
	width: var(--inner-width);
		margin: 65px auto 0;	
	}
}



/*==========================================================================================

h2.head_section

============================================================================================*/
h2.head_section {
	font-size: 2em;
	padding: 1em 0;
	line-height: 1;
	margin: 0 auto 30px;
	position: relative;
	text-align: center;
}
h2.head_section::after {
	content: "";
	background-image: url("../images/bar_head.png");
	background-size: cover;
	width: 76px; height: 10px;
	position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
}



/*==========================================================================================

01.施設案内

============================================================================================*/
#facility,
#plan {
	background-color: #FAF7F1;
	padding: 5rem 0 7rem;
	margin-top: 0 !important;
	position: relative;
}
#facility .wrap_room,
#plan .wrap_plan {
	background-color: #FFF;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 95%; max-width: 1060px;
	margin: 0 auto 3em; padding: 3rem;
	position: relative;	
}
#facility .wrap_room .floor,
#facility .wrap_room2 .floor {
	background-color: #534741;
	color: #FFF;
	display: flex;
	font-size: 1.25em; line-height: 1;
	font-weight: bold;
	position: absolute; left: 0; top: 0;
	padding: 10px 10px;	
}
#facility .wrap_room2 .floor {
	background-color: rgba(104,34,3,.8);
}
#facility .wrap_room h3,
#facility .wrap_room2 h3 {
	color: #362417;
	font-size: 3.2rem;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	padding: 1em 0 0;
}
#facility .wrap_room2 h3 {
	font-size: 1.5em;
	padding: 10px .3em;
	line-height: 1.2;
}
#facility .wrap_room h3 .eng {
	font-size: .5em;
	display: block;
}
#facility .wrap_room p.number {
	color: #A66D60;
	font-weight: bold;
	margin: 1em 0 2em;
}

#facility .wrap_room2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 95%; max-width: 1160px;
	margin: 5em auto 3em; padding: 0;
	position: relative;	
}
#facility .wrap_room2 .box_1_3 {
	position: relative;
	width: 31%;
	margin: 0 0 3em;
}

#facility .wrap_room2 p {
	padding: 0 .5em;
}

p.kome {
	padding-left:1.5em !important;
	position: relative;
}
p.kome::before {
	content: "※";
	position: absolute; left: .5em; top: 0;
}

@media screen and (max-width: 640px){
	#facility .wrap_room2 .box_1_3 {
		width: 100%;
		padding: 0 10%;
	}
	#facility .wrap_room h3 {
		font-size: 3.2rem;
		padding: 0 0 0;
	}
	#facility .wrap_room p.number {
		margin: .5em 0 1em;
	}	
}



#access .route {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#access .route .box_route {
	/* width: 75%; max-width: 640px; */
	width: 100%;
	margin: 0 auto 60px;
}

h3.head_access {
	color: #362417;
	font-size: 1.5em;
	position: relative;
	padding: 65px 0 0 0;
	margin: 0 0 10px;
	/*line-height: 54px;*/
	text-align: center;
}
h3.head_access::before {
	content: "";
	background-size: cover;
	width: 54px; height: 54px;
	position: absolute; left: 50%; top: 0; transform: translateX(-50%);
}
h3.head_access.car::before {
	background-image: url("../images/icon_car.png");
}
h3.head_access.foot::before {
	background-image: url("../images/icon_foot.png");
}
#access .route i {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
	margin-right: 3px;
}
#access .route .red { color: #FF1D25;}
#access .route .blue { color: #29AAE1;}
#access .route .green { color: #00A89C;}


#access .access {
	width: 95%; max-width: 800px;
	margin: 5em auto; padding: 0;
}
#access .access ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#access .access li {
	width: 49%;
	padding: 1em 0 1em 1.5em;
	border-bottom: solid 1px #666;
	font-size: 1.125em;
	position: relative;
}
#access .access li::before {
	content: "";
	width: 10px; height: 10px; background-color: #666;
	transform: rotate(45deg) translateY(-50%);
	position: absolute; left: 0; top: 50%;
}
#access iframe {
	width: 100%; height: 400px;
	vertical-align: bottom;
}

@media screen and (max-width: 640px){
	#access .access li {
		width: 100%;
	}
}

.route .route_photo {
	width: 100%;
	margin: 60px auto 0;
	padding: 0 0 1em;
}

.route .box_photo {
	background-color: #F9F6F0;
	position: relative;
	margin-bottom: 60px;
}
.route .box_photo .num {
	width: 40px; height: 40px;
	line-height: 40px;
	font-size: 3.2rem;
	font-family: "Noto Serif JP", serif;
	color: #fff;
	background-color: #F7931E;
	position: absolute; left: 0; top: 0; transform: translateY(-100%);
	text-align: center;
}
.route .box_photo .from {
	line-height: 40px;
	font-size: 2.0rem;
	font-family: "Noto Serif JP", serif;
	color: #F7931E;
	position: absolute; left: 50px; top: 0; transform: translateY(-100%);
}
.route .box_photo p {
	margin: .5em 1em 1em;
}


/*==========================================================================================

01.宿泊プラン

============================================================================================*/
#plan .wrap_plan h3 {
	color: #362417;
	font-size: 3.2rem;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	line-height: 1;
	margin: 0 0 1em;
	padding: 5px 0 5px .5em;
	border-left: solid 5px #467359;
}
#plan .wrap_plan p.price {
	color: #333;
	font-weight: bold;
	margin: 1em 0 2em;
	font-size: 1.75em;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
}





/*==========================================================================================

01.よくあるご質問

============================================================================================*/
#faq {
	margin: 0 !important;
	padding: 0 0 6em !important;
	background-color: #FAF7F1;
}
/* 必須 */
.accordion-content {
  display: none;
}
.accordion-header {
  background-color: #FFF;
  padding: 12px 45px 10px 20px;
  margin: 20px 0 0;
  transition: background .3s ease;
  cursor: pointer;
  position: relative;
	font-size: 1.125em;
}

.accordion-header::before,
.accordion-header::after{
  position:absolute;
  content:'';
  top:1px;
  right:20px;
  bottom:0;
  width:12px;
  height:2px;
  margin:auto;
  background:#151E2F;
}
.accordion-header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.accordion-header.active::after{transform:rotate(0deg);}

.accordion-content {
	background-color: #FFF;
	border-top: dotted 1px #534741;
	padding: 20px 20px;
	font-size: 1.125em;
}

.accordion-header p,
.accordion-content p{
	padding: 0 35px;
	position: relative;
}
.accordion-content p{
	margin-bottom: 1em;
}
.accordion-content p:last-of-type {
	margin-bottom: 0;
}

.accordion-header p::before{
	position: absolute;
	content:"Q";
	top: 2px;
	left: 0;
	color: #006d00;
	font-size: 1.25em;
	line-height: 1;
	font-family: "Noto Serif JP", serif;
	font-weight: 900;	
}


.accordion-content p:first-of-type::before{
    position: absolute;
	content:"A";
	top: 2px;
	left: 0;
	color: #F26419;
	font-size: 1.25em;
	line-height: 1;
	font-family: "Noto Serif JP", serif;
	font-weight: 900;	
}

/* hover */
.accordion-header:hover {
  background-color: #F4EEE1;
}


/*==========================================================================================

01.お問い合わせ

============================================================================================*/
#contact {
	background-color: #FAF7F1;
	margin: 0 auto !important;
	padding: 5em 0;
}
#contact .inner {
	max-width: 960px !important;
	background-color: #fff;
	padding: 3em 3em !important;
}

.tbl_contact {
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0 3em;
}
.tbl_contact th,
.tbl_contact td {
	vertical-align: top;
	padding: 1em;
	text-align: left;
}
.tbl_contact th {
	width: 25%;
}
.tbl_contact td {
	width: 75%;
}

.tbl_contact input[type="text"],
.tbl_contact input[type="email"],
.tbl_contact input[type="tel"],
.tbl_contact input[type="number"],
.tbl_contact input[type="date"],
.tbl_contact input[type="file"],
.tbl_contact select,
.tbl_contact button,
form#mailformpro .tbl_contact label {
	width: 100%;
	min-width: 100%;
	word-break: break-all;
	white-space: normal;
}
.tbl_contact input,
.tbl_contact textarea {
	padding: 1em 1em;
}

@media screen and (max-width: 640px){
	#contact .inner {
		padding: 2em .5em !important;
	}	
	.tbl_contact th {
		width: 100%; display: block;
		padding-bottom: 0;
	}
	.tbl_contact td {
		width: 100%; display: block;
	}	
}


div.mfp_thanks h1 {
	text-align: center;
	color: #EF6461;
}
div.mfp_thanks p {
	margin-bottom: 1em;
}

/*==========================================================================================

01.会社概要

============================================================================================*/
.message h3 {
	font-size: 2em; font-weight: 600;
	margin: 1em 10%;
}
.message p { 
	font-size: 1.125em; 
	line-height: 1.8;
	margin: 0 10% 1em;
}


.outline {
	padding: 70px 0;
	background-color: #f2f2f2;
}
.outline .inner {
	background: #fff;
	padding-bottom: 50px !important;
}
.tbl_outline {
	margin: 0 auto;
	border-collapse: collapse;
	width: 90%;
}
.tbl_outline th,
.tbl_outline td {
	padding: 1em;
	border-bottom: solid 1px #ccc;
	text-align: left;
}

.wrap_history { 
	position: relative; margin-bottom: 100px;
}
.wrap_history::before {
  left: calc(50% - 1px);
  width: 2px;
  height: calc(100% + 0px);
  background-color: #333;
  position: absolute;
  top: 0;
  content: '';
	
}
.wrap_history  > * {  }

.wrap_history .wrap_left {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-right: 50%;
	position: relative;
}
.wrap_history .wrap_right {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	padding-left: 50%;
	position: relative;
}

.wrap_history .box_history {
	border: solid 1px #e6e6e6;
	background: #fff;
	border-radius: 10px;
	padding: 20px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 50px);
	position: relative;
	margin-bottom: 15px;
}
.wrap_history .box_history::after {
	content: "";
	background-color: #666;
	position: absolute; top: 50%; right: 0; transform: translateX(100%);
	width: 50px; height: 1px;
	
}
.wrap_history .wrap_right .box_history::after {
	left: 0; transform: translateX(-100%);
	
}

.wrap_history .box_history .year {
	color: #e95517;
	font-size: 1.5em; font-weight: 900;
}
.wrap_history .wrap_left .box_history .year {
	order: 2;
	padding: 0 0 0 1em;
}
.wrap_history .wrap_left .box_history .detail {
	order: 1;
	width: 80%;
}
.wrap_history .wrap_right .box_history .year {
	order: 1;
	padding: 0 1em 0 0;
}
.wrap_history .wrap_right .box_history .detail {
	order: 2;
	width: 80%;
}


.wrap_history .wrap_left .img_box {
	width: 40%;
	position: absolute;
	right: 3%; bottom:30px;
}
.wrap_history .wrap_right .img_box {
	width: 40%;
	position: absolute;
	left: 3%; bottom:30px;
}

@media screen and (max-width: 640px){
	.message h3 {
		font-size: 1.5em;
		margin: 1em 2.5%;
	}
	.message p { 
		font-size: 1.125em; 
		margin: 0 2.5% 1em;
	}
	.tbl_outline th,
	.tbl_outline td {
		display: block; width: 100%;
	}	
	.tbl_outline th {
		padding: 1em 1em 0;
		border-bottom: none;
	}	
	.tbl_outline td {
		padding: 0 1em 1em;
	}	

	.wrap_history::before {
	  height: calc(100% + 0px);
	  left: 0;	
	}	
	
	.wrap_history .wrap_left {
		justify-content: center;
		padding-right: 0;
		padding-left: 30px;
	}
	.wrap_history .wrap_right {
		justify-content: center;
		padding-left: 30px;
	}	
	.wrap_history .wrap_left .img_box,
	.wrap_history .wrap_right .img_box {
		width: 100%;
		padding: 1em;
		position: relative;
		left: auto; right: auto; bottom:auto;
	}	
	.wrap_history .box_history::after {
		left: 0; transform: translateX(-100%);
		width: 30px;
	}
	.wrap_history .box_history {
		width: 100%;
	}	
	.wrap_history .wrap_left .box_history .year {
		order: 1;
		padding: 0 1em 0 0;
	}
	.wrap_history .wrap_left .box_history .detail {
		order: 2;
	}	
}






/*==========================================================================================

観光案内 sightseeing

============================================================================================*/

section.sightseeing {
	padding: 3em 0 6em !important;
}
section.sightseeing h1.title {
	border-bottom: solid 2px #534741;
	padding: .5em 0;
	margin: 0 auto 1em;
}
section.sightseeing p {
	padding: 1em 0;
	line-height: 2;
}
section.sightseeing .box_spot_img {
	width: 80%;
	margin: 0 auto 2em;
}

section.sightseeing p.icon {
	position: relative;
	padding: 0 0 0 35px;
}
section.sightseeing p.icon::before {
	content: "";
	background-size: cover;
	width: 20px; height: 20px;
	position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}
section.sightseeing p.icon.url::before {
	background-image: url("../images/icon_url.png");
}
section.sightseeing p.icon.route::before {
	background-image: url("../images/icon_spot.png");
}

/*==========================================================================================

お知らせ news

============================================================================================*/

section.news {
	padding: 3em 0 6em !important;
}
section.news h1.title {
	border-bottom: solid 2px #534741;
	padding: .5em 0;
}
section.news p {
	padding: 1em 1em;
	line-height: 2;
}

.wrap_post_menu {
	margin: 3em auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.wrap_post_menu li {
	width: calc(100% / 3);
	padding: 0;
}
.wrap_post_menu li.category_top {
	text-align: center;
	border-left: none;
	border-right: none;
}
.wrap_post_menu li.next {
	text-align: right;
}
.wrap_post_menu li a {
	text-decoration: none;
}
.wrap_post_menu li a.btn_box {
	margin: 0 auto;
}


@media screen and (max-width: 640px){
	.wrap_post_menu li {
		width: 50%;
		padding: 1em 1em;
	}
	.wrap_post_menu li.category_top {
		width: 100%;
		border-top: none;
		order: 3;
	}
}



/*==========================================================================================

category-news / -sightseeing

============================================================================================*/
.post_list {
	margin: 3em auto 3em !important;
}
.box_post_news {
	width: 31%;
	margin-bottom: 2em;
	margin-right: 3.5%;
}
.box_post_news:nth-of-type(3n) {
	margin-right: 0;
}
.box_post_news .img_box {
	aspect-ratio: 1 / 0.599;
	overflow: hidden;
}



.box_post_ss {
	width: 31%;
	padding: 15px 15px;
	border: solid 1px #E9DBC3;
	/* background: #FEFAE0; */
	  margin-bottom: 2em;
	margin-right:3.5%;
}
.box_post_ss:nth-of-type(3n) {
	margin-right:0;
}
.box_post_ss a {
	text-decoration: none;
	transition: .3s;

}
.box_post_ss a:hover {
	opacity: .8;
}

.box_post_news h1.title {
	color: #362417;
	font-size: 1.8rem;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
}
.box_post_ss h1.title {
	color: #362417;
	font-size: 1.125em;
	line-height: 1.4;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	margin: 10px 0 10px;
}
.box_post_news p.post_data {
	margin: 10px 0 0;
	font-size: 1.4rem;
	font-weight: bold;
}

@media screen and (max-width: 640px){
	.box_post_news {
		width: 100%;
		margin-bottom: 2em;
		margin-right: 0;
	}	
	.box_post_ss {
		width: 100%;
		padding: 15px 15px;
		margin-bottom: 2em;
		margin-right:0;
	}
}