@charset "UTF-8";
* { padding: 0; margin: 0;
	font-family: "Palatino linotype";
}
html {
	text-rendering: optimizeLegibility;
}
body {
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	margin: 0;
	/*word-break: break-all;	menu */
	/*font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/	
	/*font-family:'Quicksand',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	/*font-family: "YuMincho","游明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","ＭＳ Ｐ明朝","MS PMincho",serif,sans-serif;*/
}

h1,h2,h3,h4,h5,h6,p,div,ul,ol,dl,li,dt,dd,table,img,form,fieldset,td,th,a { margin: 0; padding: 0; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
ul,ol,dl {list-style:none;}

a { color: #000000; text-decoration: none;}

input,textarea,select{ border:1px solid #ddd; padding: 5px; margin-right: 5px;}
button, input[type="button"], input[type="submit"] { overflow: visible; cursor: pointer;}

/*---------------------------------------------
CleraFix
---------------------------------------------*/
.clfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clfix {
	min-height: 1px;
}
* html .clfix {
	height: 1px;/*\*//*/height: auto;  overflow: hidden;/**/
}



.red { color: red; }



/*---------------------------------------------
PC
---------------------------------------------*/
@media screen and (min-width: 790px)/*fix this 769px */{

a:hover img, input[type="image"]:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; -moz-opacity: 0.7; }
a:hover { color:#a20a0a; text-decoration: underline;/*fix cecab9*/ }

body { min-width: 980px; }

.spOnly { display: none !important; }


#header { min-width: 980px; height: 80px; max-width: 1400px; margin: 0 auto; position: relative; border-bottom: 1px solid #a20a0a; overflow: hidden; }
#header .logo { margin: 5px 0px 0px 10px; } /*fix this */
#header .logo img { width: 59px; } /*fix this*/
#header ul { position: absolute; right: 0; top: 0; }
#header ul li { float: left; width: 90px; text-align: center; border-left: 1px solid #a20a0a; height: 80px; overflow: hidden; }
#header ul li a { display: block; font-size: 13px; font-weight: bold; border-top: 5px solid #fff; color: #931a25; padding: 30px 0; line-height: 120%; }
#header ul li a:hover, #header ul li.active a { border-top: 5px solid #a20a0a; color: #ec0101; text-decoration: none; } /*fix this */
#header ul li:nth-child(4) a { padding: 30px 0; } /*fix this 23*/
#header ul li:nth-child(7) a, #header ul li:nth-child(8) a, #header ul li:nth-child(9) a { border-top: 5px solid #a20a0a; background: #fff; color: #111; } /*fix this*/
#header ul li:nth-child(7) a:hover, #header ul li:nth-child(8) a:hover, #header ul li:nth-child(9) a:hover { border-top: 5px solid #a20a0a; }/*fix this*/

    #header h1{    font-size: 20px; letter-spacing: 0px;    line-height: 1em;    padding: 5px 0 0 5px;}
    #header .logo{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.breadcrumb { /*background: #dedcd1;*/ padding: 13px 0; }
.breadcrumb ul { width: 980px; margin: 0 auto; font-size: 13px; color: #444135; }
.breadcrumb li { display: inline-block; padding: 0 20px 0 0; position: relative; margin: 0 10px 0 0; }
.breadcrumb li::before {
	position: absolute;
	content: "";
	vertical-align: middle;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 1.5px solid #000;
	border-right: 1.5px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.breadcrumb li:last-child::before { display: none; }
.breadcrumb ul li a { color: #444135; text-decoration: underline; }



a.blanklink { background: url(../img/common/blank_icon.png) no-repeat right; padding-right: 25px !important; }



#footer { background: #f6f6f3; color: #a20a0a; min-width: 980px; clear: both; }
#footer .footerlogo { text-align: left; padding: 70px 70px 0px 250px; } /* fix this */
#footer .footerlogo img { width: 59px; } /*fix this */
#footer .menu { text-align: center; padding: 35px 0 55px; font-size: 14px; font-weight: bold; }
#footer .menu li { display: inline-block; margin: 0 30px; }
#footer .menu li a { color: #a20a0a; }
#footer .copy { text-align: center; font-size: 12px; padding: 0 0 30px; }

}




/*---------------------------------------------
SP
---------------------------------------------*/
@media screen and (max-width: 1240px){

    #header h1{    font-size: 13px; letter-spacing: 1px; margin-top: -10px;    line-height: 1em;    padding: 0px 0 0 5px;}
    #header .logo{ display: -webkit-box; display: -ms-flexbox; display: flex;/*fix this*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    #header .logo img{
        width: 50px; /*fix this*/
    }
}

@media screen and (max-width: 789px)/*fix this 768px*/{
    #header h1{    letter-spacing: 0;}
    #header .logo{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    #header .logo a{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
* { line-height: 150%; }

.pcOnly { display: none !important; }

#header { position: relative; height: 79px; border-bottom: 1px solid #ebe9e1; } /*fix this*/
/*#header .logo {  }*/
#header .logo a { display: inline-block; padding: 10px 0; }
#header .logo img { height: auto; width: 45px; }
#header ul { display: none; position: absolute; right: 0; top: 65px; width: 100%; border-top: 1px solid #a20a0a; /* fix this 000 */ z-index: 1; }
#header ul li { border-bottom: 1px solid #a20a0a; /*fix this 000 */}
#header ul li a { display: block; font-weight: bold; background: #fff; color: #931a25;/*fix this 444135*/ padding: 15px; line-height: 120%; }

#header .sp_menu { position: absolute; top: 17px; right: 15px; }
#header .sp_menu a { display: inline-block; position: relative; width: 30px; height: 30px; border: 2px solid #000; }
#header .sp_menu a .spmenuicon { display: block; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; margin: -1px 0 0 -9px; background: #000; -webkit-transition: .2s; transition: .2s; }
#header .sp_menu a .spmenuicon:before, #header .sp_menu a .spmenuicon:after { display: block; content: ""; position: absolute; top: 50%; left: 0; width: 18px; height: 2px; background: #000; -webkit-transition: .3s; transition: .3s; }
#header .sp_menu a .spmenuicon:before { margin-top: -6px; }
#header .sp_menu a .spmenuicon:after { margin-top: 4px; }
#header .sp_menu a .close { background: transparent; }
#header .sp_menu a .close:before, #header .sp_menu a .close:after { margin-top: 0; }
#header .sp_menu a .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#header .sp_menu a .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }









.breadcrumb { background: #fff; padding: 10px; font-size: 12px; }
.breadcrumb li { display: inline-block; padding: 0 20px 0 0; position: relative; margin: 0 10px 0 0; }
.breadcrumb li::before {
	position: absolute;
	content: "";
	vertical-align: middle;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 1.5px solid #000;
	border-right: 1.5px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.breadcrumb li:last-child::before { display: none; }
.breadcrumb ul li a { color: #a20a0a;/*fix 444135*/ text-decoration: underline; }


a.blanklink { background: url(../img/common/blank_icon.png) no-repeat right; background-size: 15px; padding-right: 20px !important; }


#footer { background: #f6f6f3; color: #a20a0a; }
#footer .footerlogo { text-align: center; padding: 30px 0 0; }
#footer .footerlogo img { width: 49px; }
#footer .menu { text-align: center; padding: 35px 0 55px; font-size: 14px; font-weight: bold; }
#footer .menu li { display: inline-block; margin: 0 5%; width: 35%; }
#footer .menu li:last-child { width: inherit; }
#footer .menu li a { color: #a20a0a; display: inline-block; padding: 10px 0; }
#footer .copy { text-align: center; font-size: 12px; padding: 0 0 30px; }

}




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

#header ul li:nth-child(1) { display: none; }

}

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

#header .logo { margin: 10px; /*fix this */}

}

@media screen and (max-width: 150px)/*fix this 320px */{

    #header .logo a { display: inline-block; padding: 14px 0; }
    #header .logo img { height: auto; width: 120px; }
}
.footer_sns {
	text-align: center;
}