@charset "utf-8";

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

.slider-pro {
    padding: 0px;
    margin: 10px 0px;
}

.topimg img {}

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

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

.topics {
    margin: 0px -15px !important;
    padding: 0px !important;
}

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

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

.topics dd {
    border-bottom: 1px dotted #f7e7ba;
    padding: 0px 5px 5px 7em;
    color: #40210f;
    line-height: 1.5em;
    margin-bottom: 5px;
}


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

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

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

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

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

.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 {
	font-size: smaller;
	color: #A06F05;
	padding: 2px 10px;
	line-height: 100%;
	border: 1px dotted #E49C07;
	border-radius: 5px;
	text-decoration: none;
	margin-bottom: 10px;

}
.linkbar a:hover {
	background: #fffcda;
}
.linkbar a:after {
	content: "\0025B6";
	color: #f8b62c;
}

.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 ul {
    margin: 0px 0px 15px;
    padding: 0px;
    list-style: none;
    clear: both;
    width: 100%;
}

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

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

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


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

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

h3.list span {
    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 40px;
    padding: 0px;
}

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


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

h3.room {
    margin: 0px -15px 10px;
    padding: 10px 15px;
    clear: both;
    background: #40210f;
    color: #fffcda;
    border-style: none !important;
    vertical-align: middle;
}

h3.room span {
    font-size: 1.6rem;
    line-height: 100%;
    font-weight: normal;
    text-shadow: none !important;
}

.effect {
    width: 80%;
    margin: 0px auto 15px;
    padding: 10px 10px 5px;
    background: #FFF;
    position: relative;
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.effect img {
    margin: 0px;
    padding: 0px;
    width: 100%;
	height: auto;
}

.effect img.zoom {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 105px;
    width: 140px;
}

.effect_room {
    width: 95%;
    margin: 0px auto 15px;
    padding: 10px 10px 5px;
    background: #FFF;
    position: relative;
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}
.effect_room img {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.effect_room img.zoom {
	position: absolute;
	right: 18px;
	bottom: 18px;
}



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

.roomp2 {
	margin: 0px;
	padding: 0px;
	float: center;
	width: 100%;
}

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

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

.roomp dd {
    margin: 0px 0px 5px;
    padding: 5px 0px 5px 22%;
    border-bottom: 1px dotted #f7b52c;
}

.roomtx {
    font-size: 1.4rem;
}

.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: center;
	width: 100%;
}
.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: 1.0rem;
}

.show {
	width: 85%;
	text-align: center;
	display: block;
	overflow: hidden;
	margin: 5px auto;
	font-size: 12px;
	font-size: 1.2rem;
}

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

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

}

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

}

.show_4 {
    float: left;
	width: 240px;
    height: 20px;
    border-bottom: 1px dotted #f7b52c;
    margin-bottom: 5px;
	padding-left: 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;
    list-style: none;
}

.equip1 li {
    margin: 0px 0px 15px;
    padding: 0px;
    width: 100%;
    list-style: none;
}

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

.equip1 li dt {
    font-size: 1.8rem;
    margin: 0px 0px 5px;
    line-height: 100%;
    background: #b28146;
    text-align: center;
    color: #FFF;
    padding: 5px 0px;
}

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

#thumb {
    margin: 0px 0px 15px;
    padding: 0px;
    clear: both;
}

.sp-thumbnails {
    display: none;
}

.equip3 {
    margin: 0px 0px 15px;
    padding: 0px;
    clear: both;
}

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

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

.equip3 table td .sm {
    font-size: 0.8rem;
}

.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: 170px;
	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: 170px;
	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: 100%;
  margin-bottom: 20px;
  margin-left: 7px;
  padding: 0px;
}

.list_box {
	float: left;
	width: 48%;
	height: 35px;
	background: #e8e0d1;
	margin: 0px 2px 2px 0px;
	display: flex;
    align-items: center;
}

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

.list_title {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
  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;
	padding-left: 5px;
}

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



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

#service {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#service h3 {
    margin: 0px -15px;
    padding: 0px 15px;
    clear: both;
    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: 1.6rem;
    margin: 0px;
    padding: 19px 0px 0px;
    height: 60px;
    line-height: 100%;
}

#service blockquote {
    margin: 0px 0px 10px;
}

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

.attention_w {
    margin: 0px 0px 20px;
    padding: 7px 7px 10px 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #40210f;
}

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


.w420_center,
.w300_center,
.w500_center {}

dl.mdl {
    margin: 0px;
    padding: 0px;
    width: 100% !important;
}

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

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

.mdl dd {
	margin: 0px;
	padding: 5px 0px 5px 110px;
}

.svp {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

.svp ul {
    list-style: none;
    padding: 0px;
    position: relative;
    left: 50%;
    float: left;
}

.svp li {
    margin-top: 0px;
    margin-right: 2px;
    margin-left: 0px;
    margin-bottom: 2px;
    padding: 0px;
    position: relative;
    left: -50%;
    float: left;
    list-style: none;
}

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

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

/* 朝食メニューの幅設定 */
#service table th {
    background: #e8e0d1;
    font-weight: normal;
    text-align: center;
    width: 30%;
}

#service table td {
    width: 70%;
}

/* 募集要項の幅設定 */
#service table.yoko th {
    width: 30% !important;
}

#service table.yoko td {
    width: 70% !important;
}

ul.sv_list {
    list-style: none;
    padding-right: 10px;
    margin-bottom: 15px;
    margin-right: -5px;
    margin-left: -5px;
}

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

.sv_list li:nth-child(2n) {
    margin-right: -10px;
}

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

.sv_list li a div {
    font-size: 1.2rem;
    line-height: 60px;
    text-align: center;
    color: #40210f;
    height: 50px;
    padding-right: 10px;
}

.sv_list li a div.px10 {
    font-size: 1rem;
}

table.floor {
    border-collapse: separate;
    border-spacing: 2px;
    padding: 0px;
    margin: 15px 0px 10px;
    clear: both;
}

.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;
}


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

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

#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: 40%;
    text-align: center;
    margin: 0px;
    padding: 5px;
}

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


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

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

.mapwrap img,
.splink iframe {
    margin: 0px 0px 10px;
    padding: 0px;
    width: 100%;
    border: 1px solid #40210f;
}

.mapwrap .imgmap {
    position: relative;
}

.imgmap img.zoom {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 105px;
    width: 140px;
    border: none;
}

.mapwrap .dc {
    margin: 0px;
    padding: 0px;
}

.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;
    padding-right: 15px;
    padding-left: 15px;
}

.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.m1_green {
    background: url(../img/access_icon1_g.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.m2_green {
    background: url(../img/access_icon2_g.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.m3_green {
    background: url(../img/access_icon3_g.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 10px;
    padding: 0px 10px 0px 0px;
}

.qanav li {
    float: left;
    width: 50%;
    margin-bottom: 10px;
    margin-right: 10px;
}

.qanav li:nth-child(2n) {
    margin-right: -10px;
}

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

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

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

/*
.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: 150%;
    border-bottom: 2px solid #40210f;
}
*/
.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: 150%;
    border-left: 30px solid #40210f;
    border-bottom: 2px solid #40210f;
}

.qanda dt a {
    text-decoration: none;
    background: #40210f;
}

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

.qanda dt .nmb {
	background: none !important;
	margin: 0px 0px 0px -30px !important;
}

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

.qanda .tx {
    margin: 0px;
    padding: 10px 0px 0px 40px;
}

.qanda dt .tx {
	padding: 5px 0px 5px 10px !important;
}

.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;
    margin-left: -1em !important;
}


/*
.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;
    padding: 0px;
}

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

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

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

.qanda .mdl2 dd {
	/*float: left;*/
	padding: 3px 0px 5px 110px !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: 100%;
	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 10%;
	border-bottom: 1px dotted #f8b62c;
}

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

#recruit h2 {
    font-size: 1.8rem;
    background: none;
    color: #40210f;
    margin: 0px 0px 15px !important;
    padding: 8px 0px !important;
    text-shadow: none;
    font-weight: 600;
    border-top: 1px solid #40210F;
    border-bottom: 1px solid #40210F;
    clear: both;
    display: block;
    line-height: 1.5em !important;
    height: auto !important;
}

h4.recruit {
    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;
    clear: both;
}

#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;
}
.mojikan_1
{
	letter-spacing: -1px;
}

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

#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;
    /*background-image: url(../img/setsuden01.png);*/
    -moz-background-size: 300px 74px;
    /* Firefox */
    -webkit-background-size: 300px 74px;
    /* Safari,Chromeなど */
    -o-background-size: 300px 74px;
    /* Opera */
    -ms-background-size: 300px 74px;
    /* ie */
    background-size: 300px 74px;
    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 100px;
    padding: 1.5em 1.5em 1.5em 2.5em;
    width: 100%;
}

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

#setsuden .lamp img {
    height: auto;
    width: 60%;
    float: right;
}

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

#setsuden li:before {
    content: "●";
    margin: 0px 0px 0px -1em !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 2em;
}

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

#privacy li:before {
    content: "●";
    margin: 0px 0px 0px -1em !important;
    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: 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 0px 20px;
    padding: 10px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

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

/*------------------------------
 うまかぁお店
----------------------------- */
/*
.uma ul {
    list-style: none;
    margin: 5px 0px 10px 0px !important; 
}
*/
.uma ul {
 list-style: none;
 margin: 5px 0px 10px 0px !important;
 display: flex;
 flex-wrap: wrap;
}

/*
.uma li {
    float: left;
    width: 32%;
    margin-bottom: 5px;
    margin-right: 1.5px;
	margin-left: 1.5px;
	display: inline;
}
*/
.uma li {
 width: 32%;
 margin-bottom: 5px;
 margin-right: 2%;
 background: #fffcda;
 display: flex;
 justify-content: center;
 align-items: center;
}

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

.uma li:nth-child(3n) {
 margin-right: 0 !important;
}

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


dl.uma {
    padding: 0px;
    margin: 0px 0px 5px;
}

.uma dl.mdl2,
.uma .mdl2 dt,
.uma .mdl2 dd {
    margin: 0px;
    padding: 0px;
}

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

.uma .mdl2 dt {
	clear: left;
	float: left;
	border-style: none !important;
	margin: 0px;
	padding: 5px 0px;
	font-weight: 600;
	width: 110px;
}

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

.uma .mdl2 dd {
	/*float: left;*/
	padding: 3px 0px 5px 110px !important;
	margin: 0px !important;
}


.mbtn {
	float:right !important;
	margin-right: 5px !important;
	clear:left;
	width: 100px;
	height: 26px;
	margin-top: -6px !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;
	padding-top: 5px;
}
.mbtn  a {
	color: #f8b62c !important;
}
.mbtn  a:hover {
	color: red;
	background-color: #fffcda !important;
}
/*
.getto dl {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #a38b77;
}
.gettoM dl {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #a38b77;
}
*/
.getto dl {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #a38b77;
 display: flex;
 flex-wrap: wrap;
}
.gettoM dl {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #a38b77;
 display: flex;
 flex-wrap: wrap;
}
/*
.getto dt {
	background-color : #fffeda;  
	margin: 0px;
	padding: 3px 3px;
	float: left;
	width: 18%;
	text-align: center;
	float : left;
	clear : both;
}
.gettoM dt {
	background-color : #fffeda;  
	margin: 0px;
	padding: 3px 3px;
	float: left;
	width: 18%;
	text-align: center;
	float : left;
	clear : both;
}
*/
.getto dt {
	background-color : #fffeda;  
	margin: 0px;
	padding: 3px 3px;
	width: 25%;
	text-align: center;
}
.gettoM dt {
	background-color : #fffeda;  
	margin: 0px;
	padding: 3px 5px;
	width: 25%;
	text-align: center;
}
/*
.getto dd {
	background-color : #e8e0d1;
	margin: 0px;
	padding: 3px 10px;
	width: 82%;
	float: right;
}
.gettoM dd {
	background-color : #e8e0d1;
	margin: 0px;
	padding: 3px 10px;
	width: 82%;
	float: right;
}
*/
.getto dd {
	background-color : #e8e0d1;
	margin: 0px;
	padding: 3px 10px;
	width: 75%;
}
.gettoM dd {
	background-color : #e8e0d1;
	margin: 0px;
	padding: 3px 10px;
	width: 75%;
}
.getto dt.uline {
	border-bottom: 1px solid #a38b77;
}
.getto dd.uline {
	border-bottom: 1px solid #a38b77;
}
.getto2 {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-top: none;
	border-right: 1px solid #a38b77;
	border-bottom: 1px solid #a38b77;
	border-left: 1px solid #a38b77;
	margin-bottom: 20px;
	text-align:center;
}
.getto3 {
	margin: 0px;
	padding: 3px 0px;
	width: 100%;
	text-align: center;	
	border-top: none !important;
	border-right: 1px solid #a38b77;
	border-bottom: none !important;
	border-left: 1px solid #a38b77;
}

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

.c1{
	text-align: center;
}
.r1{
	text-align: right; 
}

.pcnone{
 display:none;
}
@media screen and (min-width: 501px){
.pcNone { display: none;}
}

.spnone{
 display:none;
}
@media screen and (max-width: 500px){
.spNone { display: none;}
}