@charset "UTF-8";

/* CSS Document */

.body {
 margin: 0;
 padding: 0;
 background: #FFFFFF;
 font-size: 13px;
 *font-size: small;
 *font: x-small;
 font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
body,dd,dl,dt,form,h1,h2,h3,h4,input,li,p,select,td,textarea,th,ul{margin:0;
padding:0
}
h1,h2,h3,h4,h5,h6{font-size:1em;
font-weight:400
}
img{border:0;
margin:0;
padding:0;
vertical-align:top
}
dl,ul{list-style-type:none
}
*{-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
word-break:normal
}
.spDisp {
display: none!important;
}
.printDisp {
display: none;
}
.wrapper{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
font-size:.94rem
}
.wrapper header{order:1;
width:100%
}
.wrapper footer{order:4;
width:100%
}
.wrapper #path-box{background:#fff!important;
order:3;
width:100%
}
header{position:relative
}
header .sphead,header .spsearch{display:none
}
header .headArea{border-top:17px solid #c00;
height:60px;
margin-bottom:10px
}
header .headArea h1.siteid{left:0;
position:absolute;
top:0
}
header .headArea h1.siteid a img{height:60px
}
header .headArea .slogan{left:252px;
position:absolute;
top:33px
}
header .headArea .slogan img{/* height:11px */
}
header .headArea nav.subNav{position:absolute;
right:20px;
top:33px
}
header .headArea nav.subNav ul{display:flex;
display:-o-flex;
display:-ms-flex;
display:-moz-flex;
display:-webkit-flex
}
header .headArea nav.subNav ul li{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
font-weight:700;
margin:0 1em
}
header .headArea nav.subNav ul li a{color:#333;
font-size:13px;
text-decoration:none;
transition:.3s
}
header .headArea nav.subNav ul li a:hover{color:#c00
}
header .headArea nav.subNav ul li.lang{margin-right:0
}
header .headArea nav.subNav ul li.lang a{border:1px solid #c00;
border-radius:4px;
color:#c00;
padding:.3em 1.5em;
transition:.3s
}
header .headArea nav.subNav ul li.lang a:hover{background:#faecea
}
header .globalNav .navitem li.search .searchForm input[type=text]{background-color:#fff
}
header .spsearch .searchForm input[type=text]{background-color:#fff
}
.wrapper #path-box{background:#eee;
font-size:13px;
padding:.8em
}
.wrapper #path-box ul{display:flex;
display:-o-flex;
display:-ms-flex;
display:-moz-flex;
display:-webkit-flex
}
.wrapper #path-box ul li {
	position: relative;
	padding-right: 25px
}
.wrapper #path-box ul li:after{
display:inline-block;
content:"";
position: relative;
top: -3px;
left: 10px;
width: 5px;
height: 5px;
border-top: solid 1px #000;
border-right: solid 1px #000; 
transform: rotate(45deg);
}
.wrapper #path-box ul li:last-child:after{content:""
}
.wrapper #path-box a{color:#333;
text-decoration:none
}
.wrapper #path-box a:hover{text-decoration:underline
}
footer{background:#f7f7f7;
font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
padding-top:0;
position:relative
}
footer .pagetop a{background:rgba(100,100,100,.4);
border-radius:6px;
bottom:-50px;
display:block;
font-size:0;
height:46px;
line-height:40px;
position:fixed;
right:20px;
text-align:center;
text-decoration:none;
width:46px;
z-index:100
}
footer .pagetop a:before{color:#fff;
content:"\f106";
font-family:yubin;
font-size:40px
}
footer .pagetop a:hover{background:rgba(100,100,100,.8)
}
footer .innerwidth{padding:0 0
}
footer .groupbnr{margin:40px auto
}
footer .groupbnr ul{display:flex;
display:-o-flex;
display:-ms-flex;
display:-moz-flex;
display:-webkit-flex;
justify-content:space-between
}
footer .groupbnr ul li{position:relative;
width:32%
}
footer .groupbnr ul li a{background:#fff;
border:1px solid #ccc;
display:block;
padding:25px 40px;
transition:.3s
}
footer .groupbnr ul li a:after{color:#333;
content:"\e924";
font-family:yubin;
position:absolute;
right:25px;
top:40%
}
footer .groupbnr ul li a:hover{opacity:.6
}
footer .footArea{line-height:0
}
footer .footArea .sp{display:none
}
footer .footArea .upper{align-items:center;
display:flex;
display:-o-flex;
display:-ms-flex;
display:-moz-flex;
display:-webkit-flex;
margin:7px auto
}
footer .footArea .upper .logo{flex-basis:120px;
max-width:120px;
padding-right:30px;
text-align:left
}
footer .footArea .upper .nav{flex:1
}
footer .footArea .upper .nav ul{display:flex;
display:-o-flex;
display:-ms-flex;
display:-moz-flex;
display:-webkit-flex;
flex-wrap:wrap;
font-size:13px
}
footer .footArea .upper .nav ul li{line-height:1.8;
margin-right:1.7em
}
footer .footArea .upper .nav ul li:before{color:#c00;
top:0
}
footer .footArea .lower{background:#c00;
padding:10px 33px
}
footer .footArea .lower .sitewidth{display:flex;
display:-o-flex;
display:-ms-flex;
display:-moz-flex;
display:-webkit-flex
}
footer .footArea .lower .copy{flex:1;
position:relative;
text-align:right;
top:2px
}

@media screen and (max-width:726px){
.pcDisp {
    display: none !important;
}
.spDisp {
    display: block !important;
/*   display: none !important; */
}
header{background:#c00;
height:52px;
position:relative
}
header .sphead,header .spsearch{display:block
}
header nav.subNav{display:none
}
header .headArea{border-top:0;
height:auto;
margin-bottom:0;
position:relative;
text-align:center;
z-index:100
}
header .headArea h1.siteid{display:inline-block;
padding:12px 0 9px;
position:relative;
text-align:center
}
header .headArea h1.siteid a{display:inline-block
}
header .headArea h1.siteid a img{height:31px;
margin:auto
}
footer {
    padding-top: 3px;
}
footer .groupbnr ul li a:hover{opacity:.6
}
footer .footArea{line-height:1.6
}
footer .footArea .lower,footer .footArea .upper{display:none
}
footer .footArea .lower,footer .footArea .upper{
    display:none
}
footer .footArea .sp{display:block
}
footer .footArea .sp .copy{font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
margin:.8em 0;
text-align:center
}
footer .footArea .sp .bar{background:#c00;
padding:15px 0;
text-align:center
}
footer .footArea .sp .bar img{width:144px
}
footer .footArea .sp .nav ul li:before{left:5px;
top:.6em
}
}