@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/

/* CSS Document */

/*----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------*/
body{margin:0;padding:0;}
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}
body{font-family:'Noto Sans Japanese', 'メイリオ', 'Meiryo UI', "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Verdana,'ＭＳ Ｐゴシック',sans-serif;}
body *{font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;}


/*----------------------------------------------------------------------------
***                                                                    class
----------------------------------------------------------------------------*/

/*----- 共通 -----*/
.colorP{color:#ed2f86;}
.colorG{color:#7aca43;}
.colorB{color:#41a8f5;}


/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
/*----- headerArea -----*/
#headerBox .headerBoxInner{width: 90%; margin: 0 auto 1.3em;}
#headerBox .nameBox{border-left: solid 2px #f5458e; margin-left: 1.2em;padding-left: 0.5em;}
#headerBox .btnBox .img{margin-right:0.8em;}
#headerBox .btnBox .img:last-child{margin: 0;}
#headerBox .btnBox .img a:hover{opacity: .7;}

/*----- navBox -----*/
#navBox{border-bottom: solid 5px #f5458e;}
#navBox .navBoxInner{width: 94%;margin: 0 auto;}
#navBox .navBoxInner li{margin-left: 0.7em;}
#navBox .navBoxInner li:first-child{margin-left: 0;}
#navBox .navBoxInner li a:hover{opacity: .7;}

/*----- loginBox -----*/
#loginBox{margin: 0 auto 5em auto;background: #fff;position: relative;}
#loginBox .contentsBox{width:770px;margin:0 auto;padding:0;border:none;box-shadow: none;}
#loginBox .loginBoxInner{ padding: 1em 0;}


/*----- contentsBox -----*/
#contentsBox{/*width: 650px;*//* padding-bottom: 10em; */}
.contentsoxInner{}

/*----- footerArea -----*/
#footerBox {background:#dcdddd;padding: 30px 0 20px;}
#footerBox *{color:#231815;}
#footerBoxInner {}
#footerBox ul{font-size:18px;}
#footerBox ul li{padding:0 1em;border-left: #231815 solid 1px;}
#footerBox ul li:last-child{border-right: #231815 solid 1px;}
#footerBox .bottomBox{border-top:solid 1px #3e3a39;margin:20px 0 0;padding: 20px 0 0;}
#footerBox .bottomBox .txt{font-size:14px;}
#footerBox .bottomBox *{color:#595757;}
#copyright{}
#copyright p{}