@charset "utf-8";
/**************************************************/
/***************************************************/
/* fixed
------------------------------------------------
#fixed_btn-pagemenuO{display:flex; position: absolute; justify-content: space-between; top:-20px; background-color:#F5C2D3; width:100%; visibility:hidden; border-bottom:1px solid #CCCCCC; padding-bottom:0; padding-top:4px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5); z-index:1;}
#fixed_btn-pagemenuO.fixed{position:fixed; top:0; transition: .5s; visibility:visible;}
*/

#HeadDetails{position:fixed; display:flex; width:100%; min-height:100px; background-color:#FFFFFF; border-bottom:1px solid #CCCCCC; z-index:1000; box-shadow:0 4px 4px 0 rgba(0, 0, 0, .3);}
#HeadDetails:after{display:block; content:""; clear:both;}


#fixed_btn-pagemenu{margin:0 auto; padding:0; display:table; width:980px; font-size:0.8em; border-top:1px dotted #999999;}
#fixed_btn-pagemenu li{display:inline-block; margin:0; padding:0;}

#fixed_btn-pagemenu a{position:relative; display:inline-block; padding: 0 5px 0 14px; color: #000; vertical-align:middle; text-decoration: none;}
#fixed_btn-pagemenu a:hover{ color:#E4007F;}
#fixed_btn-pagemenu a:hover::before{background-color:#E4007F;}

#spHeader, .cp_menu{display:none;}
#spHead{ display:none;}

/****ヘッダー******************/
div#HeaderFrame{width:1200px; margin:0 auto;}
div#HeaderL{float:left; width:420px; padding:20px 0;}
div#HeaderR{float:right; text-align:right;}
div#HeaderR p{margin:0; padding:0;}
div#HeaderR ul{ text-align:right; list-style:none; margin:0; padding:0 0 0 0; font-size:0.9em;}
div#HeaderR li{display:inline-block; vertical-align:middle; zoom:1;}
div#HeaderR li.counseling{width:197px;}
div#HeaderR li.counseling a{display:inline-block; text-indent:-9999px; background:url(../header_counseling02.gif) no-repeat left top; width:197px; height:71px;}
div#HeaderR li.counseling a:hover{background-position:right bottom;}
div#HeaderR li.offer{width:171px;}
div#HeaderR li.offer a{display:inline-block; text-indent:-9999px; background:url(../header_offer.gif) no-repeat left top; width:171px; height:71px;}
div#HeaderR li.offer a:hover{background-position:right bottom;}


ul#Menu{margin:-16px auto 0px auto; padding:2px 0; border-top:1px solid #CCCCCC; clear:both; display:table; border-collapse: separate; border-spacing:10px 0;}
ul#Menu li{display:table-cell; width:159px;}
ul#Menu a{display:block; text-align:center; border:1px solid #FFFFFF; text-decoration:none; color:#990000; width:100%; height:33px; line-height:normal; line-height:30px;}
ul#Menu img{ vertical-align:middle;}
ul#Menu a:hover{border-color:#990000; background-color:#FBF8F2; border:1px solid #ECC479;}




@media screen and (max-width:1218px) {
/****ヘッダー******************/
div#Header{margin:0; background-color:#F5C2D3; width:100%; min-width:inherit;}
div#HeaderFrame{width:100%; margin:0 auto;}
div#HeaderL{float:left; width:340px; padding:20px 0.6%;}
div#HeaderR{float:right; text-align:right; padding-right:0.6%;}
div#HeaderR{width:calc(100%-340px);}


ul#Menu{width:100%;}
ul#Menu li{width:14.3%;}
ul#Menu a{width:98%; height:30px; line-height:normal; line-height:30px;}
}

@media screen and (max-width:1090px) {
/****ヘッダー*****************
div#HeaderL{float:left; width:27%;}*/
div#HeaderL img{max-width:100%;}
div#HeaderR li.offer{ display:none;}
}

@media screen and (max-width:1000px) {
div#HeaderFrame{font-size:1rem; width:98%;}
div#HeaderR p{width:100%;}
div#HeaderR p img{ width:500px;}
#fixed_btn-pagemenu{ width:98%;}
}

@media screen and (max-width:990px) {
}



@media screen and (max-width:900px) {
div#HeaderFrame{display:none;}
#fixed_btn-pagemenuO{padding:0; margin:0;}

#HeadDetails{position:fixed; display:flex; width:100%; min-height:100px; background-color:#FFFFFF; border-bottom:1px solid #CCCCCC; z-index:1000; box-shadow:0 -4px 4px rgba(0, 0, 0, .3); position:fixed; left:0; bottom:0;}

/***ヘッダー*******/
/**************************/
#spHeader{display:block; width:100%; box-sizing:border-box; padding:0; margin:0;}
#spHeader .bar{ width:100%; display:flex; background-color:#FFFFFF; border-top:1px solid #CCCCCC;}
#spHeader .bar img{width:100%;}
#spHeader p{margin:0; padding:0; line-height:0;}
#spHeader p img{max-width:100%;}

}

@media screen and (max-width:890px) {
#fixed_btn-pagemenu li{display:inline-block; margin-right:12px;}
}

@media screen and (max-width:840px) {

}

@media screen and (max-width:812px) {
#HeadDetails{min-height:70px;}
}

@media screen and (max-width:694px) {
}

@media screen and (max-width:590px) {
}

@media screen and (max-width:520px) {
}

@media screen and (max-width:520px) {
}

@media screen and (max-width:440px) {
div#spHeaderL{width:40%;}
div#spHeaderR{width:60%;}
}

@media screen and (max-width:360px) {
div#spHeaderL p.linkt{margin-top:13px; font-size:0.7em;}
}