/* CSS Document */

/*
font-family:'Anton',sans-serif;
font-family:'Lora',serif;
font-family:'Muli',sans-serif;
*/

html{
height:100%;
font-size:0.625em;
}
body{
height:100%;
font-family:'YuGothic','Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese','メイリオ','Meiryo',sans-serif;
font-size:1.5rem;
background-color:#FFF;
}
header{
position:relative;
background-color:#000;
}
header>.fa-bars{
position:absolute;
bottom:1em;
right:.5em;
color:rgba(154,125,84,1);
font-size:3em;
cursor:pointer;
}

#smallNavigationPanel{
z-index:5;
display:none;
width:100%;
height:100%;
background-color:rgba(0,0,0,.8);
position:fixed;
top:0;
}
#smallNavigationPanel .fa-times-circle{
display:block;
margin:.5em 0;
text-align:center;
font-size:3em;
color:rgba(154,125,84,1);
cursor:pointer;
}
#smallNavigationList{
width:100%;
margin:0;
list-style:none;
padding:0;
}
#smallNavigationList a{
display:block;
text-align:center;
padding:.5em 0;
border-bottom:rgba(154,125,84,.8) solid 1px;
font-size:1.5rem;
color:rgba(255,255,255,1);
font-weight:700;
}
#smallNavigationList a:hover{
background-color:rgba(154,125,84,.8);
text-decoration:none;
}
#smallNavigationList a>span{
display:block;
font-family:'Lora',serif;
font-size:1.3rem;
}
#siteHeading{
text-align:center;
padding:1em 0;
color:rgba(255,255,255,1);
}

.siteLogo{
display:block;
width:15em;
height:15em;
margin:auto;
}

/*.fnt01{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}*/
.cmt01{line-height:2em;}
/*mainNavigation*********************************************/
.mainNavList{
margin:0;
padding:1em 0;
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%),url(../img/bg01.png);
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%),url(../img/bg01.png);
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%),url(../img/bg01.png);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ),url(../img/bg01.png);
border:#333 solid 0;
border-width:1px 0;
}
.mainNavList li{
list-style:none;
width:25%;
height:3em;
text-align:center;
border:rgba(255,255,255,.3) solid 0;
border-width:0 1px 0 0;
font-weight:700;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-size:1.4rem;
}
.mainNavList li:last-child{border:none;}
.mainNavList li span{
display:block;
font-family:'Lora',serif;
font-size:1rem;
}
.mainNavList a{
color:#FFF;
text-decoration:none;
}
.mainNavList a:hover{
color:#FFF;
text-shadow:rgba(0,0,0,.3) -1px -1px 0;
}


footer{
padding:1em 0;
margin:10em 0 0 0;
color:rgba(0,0,0,1);
text-align:center;
border:rgba(203,203,203,1) solid 0;
border-width:1px 0 0 0;
}

#bottomContactList{margin:1em 0 0 0;}
#bottomContactList dt,#bottomContactList dd{padding:.25em;}
/*#bottomContactList .data01{font-size:3rem;}
#bottomContactList .data02{font-size:2rem;}*/
#bottomContactList a{
color:rgba(0,0,0,1);
text-decoration:none;
}

footer .copyRight{
margin:1em 0;
font-family:'Lora',serif;
font-size:1.1rem;
}

/*
.pageHeading01{
padding:1em 0;
margin:0 0 2em 0;
text-align:center;
font-size:1.2rem;
font-weight:700;
color:#333;
border-bottom:#333 solid 5px;
}
.pageHeading01 span{
display:block;
font-family:'Lora',serif;
font-size:2rem;
margin:0 0 .25em 0;
}

.pageHeading01{
padding:1em 0;
margin:0 0 2em 0;
text-align:center;
font-size:1.2rem;
font-weight:700;
color:#333;
}
.pageHeading01 span{
display:block;
font-size:2rem;
margin:0 0 .25em 0;
}

.sectionHeading01{
text-align:center;
font-size:2.5rem;
font-weight:700;
padding:.5em 0;
}
.sectionHeading02{
padding:.5em 0;
margin:0 0 1em 0;
font-size:2.2rem;
font-weight:700;
}
.sectionHeading02 em{
font-size:2.5rem;
vertical-align:middle;
}
.sectionHeading03{
position:relative;
padding:1em 0;
font-size:2rem;
font-weight:700;
border-bottom:rgba(0,0,0,1) solid 1px;
}
*/

.pageHeading01{
padding:1em 0;
margin:0 0 2em 0;
text-align:center;
color:#333;
}
.pageHeading01 span{
display:block;
margin:0 0 .25em 0;
}

/*anchor/buttonStyles*************************************************/
.anchr_01{
position:relative;
display:inline-block;
background-color:rgba(255,255,255,1);
border:rgba(238,238,238,1) solid 1px;
color:rgba(0,0,0,1);
padding:1em 3em;
border-radius:.25em;
}
.anchr_01:hover{
background-color:rgba(0,0,0,1);
color:rgba(255,255,255,1);
text-decoration:none;
}
.anchr_01>.fa-angle-left,.anchr_01>.fa-angle-right{position:absolute;}
.anchr_01>.fa-angle-right{right:1em;}
.anchr_01>.fa-angle-left{left:1em;}

/*フレキシブルボックス新旧まとめ指定*******/
.flex01{/*フレキシブルボックス指定*/
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
/*内部要素横位置指定*/
-webkit-box-pack:start;
-moz-box-pack:start;
-ms-flex-pack:start;
-webkit-justify-content:flex-start;
justify-content:flex-start;
/*内部要素縦位置指定*/
-webkit-box-align:center;
-moz-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
}

/*汎用ブロックリンク*/
.boxLink{position:relative;}
.boxLink>a{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}