@charset "utf-8";
/* =================================================================================
 Reset
================================================================================= */
html{overflow-y:scroll;}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form{margin:0; padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}ul,li{list-style:none;}img{border:none; vertical-align:bottom;}
a{color:#ef769b; text-decoration:none; transition:color .2s;}
a:hover{color:#35b5e8;text-decoration:none;}
a img:hover{opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";-moz-opacity:0.80;}
input[type=text],input[type=password],textarea,input[type=e-mail]{-webkit-appearance:none;height:23px;padding:5px;border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:100%;box-shadow:none;}
select{height:35px;padding:5px;border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:100%;box-shadow:none; background-color:#fff !important;}
input[type=submit]{-webkit-appearance:none;}
@media only screen and (max-width:640px){input[type=text],input[type=password],textarea,input[type=e-mail],select{height:35px;-webkit-box-sizing:border-box;box-sizing:border-box;}}
strong {font-weight:normal;}
table{border-collapse:collapse;}th{text-align:left;}
input[type=submit]{border:none;	cursor:pointer; font-size:14px;}input[type="radio"], input[type="checkbox"]{margin:0 5px 0 0; vertical-align:-1px;}
input[type="text"]:focus,textarea:focus,input[type="e-mail"]:focus,input[type="password"]:focus{border:1px solid #f38da5 !important;background-color:#fff;}
input:-ms-input-placeholder{color:#999;}
/* ------- HTML5 ------ */
address,article,aside,figure,footer,header,menu,nav,section,main{display:block;}figure{margin:0; padding:0;}[hidden], command, datalist, menu[type=context], rp, source{display:none;}

/* =================================================================================
 Layout
================================================================================= */
body {
	font-size:16px;
    font-family: 'Noto Sans JP', sans-serif;
	min-width:1180px;
	line-height:1.5;
	background-color:#333;
	color:#333;
	text-align:left;
	-webkit-text-size-adjust: 100%;/*iPhone自動フォント調整機能解除*/
}

@media only screen and (max-width:640px){
    body{
        min-width:360px;
        font-size: 14px;
    }
}

#container{background-color:#fff;}

/* header
------------------------------------------------------- */
header{
	box-shadow:0 1px 2px rgba(0,0,0,.1);
}

header .wrapper{
	position:relative;
	padding:0 10px!important;
}

#mainHead{
	height:40px;
	background-color:#333;
}

#mainHead h1{
	float:left;
	line-height:40px;
	color:#999;
	font-size:14px;
	font-weight:normal;
}

@media only screen and (max-width:640px){
header .wrapper{padding:0!important;}

#mainHead{
	height:0;
	background-color:#fff;
}

#mainHead h1{
	float:none;
	line-height:1;
	font-size:10px;
	background-color:#333;
	padding:4px 10px;
	letter-spacing:-1px;
}
}

@media screen and (min-width: 400px) and (max-width: 640px){
header .wrapper{padding:0!important;}
#mainHead h1{padding:4px 20px;}
}

#logo{
	display:block;
	position:absolute;
	top:50px;
	left:10px;
	z-index:1;
}
#logo img{height:50px;}
@media only screen and (max-width:640px){
#logo{
	top:23px;
	left:10px;
}
#logo img{height:25px;}
}

@media screen and (min-width: 400px) and (max-width: 640px){
#logo{left:20px;}
}

#mainHead .cmnLnk{
	height:40px;
	float:right;
	text-align:right;
}

#mainHead .cmnLnk a{
	display:inline-block;
	/display:inline;
	/zoom:1;
	line-height:40px;
	margin-left:20px;
	color:#fff;
	vertical-align:bottom;
}

#mainHead .cmnLnk a:hover{
	color:#145b76;
	text-decoration:none;
}

#mainHead .cmnLnk span{
	font-family:icomoon;
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:24px;
	height:24px;
	line-height:25px;
	margin-right:10px;
	-webkit-border-radius:12px;
	border-radius:12px;
	background-color:#fff;
	text-align:center;
	font-size:14px;
	color:#333;
}

#mainHead .cmnLnk p{
	display:inline-block;
	/display:inline;
	/zoom:1;
}

#mainHead .cmnLnk .photoreco{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAABiUlEQVQoz+3S0ZGEIAwGYEqwBCvYoQRKsARKsAQf721LoARLsARLoARK4IKDO3veQAJExwcz87+smnwLEd57saek/M9LQ2aIg/hMLMRAFLn3t6kUCIPGONRXJHynTwFCYwlZK2HHLJCeDRiv0zPHpa69CHgS7ju6GngBbo8sBsadq9mtpWJXw3V3pUDqEAMZEusxRDClz0wGEq/WHq8mVRHqCD0VFWiRRuv3lRCRkoCcUSBh91wprhDZY8A30mAQDQXfT0h/jQFzS21FY4XTR07RYMDcvxsFQ22I9IylBaiYgGN2TgoYlzgHlExAVQtUF53g7YFTZoZrAb6ZgHNmxtICtAy4HjuEFmDI1Ag0SP+hFRgiK3Ea6esgHQfQlSIJuBCzvcsA3JEjAdZte0Xr2XMC99gIUAeUir87Yp/PbnMDObL+OfWbAcMJd3cFBpz8t7c3Aa7Hk+MALky4SWSqBRieS4iphIXveoFUE/DTBAZBRsgMsYn3bUTp1HWeBjyzHuADfIAP8ELgL3o1sTaykSXeAAAAAElFTkSuQmCC) no-repeat center center #fff;
	-webkit-background-size:16px;
	background-size:16px;
	text-indent:-9999px;
}

#mainHead #menuBtn{
	display:none;
	background-color:#145b76;
	color:#fff;
	font-size:16px;
	cursor:pointer;
}

@media only screen and (max-width:640px){
#mainHead .cmnLnk{
	position:absolute;
	right:10px;
	top:23px;
	height:24px;
}

#mainHead .cmnLnk a{
	margin-left:10px;
	line-height:1;
}

#mainHead .cmnLnk span{
	margin:0;
	background-color:#ddd;
}
#mainHead #menuBtn{
	display:inline-block;
	margin-left:10px;
	vertical-align:bottom;
}

#mainHead .cmnLnk .photoreco{background-color:#ddd;}

#mainHead .cmnLnk p{display:none;}
}

@media screen and (min-width: 400px) and (max-width: 640px){
#mainHead .cmnLnk{right:20px;}
}

.logoSpace{
	padding-top:70px;
	background-color:#fff;
}

#mainNav{
	line-height:1;
	padding:12px 0 8px;
	background-color:#f2f2f2;
	text-align:center;
}

#mainNav ul{font-size:0;}

#mainNav li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size:18px;
}

@media only screen and (min-width:640px){
#mainNav li:last-child{border-right:none;}
}

#mainNav li a{
	display:block;
	padding:0 20px;
	color:#333;
}

#mainNav li a:hover{
	color:#145b76;
	text-decoration:none;
}

@media only screen and (max-width:640px){
.logoSpace{padding:0;}

#mainNav{
	display:none;
	height:100%;
	padding:0;
	text-align:left;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAABAQMAAACVLeWUAAAAA1BMVEXd3d3u346CAAAADElEQVR42mNgIBIAAAApAAGqFT2lAAAAAElFTkSuQmCC) repeat-x left bottom #333;
}

#mainNav .wrapper{padding:0 !important;}

#mainNav ul{
	display:block;
	margin:0;
	padding-top:0;
	border-top:1px solid #ddd;
}

#mainNav li{
	float:left;
	width:50%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	font-size:12px;
}

#mainNav li:nth-child(2n){border-right:none;}

#mainNav li a{
	height:35px;
	line-height:35px;
	padding:0 17px 0 10px;
	color:#fff;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAYAAADoZO9yAAAAoElEQVQoz+XSPwqAIByGYdegsWt0oqYu0V2amjpGEARBBAWdoj1oCuwzMPqLU35Cwyv+XHxARRAlIarRhFLkSSmF7QQu7pE8VDAwCjJfIBSMguQPEOsYBfFRxcZsiwuYfcPGnAYDpv0SczswYEZrkAOmfsHE/4I48TQGRGflsxoQ5ZeIHcJGbBAXEBqSsxEasrARGjKwERoSogbNKGMgVCtOFB7IYMkFCAAAAABJRU5ErkJggg==) no-repeat right center;
	-webkit-background-size:17px 10px;
	background-size:17px 10px;
}
}

.mvArea{
    max-width: 1140px;
    margin: 0 auto 30px;
}

.mvArea img{width: 100%;}

@media only screen and (max-width:640px){
    .mvArea{margin-bottom: 5px;}
}

/* bread crumb
------------------------------------------------------- */
#breadCrumbLst{margin-top:10px;}
#breadCrumbLst.wrapper{padding:0 10px;}

#breadCrumbLst.rcrumbs>ul {
	font-size:12px;
	line-height:15px;
	white-space: nowrap;
}

#breadCrumbLst.rcrumbs>ul>li{
	overflow: hidden;
	display: none;
}

#breadCrumbLst.rcrumbs>ul>li.show {
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-right:10px;
	padding-right:16px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAvUlEQVR42q3TrQoCQRRA4fUXTAZBi12DoGATxAcymEWwiNVmmGqwqNVnMVsMBoNBEETPhbswYQb3iuFb2HCYu7MziXMuQRFl5PQ9Sh4ljDDHBJ1vQQULvNUKDV01usLUCy4a1WOBzD3ABneNrliiFQpSbezw0OipURX5UCC71MXWG++sUS0UpIY4eOPJN83QjAWihyNeGt0wliliQQF97L3xTlj/LTCNlPmjzdua+ceZj4b58P10vE0XyHRFP+cx85rQsyQmAAAAAElFTkSuQmCC) no-repeat right center;
	-webkit-background-size:6px 10px;
	background-size:6px 10px;
}

#breadCrumbLst.rcrumbs>ul>li.show:last-child{
	margin:0;
	padding:0;
	background:none;
}

#breadCrumbLst.rcrumbs>ul>li.ellipsis {
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}

@media only screen and (max-width:640px){
#breadCrumbLst{margin-bottom:-10px;}
#breadCrumbLst.wrapper{padding-top:0;}
#breadCrumbLst.wrapper{padding-bottom:0;}	

#breadCrumbLst.rcrumbs {
	font-size:10px;
	line-height:10px;
	overflow:hidden;
}

#breadCrumbLst.rcrumbs li.show{
	margin-right:5px;
	padding-right:11px;
}
}

/* mainCnt , aside
------------------------------------------------------- */
.noAside{min-width:840px;}

.noAside .wrapper{width:800px;}

.noAside #mainCnt{
	width:100%;
	float:none;
	margin:0 auto;
}

#aside{
	width:300px;
	float:right;
}

@media only screen and (max-width:640px){
#aside,
#mainCnt{
	width:100%;
	float:none;
}

#aside{margin-top:40px;}
.noAside{min-width:320px;}
.noAside .wrapper{width:100%;}
.noAside #mainHead{height:auto;}
}

#aside .infoLst li{
	padding:10px 0;
	border-bottom:1px dashed #ddd;
	word-wrap:break-word;
}

#aside .infoLst li:first-child{padding:0 0 10px;}

#aside .infoLst li:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

#aside .infoLst .thumb{
	display:block;
	float:left;
	width:100px;
}

#aside .infoLst .thumb img{width:100px;}

#aside .infoLst .caption{
	display:block;
	margin-left:110px;
}

#aside .infoLst .date{
	display:block;
	margin-bottom:5px;
	color:#999;
	font-size:12px;
}

#aside .searchBox{
	width:300px;
	/zoom:1;
}

#aside .searchBox input{
	display:block;
	float:left;
}

#aside .searchBox input[type="text"]{
	width:248px;
	border-radius:0;
}

#aside .searchBox input[type="submit"]{
	width:39px;
	height:35px;
	padding:0;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:#145b76;
	font-family:icomoon;
	color:#fff;
}

#aside .respBnr a{
	display:block;
	margin-top:20px;
}

#aside .searchBox input[type="submit"]:hover{background-color:#d39450;}

@media only screen and (max-width:640px){
#aside .searchBox{width:100%;}
#aside .searchBox input[type="text"]{
	width:85%;
	height:35px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#aside .searchBox input[type="submit"]{
	-webkit-appearance: none;
	width:15%;
	height:35px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#aside .respBnr{font-size:0;}
#aside .respBnr a{
	display:inline-block;
	width:48%;
	-webkit-width:calc(50% - 5px);
	width:calc(50% - 5px);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#f2f2f2;
	margin:10px 5px 0 0;
	vertical-align:top;
}

#aside .respBnr a:nth-child(2n){margin:10px 0 0 5px;}

#aside .respBnr img{width:100%;}
}


/* footer
------------------------------------------------------- */
#footer{
	padding:30px 0;
	background-color:#333;
}

#scrollTop{
	position:absolute;
	top:-60px;
	right:10px;
	width:120px;
	height:30px;
	line-height:34px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	background-color:#333;
	color:#fff;
	text-align:center;
	font-size:12px;
}

#scrollTop:hover{
	color:#145b76;
	cursor:pointer;
}

#footer .wrapper{
	position:relative;
	padding:0 10px!important;
}

#footer .wrapper:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

@media screen and (min-width: 400px) and (max-width: 640px){
#footer .wrapper{padding:0 20px!important;}
#scrollTop{right:20px;}
}

#footer #footerNav{
	float:left;
	width:910px;
}

#footer #footerNav li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:223px;
	vertical-align:top;
}

#footer #footerNav a{
	position:relative;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:3px 15px;
	color:#fff;
}

#footer #footerNav a:before{
	position:absolute;
	display:block;
	top:10px;
	left:0;
	width:0;
	height:0;
	border:4px solid transparent;
	border-left:6px solid #a05300;
	content:"";
}

#footer #footerNav a:hover{
	color:#ff9926;
	text-decoration:none;
}

#footer .pmarkArea{
	float:right;
	width:220px;
	color:#fff;
	font-size:10px;
	text-align:right;
}

#footer .pmarkArea .icon{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}

#footer .pmarkArea .pmark{
	width:78px;
	height:76px;
	padding-top:2px;
	background-color:#fff;
	text-align:center;
}

#footer .pmarkArea .pmarkTxt{text-align:left;}

#footer .copyrightTxt{
	margin-top:30px;
	color:#999;
	text-align:center;
}

@media only screen and (max-width:640px){
#footer #footerNav{
	float:none;
	width:100%;
}
	
#footer #footerNav li{
	display:block;
	width:100%;
	border-bottom:1px dashed #ddd;
}

#footer #footerNav li:last-child{border-bottom:none;}

#footer #footerNav a{
	display:block;
	height:35px;
	line-height:35px;
	padding:0 17px 0 10px;
	color:#fff;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAYAAADoZO9yAAAAoElEQVQoz+XSPwqAIByGYdegsWt0oqYu0V2amjpGEARBBAWdoj1oCuwzMPqLU35Cwyv+XHxARRAlIarRhFLkSSmF7QQu7pE8VDAwCjJfIBSMguQPEOsYBfFRxcZsiwuYfcPGnAYDpv0SczswYEZrkAOmfsHE/4I48TQGRGflsxoQ5ZeIHcJGbBAXEBqSsxEasrARGjKwERoSogbNKGMgVCtOFB7IYMkFCAAAAABJRU5ErkJggg==) no-repeat right center;
	-webkit-background-size:17px 10px;
	background-size:17px 10px;
}

#footer #footerNav a:before{display:none;}

#footer .pmarkArea{
	width:100%;
	margin-top:20px;
	text-align:center;
}

#footer .pmarkArea .pmarkTxt,
#footer .pmarkArea .icon{
	display:inline-block;
	vertical-align:top;
}

#footer .pmarkArea .icon img{height:52px;}

#footer .pmarkArea .pmark{
	height:auto;
	width:auto;
	padding:0;
	background-color:#fff;
	text-align:center;
}

#footer .pmarkArea .pmarkTxt{
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

#footer .copyrightTxt{font-size:12px;}
}

/* EOF */