/* Created by Artisteer v4.2.0.60623 */

/*
 * "Noto Sans JP" is lisenced under the SIL Open Font License 1.1
 * https://fonts.google.com/
 */

/*@font-face{
font-family: Noto Sans JP;
src: url("../font/NotoSans/NotoSans-Regular.ttf");
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face{
font-family: Noto Sans JP;
src: url("../font/NotoSans/NotoSans-Bold.ttf");
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face{
font-family: Noto Serif TC;
src: url("../font/NotoSerif/NotoSerif-Regular.ttf");
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face{
font-family: Noto Serif TC;
src: url("../font/NotoSerif/NotoSerif-Bold.ttf");
font-weight: bold;
font-style: normal;
font-display: swap;
}*/

*{
font-size: 16px;
font-family: "Noto Sans JP", "Noto Serif TC", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a, a *{
transition: all 0.5s;
}

.pc a[href^='tel:'],
.pc a[href^='tel:']:link,
.pc a[href^='tel:']:visited,
.pc a[href^='tel:']:hover{
text-decoration: none;
color: inherit;
font-size:  inherit;
cursor: default;
}

.pc a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}

#art-main{
background: #FFFFFF;
margin: 0 auto;
font-weight: normal;
font-style: normal;
position: relative;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor: default;
overflow: hidden;
}

table, ul.art-hmenu{
font-weight: normal;
font-style: normal;
}

table{
border-collapse: collapse;
table-layout: fixed;
}

p{
margin: 0 auto;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li{
margin: 0;
padding: 0;
}

/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */

.art-button{
border-collapse: separate;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
background: #FF811A;
background: -webkit-linear-gradient(top, #FF9D4C 0, #FF7300 75%, #E56700 100%) no-repeat;
background: -moz-linear-gradient(top, #FF9D4C 0, #FF7300 75%, #E56700 100%) no-repeat;
background: -o-linear-gradient(top, #FF9D4C 0, #FF7300 75%, #E56700 100%) no-repeat;
background: -ms-linear-gradient(top, #FF9D4C 0, #FF7300 75%, #E56700 100%) no-repeat;
-svg-background: linear-gradient(top, #FF9D4C 0, #FF7300 75%, #E56700 100%) no-repeat;
background: linear-gradient(to bottom, #FF9D4C 0, #FF7300 75%, #E56700 100%) no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
border: 1px solid #A6A6A6;
padding: 0 20px;
margin: 0 auto;
height: 28px;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a{
text-align: left;
}

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
.art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover{
font-size: 30px;
font-weight: bold;
font-style: normal;
line-height: 120%;
}

.art-postcontent a, .art-postcontent a:link{
text-decoration: none;
color: #0000DD;
}

.art-postcontent a:visited, .art-postcontent a.visited{
text-decoration: none;
color: #808080;
}

.art-postcontenta:hover, .art-postcontent a.hover{
text-decoration: underline;
color: #FF9238;
}

.art-postcontent h1{
color: #FF7300;
margin: 10px 0 0;
font-size: 30px;
}

.art-blockcontent h1{
margin: 10px 0 0;
font-size: 30px;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited{
font-size: 30px;
}

.art-postcontent h2{
color: #424242;
margin: 10px 0 0;
font-size: 28px;
text-align: center;
}

.art-blockcontent h2{
margin: 10px 0 0;
font-size: 28px;
text-align: center;
}

.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited{
font-size: 28px;
text-align: center;
}

.art-postcontent h3{
color: #FF7300;
margin: 10px 0 0;
font-size: 24px;
text-align: center;
}

.art-blockcontent h3{
margin: 10px 0 0;
font-size: 24px;
text-align: center;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited{
font-size: 24px;
text-align: center;
}

.art-postcontent h4{
color: #512E01;
margin: 10px 0 0;
font-size: 20px;
}

.art-blockcontent h4{
margin: 10px 0 0;
font-size: 20px;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited{
font-size: 20px;
}

.art-postcontent h5{
color: #512E01;
margin: 10px 0 0;
}

.art-blockcontent h5{
margin: 10px 0 0;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited{
}

.art-postcontent h6{
color: #C06E02;
margin: 10px 0 0;
}

.art-blockcontent h6{
margin: 10px 0 0;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited{
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before{
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

ul{
list-style-type: none;
}

ol{
list-style-position: inside;
}

html, body{
height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 * user zoom.
 * https://github.com/necolas/normalize.css
 */

html{
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}

body{
padding: 0;
margin: 0;
color: #292929;
}

.art-header:before, #art-header-bg:before, .art-layout-cell:before, .art-footer:before, #art-hmenu-bg:before, .art-sheet:before{
width: 100%;
content: " ";
display: table;
}

.art-header:after, #art-header-bg:after, .art-layout-cell:after, .art-footer:after, #art-hmenu-bg:after, .art-sheet:after, .cleared, .clearfix:after{
clear: both;
font: 0/0 serif;
display: block;
content: " ";
}

form{
padding: 0 !important;
margin: 0 !important;
}

table.position{
position: relative;
width: 100%;
table-layout: fixed;
}

.art-header{
margin: 0 auto;
overflow: hidden;
}

.art-slogan{
display: block;
width: 100%;
margin: 0 auto;
background-color: #FFCC66;
}

.art-slogan span{
display: block;
width: 80%;
max-width: 1200px;
margin: 0 auto;
padding: 5px 0;
font-size: 14px;
font-weight: normal;
line-height: 1.2;
}

.art-shapes{
width: 80%;
max-width: 1200px;
margin: 30px auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.art-shapes > a{
width: 25%;
display: block;
}

.art-shapes > a img{
width: 100%;
display: block;
}

.art-shapes div.art-nav-inner{
display: inline-block;
}

.art-shapes div.art-nav-inner p{
font-size: 22px;
margin: 0 auto 10px;
}

.art-shapes div.art-nav-inner p a{
display: inline-block;
margin: 0 2em 0 0;
text-decoration: none;
white-space: nowrap;
font-size: inherit;
}

.art-shapes div.art-nav-inner p a:last-of-type{
margin-right: 0;
}

.art-shapes div.art-nav-inner p a img{
display: inline-block;
height: 1.4em;
vertical-align: middle;
margin: 0 0.6em 0 0;
}

.art-shapes div.art-nav-inner ul{
display: block;
}

.art-shapes div.art-nav-inner ul li{
display: inline-block;
border-right: 1px solid #BFBFBF;
padding: 0 1em;
}

.art-shapes div.art-nav-inner ul li:first-of-type{
border-left: 1px solid #BFBFBF;
}

.art-shapes div.art-nav-inner ul li a{
display: block;
font-size: 20px;
}


.art-sheet{
margin: 0 auto;
position: relative;
width: 100%;
}

div.art-block img{
border: none;
margin: 0;
}

.art-blockheader{
padding: 6px 5px;
margin: 0 auto;
}

.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover{
color: #000000;
font-size: 24px;
font-weight: bold;
font-style: normal;
margin: 0 10px;
}

.art-blockcontent{
padding: 5px;
margin: 0 auto;
color: #404040;
}

.art-blockcontent table,
.art-blockcontent li,
.art-blockcontent a,
.art-blockcontent a:link,
.art-blockcontent a:visited,
.art-blockcontent a:hover{
color: #404040;
}

.art-blockcontent p{
margin: 0 5px;
}

.art-blockcontent a, .art-blockcontent a:link{
color: #0000DD;
font-weight: bold;
font-style: normal;
text-decoration: none;
}

.art-blockcontent a:visited, .art-blockcontent a.visited{
color: #B8B8B8;
font-weight: bold;
font-style: normal;
text-decoration: none;
}

.art-blockcontent a:hover, .art-blockcontent a.hover{
color: #FF9238;
font-weight: bold;
font-style: normal;
text-decoration: underline;
}

.art-block ul > li:before{
content: url("../images/blockbullets.png");
margin-right: 6px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
margin-left: -12px;
}

.art-block li{
line-height: 125%;
color: #545454;
}

.art-block ul > li, .art-block ol{
padding: 0;
}

.art-block ul > li{
padding-left: 12px;
}

.art-breadcrumbs{
margin: 0 auto;
}

a.art-button,
a.art-button:link,
a:link.art-button:link,
body a.art-button:link,
a.art-button:visited,
body a.art-button:visited,
input.art-button,
button.art-button{
text-decoration: none;
font-weight: bold;
font-style: normal;
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
color: #000000;
margin: 0 5px 0 0 !important;
overflow: visible;
cursor: pointer;
text-indent: 0;
}

.art-button img{
margin: 0;
vertical-align: middle;
}

input, select, textarea, a.art-search-button span{
vertical-align: middle;
font-weight: bold;
font-style: normal;
}

.art-block select{
width: 96%;
}

input.art-button{
float: none !important;
-webkit-appearance: none;
}

.art-button.active, .art-button.active:hover{
background: #828282;
background: -webkit-linear-gradient(top, #9C9C9C 0, #808080 55%, #696969 100%) no-repeat;
background: -moz-linear-gradient(top, #9C9C9C 0, #808080 55%, #696969 100%) no-repeat;
background: -o-linear-gradient(top, #9C9C9C 0, #808080 55%, #696969 100%) no-repeat;
background: -ms-linear-gradient(top, #9C9C9C 0, #808080 55%, #696969 100%) no-repeat;
-svg-background: linear-gradient(top, #9C9C9C 0, #808080 55%, #696969 100%) no-repeat;
background: linear-gradient(to bottom, #9C9C9C 0, #808080 55%, #696969 100%) no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
border: 1px solid #828282;
padding: 0 20px;
margin: 0 auto;
}

.art-button.active, .art-button.active:hover{
color: #1C1C1C !important;
}

.art-button.hover, .art-button:hover{
background: #B5B5B5;
background: -webkit-linear-gradient(top, #D1D1D1 0, #999999 100%) no-repeat;
background: -moz-linear-gradient(top, #D1D1D1 0, #999999 100%) no-repeat;
background: -o-linear-gradient(top, #D1D1D1 0, #999999 100%) no-repeat;
background: -ms-linear-gradient(top, #D1D1D1 0, #999999 100%) no-repeat;
-svg-background: linear-gradient(top, #D1D1D1 0, #999999 100%) no-repeat;
background: linear-gradient(to bottom, #D1D1D1 0, #999999 100%) no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
border: 1px solid #828282;
padding: 0 20px;
margin: 0 auto;
}

.art-button.hover, .art-button:hover{
color: #000000 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea{
background: #FFFFFF;
border: 1px solid rgba(222, 222, 222, 0.2);
margin: 0 auto;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea{
width: auto;
padding: 8px 0;
color: #404040 !important;
font-weight: bold;
font-style: normal;
text-shadow: none;
}

input.art-error, textarea.art-error{
background: #FFFFFF;
border: 1px solid #E2341D;
margin: 0 auto;
}

input.art-error, textarea.art-error{
color: #404040 !important;
font-weight: bold;
font-style: normal;
}

form.art-search input[type="text"]{
background: #FFFFFF;
border-radius: 0;
border: 1px solid #DEDEDE;
margin: 0 auto;
width: 100%;
padding: 0;
color: #404040 !important;
font-weight: normal;
font-style: normal;
}

form.art-search{
background-image: none;
border: 0;
display: block;
position: relative;
top: 0;
padding: 0;
margin: 5px;
left: 0;
line-height: 0;
}

form.art-search input, a.art-search-button{
-webkit-appearance: none;
top: 0;
right: 0;
}

form.art-search > input, a.art-search-button{
bottom: 0;
left: 0;
vertical-align: middle;
}

form.art-search input[type="submit"], input.art-search-button, a.art-search-button{
background: #FF811A;
border-radius: 0;
margin: 0 auto;
}

form.art-search input[type="submit"], input.art-search-button, a.art-search-button{
position: absolute;
left: auto;
display: block;
border: 0;
top: 1px;
bottom: 1px;
right: 1px;
padding: 0 6px;
color: #000000 !important;
font-weight: normal;
font-style: normal;
cursor: pointer;
}

a.art-search-button span.art-search-button-text, a.art-search-button:after{
vertical-align:middle;
}

a.art-search-button:after{
display: inline-block;
content: " ";
height: 100%;
}

a.art-search-button, a.art-search-button span,
a.art-search-button:visited, a.art-search-button.visited,
a.art-search-button:hover, a.art-search-button.hover{
text-decoration: none;
font-weight: normal;
font-style: normal;
}

a.art-search-button{
line-height: 100% !important;
}

label.art-checkbox:before{
background: #FFFFFF;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border-width: 0;
margin: 0 auto;
width: 16px;
height: 16px;
}

label.art-checkbox{
cursor: pointer;
font-weight: normal;
font-style: normal;
line-height: 16px;
display: inline-block;
color: #404040 !important;
}

.art-checkbox > input[type="checkbox"]{
margin: 0 5px 0 0;
}

label.art-checkbox.active:before{
background: #FDB453;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border-width: 0;
margin: 0 auto;
width: 16px;
height: 16px;
display: inline-block;
}

label.art-checkbox.hovered:before{
background: #FECE90;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border-width: 0;
margin: 0 auto;
width: 16px;
height: 16px;
display: inline-block;
}

label.art-radiobutton:before{
background: #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-width: 0;
margin: 0 auto;
width: 12px;
height: 12px;
}

label.art-radiobutton{
cursor: pointer;
font-weight: normal;
font-style: normal;
line-height: 12px;
display: inline-block;
color: #404040 !important;
}

.art-radiobutton > input[type="radio"]{
vertical-align: baseline;
margin: 0 5px 0 0;
}

label.art-radiobutton.active:before{
background: #FDB453;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-width: 0;
margin: 0 auto;
width: 12px;
height: 12px;
display: inline-block;
}

label.art-radiobutton.hovered:before{
background: #FECE90;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-width: 0;
margin: 0 auto;
width: 12px;
height: 12px;
display: inline-block;
}

.art-comments{
border-top: 1px dotted #D4D4D4;
margin: 25px auto 0;
}

.art-comments h2{
color: #292929;
}

.art-comment-inner{
background: #F0F0F0;
background: transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 5px;
margin: 0 auto 0 94px;
}

.art-comment-avatar{
float: left;
width: 80px;
height: 80px;
padding: 1px;
background: #FFF;
border: 1px solid #B5B5B5;
}

.art-comment-avatar > img{
margin: 0 !important;
border: none !important;
}

.art-comment-content{
padding: 10px 0;
color: #292929;
}

.art-comment{
margin-top: 6px;
}

.art-comment:first-child{
margin-top: 0;
}

.art-comment-header{
color: #292929;
}

.art-comment-header a,
.art-comment-header a:link,
.art-comment-header a:visited,
.art-comment-header a.visited,
.art-comment-header a:hover,
.art-comment-header a.hovered{
}

.art-comment-header a, .art-comment-header a:link{
color: #803900;
}

.art-comment-header a:visited, .art-comment-header a.visited{
color: #404040;
}

.art-comment-header a:hover,.art-comment-header a.hovered{
color: #A84C00;
}

.art-comment-content a,
.art-comment-content a:link,
.art-comment-content a:visited,
.art-comment-content a.visited,
.art-comment-content a:hover,
.art-comment-content a.hovered{
}

.art-comment-content a, .art-comment-content a:link{
color: #FF7B0F;
}

.art-comment-content a:visited, .art-comment-content a.visited{
color: #404040;
}

.art-comment-content a:hover,.art-comment-content a.hovered{
color: #A84C00;
}

.art-pager{
background: #FFE3CC;
background: -webkit-linear-gradient(top, #FFFFFF 0, #FFA052 100%) no-repeat;
background: -moz-linear-gradient(top, #FFFFFF 0, #FFA052 100%) no-repeat;
background: -o-linear-gradient(top, #FFFFFF 0, #FFA052 100%) no-repeat;
background: -ms-linear-gradient(top, #FFFFFF 0, #FFA052 100%) no-repeat;
-svg-background: linear-gradient(top, #FFFFFF 0, #FFA052 100%) no-repeat;
background: linear-gradient(to bottom, #FFFFFF 0, #FFA052 100%) no-repeat;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #FDB453;
padding: 5px;
}

.art-pager > *:last-child{
margin-right: 0 !important;
}

.art-pager > span{
cursor: default;
}

.art-pager > *{
background: #FFCFA8;
background: -webkit-linear-gradient(top, #FFFCFA 0, #FFA052 100%) no-repeat;
background: -moz-linear-gradient(top, #FFFCFA 0, #FFA052 100%) no-repeat;
background: -o-linear-gradient(top, #FFFCFA 0, #FFA052 100%) no-repeat;
background: -ms-linear-gradient(top, #FFFCFA 0, #FFA052 100%) no-repeat;
-svg-background: linear-gradient(top, #FFFCFA 0, #FFA052 100%) no-repeat;
background: linear-gradient(to bottom, #FFFCFA 0, #FFA052 100%) no-repeat;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #FFA257;
padding: 7px;
margin: 0 4px 0 auto;
line-height: normal;
position: relative;
display: inline-block;
margin-left: 0;
}

.art-pager a:link,
.art-pager a:visited,
.art-pager .active{
line-height: normal;
text-decoration: none;
color: #1F1F1F;
}

.art-pager .active{
background: #FF811A;
background: -webkit-linear-gradient(top, #FFAB66 0, #FF7300 67%, #CC5C00 100%) no-repeat;
background: -moz-linear-gradient(top, #FFAB66 0, #FF7300 67%, #CC5C00 100%) no-repeat;
background: -o-linear-gradient(top, #FFAB66 0, #FF7300 67%, #CC5C00 100%) no-repeat;
background: -ms-linear-gradient(top, #FFAB66 0, #FF7300 67%, #CC5C00 100%) no-repeat;
-svg-background: linear-gradient(top, #FFAB66 0, #FF7300 67%, #CC5C00 100%) no-repeat;
background: linear-gradient(to bottom, #FFAB66 0, #FF7300 67%, #CC5C00 100%) no-repeat;
border: 1px solid #FFA257;
padding: 7px;
margin: 0 4px 0 auto;
color: #121212;
}

.art-pager .more{
background: #FFCFA8;
background: -webkit-linear-gradient(top, #FFFCFA 0, #FFA052 100%) no-repeat;
background: -moz-linear-gradient(top, #FFFCFA 0, #FFA052 100%) no-repeat;
background: -o-linear-gradient(top, #FFFCFA 0, #FFA052 100%) no-repeat;
background: -ms-linear-gradient(top, #FFFCFA 0, #FFA052 100%) no-repeat;
-svg-background: linear-gradient(top, #FFFCFA 0, #FFA052 100%) no-repeat;
background: linear-gradient(to bottom, #FFFCFA 0, #FFA052 100%) no-repeat;
border: 1px solid #FFA257;
margin: 0 4px 0 auto;
}

.art-pager a.more:link,
.art-pager a.more:visited{
color: #1F1F1F;
}

.art-pager a:hover{
background: #FFA257;
background: -webkit-linear-gradient(top, #FFCDA3 0, #FF7605 100%) no-repeat;
background: -moz-linear-gradient(top, #FFCDA3 0, #FF7605 100%) no-repeat;
background: -o-linear-gradient(top, #FFCDA3 0, #FF7605 100%) no-repeat;
background: -ms-linear-gradient(top, #FFCDA3 0, #FF7605 100%) no-repeat;
-svg-background: linear-gradient(top, #FFCDA3 0, #FF7605 100%) no-repeat;
background: linear-gradient(to bottom, #FFCDA3 0, #FF7605 100%) no-repeat;
border: 1px solid #FFCFA8;
padding: 7px;
margin: 0 4px 0 auto;
}

.art-pagera:hover,
.art-pagera.more:hover{
color: #141414;
}

.art-pager > *:after{
margin: 0 0 0 auto;
display: inline-block;
position: absolute;
content: " ";
top: 0;
width: 0;
height: 100%;
right: 0;
text-decoration: none;
}

.art-pager > *:last-child:after{
display: none;
}

.art-commentsform{
background: #F0F0F0;
background: transparent;
padding: 10px;
margin: 25px auto 0;
color: #292929;
}

.art-commentsform h2{
padding-bottom: 10px;
margin: 0;
color: #292929;
}

.art-commentsform label{
display: inline-block;
line-height: 25px;
}

.art-commentsform input:not([type=submit]), .art-commentsform textarea{
width: 100%;
max-width: 100%;
}

.art-commentsform .form-submit{
margin-top: 10px;
}

a img{
border: 0;
}

pre{
overflow: auto;
padding: 0.1em;
}

.preview-cms-logo{
border: 0;
margin: 1em 1em 0 0;
float: left;
}

.image-caption-wrapper{
padding: 0;
}

.image-caption-wrapper img{
margin: 0 !important;
}

.image-caption-wrapper div.art-collage{
margin: 0 !important;
}

.image-caption-wrapper p{
font-size: 80%;
text-align: right;
margin: 0;
}

.art-postheader{
color: #D15E00;
margin: 6px 0;
font-size: 26px;
font-weight: normal;
font-style: normal;
}

.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered{
font-size: 26px;
font-weight: normal;
font-style: normal;
}

.art-postheader a, .art-postheader a:link{
text-decoration: none;
text-align: left;
color: #E56700;
}

.art-postheader a:visited, .art-postheader a.visited{
text-decoration: none;
color: #9E9E9E;
}

.art-postheader a:hover,.art-postheader a.hovered{
text-decoration: none;
color: #FF9238;
}

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover{
font-size: 12px;
color: #878787;
}

.art-postheadericons{
padding: 1px;
}

.art-postheadericons a, .art-postheadericons a:link{
font-weight: bold;
font-style: normal;
text-decoration: none;
color: #B25000;
}

.art-postheadericons a:visited, .art-postheadericons a.visited{
font-weight: bold;
font-style: normal;
text-decoration: none;
color: #B25000;
}

.art-postheadericons a:hover, .art-postheadericons a.hover{
font-weight: bold;
font-style: normal;
text-decoration: underline;
color: #E88502;
}

.art-postpdficon:before{
content: url("../images/postpdficon.png");
margin-right: 6px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
bottom: auto;
}

.art-postprinticon:before{
content: url("../images/postprinticon.png");
margin-right: 6px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
bottom: auto;
}

blockquote{
background: #FECE90 url("../images/postquote.png") no-repeat scroll;
padding: 10px 10px 10px 47px;
margin: 10px 10px 10px 50px;
color: #292929;
font-weight: normal;
font-style: italic;
overflow: auto;
clear:both;
}

blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover{
color: #292929;
font-weight: normal;
font-style: italic;
}

blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p{
margin: 0;
}

.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover{
font-size: 12px;
color: #878787;
}

.art-postfootericons{
padding: 1px;
}

.art-postfootericons a, .art-postfootericons a:link{
font-weight: bold;
font-style: normal;
text-decoration: none;
color: #B25000;
}

.art-postfootericons a:visited, .art-postfootericons a.visited{
font-weight: bold;
font-style: normal;
text-decoration: none;
color: #B25000;
}

.art-postfootericons a:hover, .art-postfootericons a.hover{
font-weight: bold;
font-style: normal;
text-decoration: underline;
color: #E88502;
}

.art-footer{
background-color: #FFCC66;
margin: 0 auto;
position: relative;
color: #291200;
line-height: 150%;
text-align: left;
padding: 0;
}

.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover,
.art-footer td,
.art-footer th,
.art-footer caption{
color: #291200;
line-height: 150%;
}

.art-footer p{
padding: 0;
text-align: left;
}

.art-footer a,
.art-footer a:link{
color: #803900;
text-decoration: none;
}

.art-footer a:visited{
color: #404040;
text-decoration: none;
}

.art-footer a:hover{
color: #2E2E2E;
text-decoration: underline;
}

.art-footer img{
border: none;
}

.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover{
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #662E00;
}

.art-footer-inner{
width: 80%;
max-width: 1200px;
margin: 30px auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.art-footer-inner p.foot_logo img{
display: block;
height: 4em;
}

.art-footer-inner > div.art-layout-cell{
width: 40%;
}

.art-footer-inner > div.art-layout-cell p a{
display: inline-block;
margin-right: 1em;
}

.art-footer-inner > div.art-layout-cell p a:last-of-type{
margin-right: 0;
}

.art-footer-inner > p.art-layout-cell{
width: 50%;
text-align: left;
line-height: 2.4;
}

.art-footer-inner > p.art-layout-cell a{
display: inline-block;
margin: 0 0.6em;
}

#copy{
text-align: center;
padding: 0 0 10px;
}

.art-content-layout .art-content{
margin: 0 auto;
}


.art-postcontent{
width: 100%;
margin: 0 auto;
padding: 50px 0;
background-color: #FFF;
}

.art-postcontent:nth-of-type(even){
background-color: #FFFFE7;
}

.art-postcontent .art-content-layout{
width: 80%;
max-width: 1200px;
margin: 0 auto;
}

.art-postcontent .art-content-layout > h2,
.art-postcontent .art-content-layout > h3{
display: bock;
width: 100%;
text-align: center;
margin: 0 auto 40px;
}

.art-postcontent .art-content-layout > h2 span,
.art-postcontent .art-content-layout > h3 span{
display: inline-block;
font-family: YuMincho,'Yu Mincho',"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
position: relative;
font-size: 28px;
color: #292929;
}

.art-postcontent .art-content-layout > h2 > span:before,
.art-postcontent .art-content-layout > h3 > span:before{
content: " ";
display: block;
width: 1.6em;
height: 1px;
background-color: #292929;
position: absolute;
top: 50%;
left: -2em;
margin-top: -0.5px;
}

.art-postcontent .art-content-layout > h2 > span:after,
.art-postcontent .art-content-layout > h3 > span:after{
content: " ";
display: block;
width: 1.6em;
height: 1px;
background-color: #292929;
position: absolute;
top: 50%;
right: -2em;
margin-top: -0.5px;
}



@media (max-width: 870px){

	.art-header{
	width: 100%;
	padding: 0 12% 0 5%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	border-top: 5px solid #FFCC66;
	}

	.art-slogan{
	width: 55%;
	background-color: transparent;
	}

	.art-slogan span{
	width: 100%;
	font-size: 12px;
	}

	.art-shapes{
	width: 35%;
	margin: 0 auto;
	padding: 0;
	}

	.art-shapes > a{
	width: 100%;
	}

	.art-shapes div.art-nav-inner{
	display: none;
	}



	.art-postcontent .art-content-layout{
	width: 90%;
	}

	.art-postcontent .art-content-layout > h2 span,
	.art-postcontent .art-content-layout > h3 span{
	font-size: 22px;
	}

	.art-postcontent .art-content-layout > h2 > span,
	.art-postcontent .art-content-layout > h3 > span{
	border-bottom: 1px solid #292929;
	padding: 0 0 5px;
	display: block;
	}

	.art-postcontent .art-content-layout > h2 > span:before,
	.art-postcontent .art-content-layout > h3 > span:before,
	.art-postcontent .art-content-layout > h2 > span:after,
	.art-postcontent .art-content-layout > h3 > span:after{
	display: none;
	}



	.art-footer-inner{
	width: 90%;
	margin: 20px auto;
	display: block;
	}

	.art-footer-inner p.foot_logo img{
	display: block;
	width: 60%;
	height: auto;
	margin: 0 0 10px;
	}

	.art-footer-inner > div.art-layout-cell{
	width: 100%;
	}

	.art-footer-inner > p.art-layout-cell{
	width: 100%;
	line-height: normal;
	margin: 10px auto 0;
	}

	.art-footer-inner > p.art-layout-cell a{
	margin: 0;
	display: inline-block;
	}

	.art-footer-inner > p.art-layout-cell a:nth-of-type(4):after{
	display: inline;
	content: "｜";
	}

	.art-footer-inner > p.art-layout-cell br{
	display: none;
	}

}