@charset "utf-8";

/*------------------------------
 index
----------------------------- */


.topimg
{
	padding: 0px;
	width: 1050px;
	margin: 15px auto 0px;
	height: 400px;
}

.top_bana1
{
	margin: 0px 0px 10px;
	padding: 0px;
	width: 650px;
}

.top_bana1 ul,
.top_bana1 li
{
	list-style: none;
	height: 70px;
}

.top_bana1 li
{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	width: 210px;
	border: 1px solid #40210f;
}

.top_bana1 li:last-child
{
	margin: 0px !important;
}

.top_renewal
{
	border: #40210F solid 1px;
	width: 650px;
	height: 115px;
	margin-bottom: 10px;
}

.top_renewal a img:hover
{
	-webkit-filter: brightness(1.2);
	-moz-filter: brightness(1.2);
	-o-filter: brightness(1.2);
	-ms-filter: brightness(1.2);
	filter: brightness(1.2);
}

.top_renewal_text p
{
	color: #40210f;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 20px;
	background: url(//www.arty-inn.com/wp-content/gallery/top/line.gif) repeat 0px 0px;
}

.goto_travel
{
	border: #40210F solid 1px;
	width: 482px;
	height: 80px;
	float: left;
	margin-bottom: 10px;
}

.goto_travel a img:hover
{
	-webkit-filter: brightness(1.2);
	-moz-filter: brightness(1.2);
	-o-filter: brightness(1.2);
	-ms-filter: brightness(1.2);
	filter: brightness(1.2);
}

.staynavi
{
	border: #40210F solid 1px;
	width: 159px;
	height: 80px;
	float: right;
	margin-bottom: 10px;
}

.staynavi a img:hover
{
	-webkit-filter: brightness(1.2);
	-moz-filter: brightness(1.2);
	-o-filter: brightness(1.2);
	-ms-filter: brightness(1.2);
	filter: brightness(1.2);
}

.top_bestrate
{
	border: #40210F solid 1px;
	width: 650px;
	height: 170px;
	margin-bottom: 10px;
	clear: both;
}

.top_bestrate a img:hover
{
	-webkit-filter: brightness(1.2);
	-moz-filter: brightness(1.2);
	-o-filter: brightness(1.2);
	-ms-filter: brightness(1.2);
	filter: brightness(1.2);
}

.top_bestrate_text p
{
	color: #40210f;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 20px;
	background: url(//www.arty-inn.com/wp-content/gallery/top/line.gif) repeat 0px 0px;
}

/*
.top_btn {
  margin: 0px 0px 20px;
  padding: 0px;
  width: 650px;
}
.top_btn ul, 
.top_btn li {
  list-style: none;
  display: inline-block;
}
.top_btn li {
  width: 210px;
  height: auto;
  border: 1px solid #40210f;
  border-collapse: collapse;
  margin-right: 5px;
  background-color: #FFF;
}
*/

.top_btn ul
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0px 0px 20px;
	padding: 0px;
	width: 650px;
}

.top_btn ul
{
	list-style: none;
}

.top_btn li
{
	width: 210px;
	height: auto;
	border: 1px solid #40210f;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

.top_btn li:last-child
{
	margin: 0 !important;
}

.top_btn li a
{
	color: #FFC !important;
	font-size: 18px !important;
	font-weight: bold;
	text-shadow: #070200 1px 1px 3px;
	display: block;
	border-collapse: collapse;
	padding-left: 5px;
	padding-top: 5px;
	width: 208px;
	height: auto;
}

.top_btn_description
{
	color: #40210f !important;
	font-size: 14px !important;
	font-weight: normal !important;
	text-shadow: none !important;
	line-height: 1.2em !important;
	padding-bottom: 5px;
}

.top_btn li.img1 a
{
	background: url(//www.arty-inn.com/wp-content/gallery/other/top_btn01.jpg) no-repeat;
}

.top_btn li.img1 a:hover
{
	background: url(//www.arty-inn.com/wp-content/gallery/other/top_btn01-2.jpg) no-repeat;
	background-color: #fffcda;
}

.top_btn li.img2 a
{
	background: url(//www.arty-inn.com/wp-content/gallery/other/top_btn02.jpg) no-repeat;
}

.top_btn li.img2 a:hover
{
	background: url(//www.arty-inn.com/wp-content/gallery/other/top_btn02-2.jpg) no-repeat;
	background-color: #fffcda;
}

.top_btn li.img3 a
{
	background: url(//www.arty-inn.com/wp-content/gallery/other/top_btn03.jpg) no-repeat;
}

.top_btn li.img3 a:hover
{
	background: url(//www.arty-inn.com/wp-content/gallery/other/top_btn03-2.jpg) no-repeat;
	background-color: #fffcda;
}

/*------------------------------
 Panel
----------------------------- */


.panel
{
	font-size: 12px;
	line-height: 2em;
	color: #40210f;
	background: #fffcda;
	margin: 0px;
	padding: 10px;
}

h6
{
	font-size: 14px;
	line-height: 100%;
	font-weight: 300;
	margin: 0px 0px 5px;
	padding: 0px;
}

h6:before
{
	content: "\0025B6";
	color: #f8b62c;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

.wrap
{
	margin: 0px 0px 10px;
	padding: 0px;
	clear: both;
	width: 100%;
}

.wrap2
{
	clear: both;
	width: 100%;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 25px;
}

.wrap3
{
	clear: both;
	width: 100%;
	margin: 0px 0px 5px;
	padding: 0px;
}

.left
{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
}

.select
{
	font-size: 14px;
}

.btn
{
	width: 140px;
	height: 24px;
	font-size: 14px;
	font-weight: 600;
	line-height: 100%;
	background: url(//www.arty-inn.com/wp-content/themes/arty-inn/img/yoyaku_btn.png) no-repeat 0px 0px;
	margin: 0px -2px 0px 0px;
	padding: 0px;
	border-style: none;
	display: block;
	color: #000;
}

.btn2
{
}

.btn2 a
{
	width: 140px;
	height: 24px;
	font-size: 14px;
	font-weight: 600;
	line-height: 100%;
	background: url(//www.arty-inn.com/wp-content/themes/arty-inn/img/yoyaku_btn.png) no-repeat 0px 0px;
	margin: 0px -2px 0px 0px;
	padding: 5px 0px 0px;
	border-style: none;
	display: block;
	color: #000;
	text-align: center;
	vertical-align: middle;
}

.inv
{
	display: none;
	margin: 0px;
	padding: 0px;
}

/*------------------------------
 News
----------------------------- */


.topics
{
	margin: 0px 0px 20px;
	padding: 0px;
}

.topics dl
{
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}

.topics dt
{
	float: left;
	width: 7em;
	clear: left;
	text-align: right;
	margin: 0px 0px 5px;
	background: #c9bc9c;
	padding: 5px;
	font-size: smaller;
}

.topics dd
{
	margin-bottom: 5px;
	border-bottom: 2px dotted #f7b52b;
	padding: 5px 5px 10px 7em;
	color: #40210f;
	font-size: 14px;
}

.topics dd a
{
	color: #40210f;
}

.topics dd a:hover
{
	color: #f8b62c;
}

/*
.topics dd:last-child {
  border-bottom: none !important;
}
*/


.news_l
{
	font-size: 10px;
	font-size: 1.0rem;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	line-height: 100%;
	color: #40210f;
	background: #fffcda;
	margin: 0px;
	padding: 3px 10px;
	float: right;
	/*Text Shadow*/
	text-shadow: none;
	-webkit-filter: none;
	filter: none;
}

a:hover .news_l
{
	background: #f8b62c;
}

.wp-caption
{
	font-size: 10px;
	font-size: 1.0rem;
	color: #8D4921;
	line-height: 1.5em;
	margin: 0px 0px 10px;
	padding: 0px;
}

.alignright
{
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

.alignleft
{
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
}

.aligncenter
{
	margin: 0 auto 10px;
	display: table;
}

.aligncenter div
{
	display: table-cell;
}

.linkbar a
{
	color: #A06F05;
	margin: 0px;
	padding: 2px 10px;
	line-height: 100%;
	border-bottom: 1px dotted #E49C07;
	text-decoration: none;
}

.linkbar a:hover
{
	background: #fffcda;
}

.linkbar a:after
{
	content: "\0025B6";
	color: #f8b62c;
	margin: 0px;
	padding: 0px;
}

.linkbar2 a
{
	color: #A06F05;
	font-weight: 600;
	font-size: 16px;
	margin: 0px;
	padding: 5px 13px 3px 18px;
	line-height: 120%;
	border: 2px solid #f7b52c;
	background: #fffcda;
	border-radius: 10px;
	text-decoration: none;
}

.linkbar2 a:hover
{
	background: #FFDBA1;
}

.linkbar2 a:after
{
	content: "\0025B6";
	color: #f8b62c;
	margin: 0px;
	padding: 0px;
}

/*------------------------------
 パンくずリスト
----------------------------- */


.bread_crumb
{
	margin: 15px auto 0px;
	padding: 0px;
	clear: both;
	width: 1050px;
}

.bread_crumb li
{
	font-size: 12px;
	font-size: 1.2rem;
	float: left;
	list-style: none;
}

.bread_crumb li:after
{
	content: '>';
	padding-left: 10px;
	margin-right: 10px;
}

.bread_crumb li:last-child:after
{
	content: '';
}

/*------------------------------
 新着情報リスト
----------------------------- */


h3.list
{
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0px 0px 10px;
	padding: 0px;
	border-bottom: 1px dotted #f7e7ba;
	padding: 0px 0px 10px;
	color: #40210f;
	line-height: 1em;
	font-weight: 400;
}

h3.list span
{
	font-size: 10px;
	font-size: 1.0rem;
	margin: 0px 10px 0px 0px;
	background: #c9bc9c;
	padding: 5px;
}

h3.list a
{
	color: #40210f;
}

h3.list a:hover
{
	color: #f8b62c;
}

.archive-cont
{
	margin: 0px 0px 60px;
	padding: 0px;
}

.archive-cont p
{
	margin: 0px 0px 20px;
	padding: 0px;
}

/*------------------------------
 Facebook
----------------------------- */


.fbwrap
{
	background: url(../img/top_fb_bk.png) no-repeat 0px 0px;
	margin: 0px;
	padding: 25px 75px;
	-moz-box-shadow: rgba(64, 33, 15, 0.5) 0px 0px 15px 3px;
}

.fbwrap .inner
{
	height: 360px;
	width: 500px;
	background: #FFF;
	/* box-shadow */
	box-shadow: rgba(64, 33, 15, 0.5) 0px 0px 15px 3px;
	-webkit-box-shadow: rgba(64, 33, 15, 0.5) 0px 0px 15px 3px;
	-moz-box-shadow: rgba(64, 33, 15, 0.5) 0px 0px 15px 3px;
}

.face
{
	width: 320px;
	height: auto;
	float: left;
	margin-right: 10px;
}

.face h2,
.insta h2
{
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0px 0px 10px;
	padding: 8px 10px 6px;
	clear: both;
	width: 320px;
	line-height: 100%;
	font-weight: normal;
	background: #40210f url(../img/hd_bk.png) repeat-x 0px 0px;
	color: #fffcda;
	height: 30px;
	/*Text Shadow*/
	text-shadow: 1px 1px 1px #40210f;
	filter: dropshadow(color=#40210f, offx=1, offy=1);
}

.insta
{
	width: 320px;
	height: auto;
	float: left;
}

.coment
{
	padding: 5px;
}

/*------------------------------
 客室案内
----------------------------- */


h3.room
{
	margin: 0px 0px 10px;
	padding: 7px 8px;
	clear: both;
	width: 100%;
	background: #40210f url(../img/hd_bk.png) repeat-x 0px 0px;
	color: #fffcda;
	height: 30px;
	border-style: none !important;
}

h3.room span
{
	font-size: 16px;
	font-size: 1.6rem;
	height: 16px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	line-height: 100%;
	font-weight: normal;
	border-left: 5px solid #f8b62c;
	color: #fffcda;
	/*Text Shadow*/
	
	text-shadow: 1px 1px 1px #40210f;
	-webkit-filter: dropshadow(color=#40210f, offx=1, offy=1);
	filter: dropshadow(color=#40210f, offx=1, offy=1);
}

/*
.effect {
  background: #FFF;
  vertical-align: middle;
  margin: 0px 0px 15px;
  padding: 10px;
  width: 156px;
  position: relative;
  height: 122px;
}

.effect:before,
.effect:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 0px;
  width: 50%;
  top: 80%;
  max-width: 160px;
  background: #CCC;
  box-shadow: 0 15px 10px #CCC;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect img {
  margin: 0px;
  padding: 0px;
  height: 102px;
  width: 136px;
}
.effect:after {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 0px;
  left: auto;
}
*/

.effect
{
	background: url(../img/photoback.png) no-repeat 0px 0px;
	margin: 0px 0px 5px 0px;
	padding: 18px;
	width: 176px;
	position: relative;
	height: 141px;
}

.effect img
{
	margin: 0px;
	padding: 0px;
	height: 105px;
	width: 140px;
}

.effect img.zoom
{
	position: absolute;
	right: 18px;
	bottom: 18px;
}

.effect_room
{
	background: url(//www.arty-inn.com/wp-content/themes/arty-inn/img/photoback2.png) no-repeat 0px 0px;
	margin: 0px 0px 5px 0px;
	padding: 18px;
	width: 336px;
	position: relative;
	height: 236px;
}

.effect_room img
{
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 300px;
}

.effect_room img.zoom
{
	position: absolute;
	right: 18px;
	bottom: 18px;
}

.effect2
{
	background: #FFF;
	vertical-align: middle;
	margin: 0px 0px 15px;
	padding: 10px;
	width: 200px;
	position: relative;
	height: 155px;
}

.effect2:before,
.effect2:after
{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 10px;
	left: 0px;
	width: 50%;
	top: 80%;
	max-width: 220px;
	background: #CCC;
	box-shadow: 0 15px 10px #CCC;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.effect2:after
{
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 0px;
	left: auto;
}

.effect2 img
{
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 180px;
}

.roomp
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 176px;
}

.roomp2
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 336px;
}

.roomp dl
{
	font-size: 10px;
	font-size: 1.0rem;
	margin: 0px;
	padding: 0px;
	width: 100%;
	line-height: 100%;
}

.roomp dt
{
	background: #f7b52c;
	margin: 0px 5px 5px 0px;
	width: 45px;
	float: left;
	clear: left;
	padding: 5px;
}

.roomp dd
{
	margin: 0px 0px 5px;
	padding: 5px 0px 5px 45px;
	border-bottom: 1px dotted #f7b52c;
	width: 155px;
}

.roomtx
{
	font-size: 14px;
	font-size: 1.4rem;
	float: right;
	width: 460px;
}

.linetx
{
	margin: 0px 0px 20px;
}

.linetx p
{
	background: url(../img/room/room_line.gif) repeat 0px 0px;
	padding: 0px;
	line-height: 26px;
}

.roomtx2
{
	font-size: 14px;
	font-size: 1.4rem;
	float: right;
	width: 305px;
}

.linetx2
{
	margin: 0px 0px 20px;
}

.linetx2 p
{
	background: url(../img/room/room_line.gif) repeat 0px 0px;
	padding: 0px;
	line-height: 26px !important;
}

.sm
{
	font-size: 10px;
	font-size: 1.0rem;
}

.show
{
	width: 305px;
	overflow: hidden;
	margin: 5px 0px;
	font-size: 12px;
	font-size: 1.2rem;
}

.show_1
{
	float: left;
	width: 40px;
	height: 20px;
	background: #f7b52c;
	text-align: center;
	border-bottom: 1px dotted #f7b52c;
	margin-bottom: 5px;
}

.show_2
{
	float: left;
	width: 145px;
	height: 20px;
	padding-left: 10px;
	border-bottom: 1px dotted #f7b52c;
	margin-right: 10px;
	margin-bottom: 5px;
}

.show_3
{
	float: left;
	width: 55px;
	height: 20px;
	padding-left: 4px;
	border-bottom: 1px dotted #f7b52c;
	margin-bottom: 5px;
}

.show_4
{
    float: left;
    width: 250px;
    height: 20px;
    padding-left: 10px;
    border-bottom: 1px dotted #f7b52c;
    margin-bottom: 5px;
}

/*
.splink {
	display: block;
	margin-bottom: 15px !important;
}
.pclink {
	display: none;
	margin-bottom: 15px !important;
}
*/

/* 768px以上用（タブレット用）の記述 */
/*@media screen and (min-width: 768px) {*/
/* 768px以上用（タブレット用）の記述 */


.splink
{
	display: none;/*	margin-bottom: 15px !important;*/
}

.pclink
{
	display: block;
	margin-bottom: 15px !important;
}

/*}*/

.roomdtl a
{
	font-size: 12px;
	font-size: 1.2rem;
	text-align: right;
	display: block;
	text-decoration: underline;
}

.roomdtl a:after
{
	content: "\0025B6";
	color: #f8b62c;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.hidden
{
	display: none;
}

ul.equip1
{
	margin: 0px;
	padding: 0px;
	width: 648px;
	list-style: none;
}

.equip1 li
{
	margin: 0px;
	padding: 0px 20px;
	float: left;
	width: 216px;
	list-style: none;
}

.equip1 li dl
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.equip1 li dt
{
	margin: 0px 0px 3px;
	line-height: 110%;
	background: #b28146;
	text-align: center;
	color: #FFF;
	padding: 2px 0px;
}

.equip1 li dd
{
	line-height: 150%;
	margin: 0px;
	padding: 0px;
}

#thumb
{
	margin: 0px;
	padding: 0px;
	width: 220px;
	float: left;
}

#thumb2
{
	margin: 0px;
	padding: 0px;
	width: 500px;
}

/*
.equip2 {
  margin: 0px;
  padding: 0px;
  width: 220px;
  float: left;
}

.equip2-photo {
  margin: 0px;
  padding: 0px;
}

.equip2-photo ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.equip2-photo li {
  margin: 0px 1px 0px 0px;
  padding: 0px;
  float: left;
  list-style: none;
}

.equip2-photo li img {
  margin: 0px;
  padding: 0px;
}
*/



.equip3
{
	margin: 0px;
	padding: 0px;
	width: 430px;
	float: right;
}

.equip3 table
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0px;
	border-style: none;
	margin: 10px 0px 20px;
}

.equip3 table td
{
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 33%;
	border-style: none;
	background: #fffbda;
}

.equip3 tr.line1 td:nth-child(2n+1)
{
	/* 奇数列カラー */
	
	background: #e8e0d1;
}

.equip3 tr.line2 td:nth-child(2n)
{
	/* 偶数列カラー */
	
	background-color: #e8e0d1;
}

.item_left
{
	float: left;
	width: 213px;
	height: 35px;
	margin-right: 4px;
	margin-bottom: 3px;
	padding-left: 47px;
	padding-top: 7px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #40210F;
}

.item_right
{
	float: left;
	width: 213px;
	height: 35px;
	margin-bottom: 3px;
	background-color: #e8e0d1;
	padding-left: 47px;
	padding-top: 7px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #40210F;
}

.img11
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon11.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img12
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon12.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img13
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon13.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img14
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon14.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img15
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon15.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img16
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon16.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img17
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon17.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img18
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon18.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img19
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon19.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img20
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon20.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img21
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon21.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img22
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon22.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img23
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon23.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img24
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon24.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img25
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon25.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img26
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon26.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img27
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon27.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.img28
{
	background: url(//www.arty-inn.com/wp-content/gallery/equipment/icon28.png) no-repeat;
	background-position: 5px 3px;
	background-color: #e8e0d1;
}

.list_bihin
{
	width: 650px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 7px;
	padding: 0px;
}

.list_box
{
	float: left;
	width: 210px;
	height: 35px;
	background: #e8e0d1;
	margin: 0px 4px 3px 0px;
}

.list_box_yellow
{
	display: table-cell;
	float: left;
	width: 165px;
	height: 50px;
	background: #fffcda;
	margin: 0px 4px 3px 0px;
	padding: 3px 0px 3px 3px;
}

.list_title
{
	font-size: 16px;
	font-size: 1.6rem;
	width: 650px;
	line-height: 100%;
	color: #40210f;
	background: #fffcda;
	font-weight: 400;
	margin: 0px 0px 10px;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #f8b62c;
	border-left: 20px solid #f8b62c;
}

.list_text
{
	display: inline-block;
	vertical-align: 8px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #40210F;
}

.list_text_wb
{
	display: inline-block;
	vertical-align: 13px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #40210F;
	background-color: white;
	padding: 2px 5px;
}

.list_text_yb
{
	position: absolute;
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
	color: #40210F;
	line-height: 20% !important;
}

.list_yb_iconBox
{
	display: table-cell;
	float: left;
	width: 45px;
	height: 50px;
	background: #fffcda;
	margin: 0px 0px 3px 0px;
	padding-top: 9px;
}

.mojikan_1
{
	letter-spacing: -1px;
}

/*------------------------------
 施設・サービス
----------------------------- */


#service h3
{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	height: 60px;
	background: url(../img/morning/icon_bk.png) repeat-x 0px 0px;
	border-style: none !important;
}

#service img.s_icon
{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	height: 60px;
	width: 45px;
}

#service h3 div
{
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0px;
	padding: 19px 0px 0px;
	height: 60px;
	line-height: 100%;
}

#service blockquote
{
	margin-bottom: 10px;
	margin-left: 55px;
}

.attention
{
	margin: 0px 0px 20px;
	padding: 10px 15px;
	background: #fffbda;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #40210f;
}

.ml60
{
	margin-left: 55px !important;
}

.w420_center
{
	margin: 0px auto 20px !important;
	width: 420px !important;
}

.w300_center
{
	margin: 0px auto 20px !important;
	width: 300px !important;
}

.w500_center
{
	margin: 0px auto 20px !important;
	width: 500px !important;
}

dl.mdl
{
	margin: 0px;
	padding: 0px;
}

.mdl dt
{
	margin: 0px;
	padding: 0px;
	width: 155px;	
	clear: left;
	float: left;
}

.mdl dt:before
{
	content: "\0025B6";
	color: #f8b62c;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.mdl dd
{
	margin: 0px;
	padding: 0px 0px 0px 120px;
}

.notice1 {
	width: 80%
	margin: 0px auto 20px !important;
	padding: 10px 15px;
	background: #fffbda;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #40210f;
}

.notice_title {
	font-size: 18px !important;
	font-size: 1.8rem !important;
	color: #D5004A !important;
}

}
dl.ntc1 {
	margin: 0px;
	padding: 0px;
}

.ntc1 dt {
	margin: 0px;
	padding: 0px;
	width: 20%;
	clear: left;
	float: left;
}

.ntc1 dt:before {
	content: "\0025B6";
	color: #f8b62c;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.ntc1 dd
{
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

.svp ul
{
	margin: 0px;
	padding: 0px;
	width: 650px;
	list-style: none;
}

.svp li
{
	margin: 0px 2px 2px 0px;
	padding: 0px;
	float: left;
	width: 63px;
	list-style: none;
}

#service table
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0px;
	border-bottom: 1px dotted #f8b62c;
	margin: 0px 0px 10px;
}

#service table th,
#service table td
{
	padding: 10px;
	margin: 0px;
	border-bottom: 1px dotted #f8b62c;
	line-height: 150%;
}

#service table th
{
	background: #e8e0d1;
	font-weight: normal;
	text-align: center;
}

ul.sv_list
{
	margin: 0px -10px 0px 0px;
	padding: 0px;
	width: 660px;
	list-style: none;
}

.sv_list li
{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	width: 155px;
	list-style: none;
	background: url(../img/morning/icon_bk.png) repeat-x 0px 0px;
	border-style: none !important;
	height: 60px;
}

.sv_list li img.s_icon
{
	margin: 0px !important;
	padding: 0px;
	float: left;
	height: 60px;
	width: 45px;
}

.sv_list li a div
{
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0px;
	padding: 22px 0px 0px;
	height: 60px;
	line-height: 100%;
	text-align: center;
	width: 110px;
	float: right;
	color: #40210f;
	display: block;
}

table.floor
{
	width: 430px;
	border-collapse: separate;
	border-spacing: 2px;
	padding: 0px;
	margin: 0px 0px 10px;
}

.floor th,
.floor td
{
	padding: 8px 10px;
	margin: 0px;
	border-bottom: 1px dotted #f8b62c;
	line-height: 150%;
}

.floor th
{
	background: #C5BAAF;
	font-weight: normal;
	text-align: center;
}

.floor th.kyaku
{
	background: #FDEEDA;
	font-weight: normal;
	text-align: center;
}

/*------------------------------
 観光案内
----------------------------- */


.ssnav ul,
.ssnav li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.ssnav ul
{
	margin: 0px 0px 20px;
	padding: 0px;
	border-right: 1px solid #40210f;
}

.ssnav li
{
	border-left: 1px solid #40210f;
	float: left;
	width: 20%;
}

.ssnav li a
{
	text-align: center;
	display: block;
	margin: 0px;
	padding: 5px;
}

.ssnav li a:hover
{
	color: #40210f;
	background: #fffcda;
}

#sightseeing h3
{
	margin: 0px 0px 20px;
	height: 30px;
	width: 100%;
	padding: 0px 0px 0px 7px;
	background: #f8b62c;
	border-style: none !important;
	line-height: 2em;
	color: #40210f;
	clear: both;
}

#sightseeing h3:before
{
	content: "\0025B6";
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#sightseeing h2
{
	margin: 0px 0px 10px;
	padding: 8px 0px 6px 7px;
	width: 100%;
	height: auto;
	background: #fffcda;
	line-height: 100%;
	color: #40210f;
	border-bottom: 2px solid #40210f;
	border-left: 26px solid #40201f;
	text-shadow: none !important;
}

#sightseeing .linkbar a
{
	display: block;
	width: 90%;
	text-align: center;
	margin: 0px;
	padding: 5px;
}

.getto dl
{
	display: table;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #a38b77;
	background: #fffeda;
}

.gettoM dl
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #a38b77;
}

.getto dt
{
	display: table-cell;
	margin: 0px;
	padding: 2px 10px;
	float: left;
	width: 20%;
	max-height: 3em;
	text-align: center;
}

.gettoM dt
{
	background-color : #fffeda;
	margin: 0px;
	padding: 3px 3px;
	float: left;
	width: 18%;
	text-align: center;
	float : left;
	clear : both;
}

.getto dd
{
	display: table-cell;
	background: #e8e0d1;
	margin: 0px;
	padding: 2px 15px;
	width: 80%;
	float: right;
}

.gettoM dd
{
	background-color : #e8e0d1;
	margin: 0px;
	padding: 3px 10px;
	width: 82%;
	float: right;
}

.getto dt.uline
{
	border-bottom: 1px solid #a38b77;
}

.getto dd.uline
{
	border-bottom: 1px solid #a38b77;
}

.getto2
{
	margin: 0px 0px 20px 0px;
	padding: 5px 10px;
	width: 100%;
	border-top: none;
	border-right: 1px solid #a38b77;
	border-bottom: 1px solid #a38b77;
	border-left: 1px solid #a38b77;
}

.getto3
{
	margin: 0px;
	padding: 5px 10px;
	width: 100%;
	border-top: none !important;
	border-right: 1px solid #a38b77;
	border-bottom: none !important;
	border-left: 1px solid #a38b77;
}

i.fa
{
	margin: 0px 5px;
	padding: 0px;
}

.mbtn
{
	float: right !important;
	margin-right: 5px !important;
	clear: left;
	width: 100px;
	height: 26px;
	margin-top: 2px !important;
	background-color: #ffffff !important;
	border-radius: 15px;
	font-size: 14px !important;
	font-size: 1.4rem !important;
	text-decoration: none !important;
	text-align: center !important;
	line-height: 200% !important;
}

.mbtn a
{
	color: #f8b62c !important;
}

.mbtn a:hover
{
	color: red;
	background-color: #fffcda !important;
}

/*------------------------------
 アクセス
----------------------------- */


#map
{
	height: 400px;
	margin: 0px 0px 20px;
	padding: 0px;
}

.mapwrap
{
	margin: 0px 0px 40px;
	padding: 0px;
	clear: both;
}

.mapwrap .imgmap
{
	width: 260px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
}

.imgmap img.zoom
{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.mapwrap .dc
{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 370px;
}

.mapwrap h4
{
	background: #fffcda;
	margin: 0px 0px 10px;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #f8b62c;
	border-left: 10px solid #f8b62c;
}

.mapwrap ol,
.mapwrap li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.mapwrap ol
{
	margin: 0px 0px 10px;
}

.mapwrap li
{
	margin: 0px 0px 10px;
	line-height: 140%;
}

.mapwrap li.m1
{
	background: url(../img/access_icon1.png) no-repeat left 1px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 20px;
}

.mapwrap li.m2
{
	background: url(../img/access_icon2.png) no-repeat left 1px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 20px;
}

.mapwrap li.m3
{
	background: url(../img/access_icon3.png) no-repeat left 1px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 20px;
}

.mapwrap li.gl
{
	background: url(../img/access_icon_goal.png) no-repeat left 1px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

/*------------------------------
 よくある質問
----------------------------- */


.qanav ul,
.qanav li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.qanav ul
{
	margin: 0px 0px 20px;
	padding: 0px;
	border-right: 1px solid #40210f;
}

.qanav li
{
	border-left: 1px solid #40210f;
	float: left;
	width: 25%;
}

.qanav li a
{
	text-align: center;
	display: block;
	margin: 0px;
	padding: 5px;
}

.qanav li a:hover
{
	color: #40210f;
	background: #fffcda;
}

dl.qanda
{
	padding: 0px;
	margin: 0px 0px 10px;
}

.qanda dt
{
	clear: both;
	display: block;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 100%;
	height: auto;
	background: #fffcda;
	line-height: 100%;
	border-bottom: 2px solid #40210f;
}

.qanda dt a
{
	text-decoration: none;
}

.qanda .nmb
{
	font-size: 16px;
	font-size: 1.6rem;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #fffcda;
	background: #40210f;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 30px;
	height: 30px;
	float: left;
	text-align: center;
	line-height: 30px;
}

.qanda .nmb a
{
	color: #fffcda;
	text-decoration: none;
}

.qanda .tx
{
	margin: 0px;
	padding: 10px 0px 0px;
	width: 610px;
	float: right;
}

.tx .linkbar a
{
	display: inline-block;
	width: auto !important;
	text-align: right !important;
	margin: 20px 0px 0px !important;
	padding: 2px 10px !important;
	float: right;
}

.qanda dd
{
	line-height: 180%;
	margin: 0px 0px 20px;
	padding: 0px;
}

.qanda dt:after,
.qanda dd:after
{
	content: "";
	display: block;
	clear: both;
}

.qanda p
{
	line-height: 180%;
	padding: 0em;
	margin: 0em 0em 1em;
}

.qanda .leftimg
{
	padding: 0em;
	margin: 0em 2em 2em 0em;
	float: left;
}

.qanda ul
{
	padding: 0em;
	margin: 0em 0em 1em;
	list-style: none;
}

.qanda li
{
	padding: 0em;
	margin: 0em;
	line-height: 200%;
	list-style: none;
}

.qanda li:before
{
	content: "●";
	color: #387A18;
}

/*
.qanda ul.kome,
.qanda .kome li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.qanda ul.kome {
  margin: 0px;
  padding: 0px 0px 0px 1em !important;
}

.qanda .kome li:before {
  content: "※";
  margin-left: -1em !important;
}
*/

ul.kome,
.kome li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.kome
{
	margin: 0px;
	padding: 0px 0px 0px 1em !important;
}

.kome li:before
{
	content: "※";
	margin-left: -1em !important;
}

.qanda dl.mdl2,
.qanda .mdl2 dt,
.qanda .mdl2 dd
{
	margin: 0px !important;
	padding: 0px !important;
}

.qanda dl.mdl2
{
	margin: 0px;
	padding: 0px;
}

.qanda .mdl2 dt
{
	width: 140px;
	clear: left;
	float: left;
	border-style: none !important;
	margin: 0px !important;
	padding: 5px 0px !important;
}

.qanda .mdl2 dt:before
{
	content: "\0025B6";
	color: #f8b62c;
	margin: 0px 5px 0px 0px !important;
	padding: 0px !important;
}

.qanda .mdl2 dd
{
	padding: 0px 0px 5px 120px !important;
	margin: 0px !important;
}

/*------------------------------
 会社概要・関連会社
----------------------------- */



.kanren dl
{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.kanren dt
{
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
	float: left;
	width: 40%;
	clear: left;
}

.kanren dt:before
{
	content: "■";
	margin: 0px 5px 0px 0px;
	padding: 0px;
	color: #f8b62c;
}

.kanren dd
{
	margin: 0px 0px 5px;
	padding: 0px 0px 5px 40%;
	border-bottom: 1px dotted #f8b62c;
}

/*------------------------------
 採用情報
----------------------------- */



#recruit h2
{
	font-size: 18px;
	font-size: 1.8rem;
	background: none;
	line-height: 100%;
	color: #40210f;
	text-align: center;
	margin: 0px 0px 20px;
	text-shadow: none;
	padding: 20px 0px;
	font-weight: 600;
	position: relative;
	z-index: 0;
}

#recruit h2:before
{
	content: url(../img/recruit_hd.png);
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
}

#recruit h2:after
{
	content: url(../img/recruit_hd.png);
	position: absolute;
	z-index: -1;
	bottom: -18px;
	left: 0px;
}

h4.recruit
{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 100%;
	color: #40210f;
	font-weight: 400;
	margin: 0px 0px 20px;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #f8b62c;
	border-left: 20px solid #f8b62c;
}

#recruit h5
{
	background: #e8e0d1;
	margin: 0px 0px 20px;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#recruit dl
{
	background: #fffcda;
	margin: 0px auto 30px;
	width: 90%;
	padding: 5px 10px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #f8b62c;
}

#recruit dl:before
{
	content: "";
	position: absolute;
	bottom: -40px;
	right: 50%;
	border: 20px solid transparent;
	border-top: 20px solid #f8b62c;
}

#recruit dl.last
{
	margin: 0px auto 40px;
}

#recruit .last:before
{
	content: "";
	position: absolute;
	bottom: 60px;
	border: none !important;
	border-top: none !important;
}

#recruit dl:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#recruit dt
{
	clear: left;
	float: left;
	width: 60px;
	text-align: right;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

#recruit dd
{
	padding: 0px 0px 0px 80px;
}

/*------------------------------
 節電の取り組み
----------------------------- */

#setsuden p
{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px;
}

#setsuden h4
{
	background: #fffcda;
	padding: 10px;
	margin: 0px 0px 10px;
	line-height: 100%;
}

#setsuden .waku
{
	margin: 0px auto 20px;
	padding: 0px;
	background: #fffcda url(//www.arty-inn.com/en/wp-content/uploads/2018/03/setsuden01_en.png) no-repeat center top;
	width: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #40210f;
	position: relative;
}

#setsuden ul,
#setsuden li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#setsuden ul
{
	margin: 80px 0px 150px;
	padding: 20px;
	width: 100%;
}

#setsuden .lamp
{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#setsuden li
{
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 2em !important;
}

#setsuden li:before
{
	content: "●";
	margin: 0px 5px 0px -1.4em !important;
	padding: 0px;
	color: #063;
}

/*------------------------------
 プライバシーポリシー
----------------------------- */

#privacy p
{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px;
}

#privacy h4
{
	background: #fffcda;
	padding: 10px;
	margin: 0px 0px 10px;
	line-height: 100%;
}

#privacy ul,
#privacy li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#privacy ul
{
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 20px;
}

#privacy li
{
	margin: 0px 0px 5px;
	padding: 0px;
}

#privacy li:before
{
	content: "●";
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

/*------------------------------
 お問い合わせ
----------------------------- */

table.incuiry
{
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px 0px 10px;
	border-top: 1px dotted #40210f;
}

.incuiry th,
.incuiry td
{
	font-size: 12px;
	font-size: 1.2rem;
	padding: 8px 10px;
	margin: 0px;
	border-bottom: 1px dotted #40210f;
	line-height: 150%;
}

.incuiry th
{
	background: #fffcda;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	border-right: 1px dotted #40210f;
}

.red
{
	color: #f8bb2c;
}

input.submit
{
	text-align: center;
	background: #f8bb2c;
	margin: 0px 10px 0px 0px;
	padding: 10px 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.wpcf7 .wpcf7c-conf
{ /* 確認画面の背景色 */
	border: solid 1px #eee;
	background: #F7F7F7;
}

/*------------------------------
 新着情報
----------------------------- */

.news_contents p
{
	margin-bottom: 1em;
	margin-top: 1em;
}

/*------------------------------
 
----------------------------- */
.nami-red {
    text-decoration: underline wavy #D5004A ;
}
.c1
{
	text-align: center;
}

.r1
{
	text-align: right;
}

.pc
{
	display: block !important;
}

.sp
{
	display: none !important;
}

@media screen and (min-width: 501px) {

.pcNone
{
	display: none;
}
}