@charset "UTF-8";
/* ***********************************************************************
    Nishiguchi Onakano Kudo Naika - <Home>
*********************************************************************** */
/* ******************************************
	MAIN IMAGE
******************************************* */
#mainImg {
	display   : block;
	width     : 100%;
	height    : auto;
	padding   : 0;
	text-align: center;
}
#mainImg .innerBox {
	position  : relative;
	width     : 100%;
	height    : auto;
	margin    : 0 auto;
	text-align: center;
}
#mainImg .innerBox p {
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : auto;
	z-index  : 10;
}
#mainImg .innerBox ul {
	width    : 100%;
	height   : auto;
}
#mainImg .innerBox ul li {
	position: relative;
	float   : left;
	width   : 100%;
	height  : auto;
	margin  : 0 auto;
}
#mainImg .innerBox ul li img {
	width     : 100%;
	height    : auto;
}


#latest-1 {
	display         : block;
	background-color: #ffe100;
	width           : 100%;
	height          : auto;
	padding-top     : calc((100% - 43.5%));
	padding-bottom  : 2.5%;
	text-align      : center;
}
#latest-1 dl {
	display         : block;
	background-color: #fff080;
	width           : 88%;
	height          : 22px;
	margin-left     : auto;
	margin-right    : auto;
	padding         : 4px 2%;
	border-radius   : 6px;
	text-align      : left;
}
#latest-1 dl dt.leftBox,
#latest-1 dl dd.rightBox {
	text-align    : left;
	font-size     : 11px;
	line-height   : 22px;
	letter-spacing: normal;
}
#latest-1 dl dt.leftBox {
	float         : left;
	width         : 20%;
	font-family   : "Shin Go Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color         : #835d2b;
}
#latest-1 dl dd.rightBox {
	float         : right;
	width         : 80%;
	font-family   : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
#latest-1 dl dd.rightBox a {
	display      : inline-block;
	width        : 100%;
	height       : 22px;
	overflow     : hidden;
	white-space  : nowrap;
	text-overflow: ellipsis;
}
#latest-1 dl dd.rightBox a .black {
	color: #333;
}
#latest-1 dl dd.rightBox a:hover {
	text-decoration: none;
}	

	
@media (min-width:896px) {
	/**************************
		PC ｜ MAIN IMAGE
	**************************/
	#mainImg {
		background-image: none;
		background-color: #ffe100;
		width           : 100%;
		height          : 505px;
		padding         : 0;
	}
	#mainImg .innerBox {
		width : 1200px;
		height: 505px;
		margin: 0 auto;
	}
	#mainImg .innerBox #latest-1,
	#latest-1 {
		display: none;
	}
}

/********************
#redInfo (250131追記)
********************/
#redInfo {
	width : 90%;
	margin: 28px auto;
}
@media (min-width:896px) {
	#redInfo {
		width : 560px;
		margin: 32px auto;
	}
}

/* ******************************************
	CONTENTS / [ banner ]  #insta (240306追加) #godanaika (250728追加)
******************************************* */
#contents .innerBox #insta {
	width : 90%;
	height: auto;
	margin: 28px auto 24px;
	border: solid 1px #bdbdbd;
}
#contents .innerBox #insta a {
	display   : block;
	width     : 100%;
	padding   : 18px 0;
	text-align: center;
}
#contents .innerBox #insta a img {
	width : 78%;
	height: auto;
	margin: 0 auto;
}
/***/
#contents .innerBox #godanaika {
	width : 90%;
	height: auto;
	margin: 28px auto 0;
}
#contents .innerBox #godanaika a {
	display   : block;
	width     : 100%;
	text-align: center;
}
#contents .innerBox #godanaika a img {
	width : 100%;
	height: auto;
}

@media (min-width:896px) {
	/**************************
	  PC ｜ [ banner ]  #insta
	**************************/
	#contents .innerBox #insta {
		max-width: 560px;
		margin   : 40px auto;
	}
	#contents .innerBox #insta a {
		max-width: 560px;
		padding  : 20px 40px 20px 0;
	}
	#contents .innerBox #insta a img {
		width: 0;
		height: 120px;
		width : auto;
	}
	/***/
	#contents .innerBox #godanaika {
		width : 560px;
		margin: 40px auto 0;
	}
}


/* ******************************************
	CONTENTS / #timeClosed
******************************************* */
/**************************
	SP ｜ #timeClosed
**************************/
#contents .innerBox #timeClosed {
	display   : block;
	width     : 100%;
	height    : auto;
	margin-top: 20px;
}
#contents .innerBox #timeClosed .leftColumn {
	float: none;
	width: 100%;
}
#contents .innerBox #timeClosed .leftColumn p:nth-child(2) {
	margin-top: 8px;
}
#contents .innerBox #timeClosed .rightColumn {/*#monshin*/
	position     : relative;
	width        : 100%;
	height       : auto;
	margin-top   : 32px;
	text-align   : center;
	border-top   : solid 2px #906631;
	border-bottom: solid 2px #906631;
}
#contents .innerBox #timeClosed #monshin h4 {
	width : 100%;
	height: auto;
}
#contents .innerBox #timeClosed #monshin h4 img {
	width       : auto;
	max-width   : 100%;
	min-height  : 50px;
	height      : auto;
	margin-left : auto;
	margin-right: auto;
}
#contents .innerBox #timeClosed #monshin dl {
	background-color: #f5f3f2;
	width           : 95.4%;
	height          : auto;
	padding         : 8px 2.3%;
}
#contents .innerBox #timeClosed #monshin dl dt {
	width : 100%;
	height: 85px;
}
#contents .innerBox #timeClosed #monshin dl dt a {
	background      : url(../images/topMonshin_btn_s_bg.png) right 2px bottom 2px no-repeat;
	background-size : 12px 12px;
	background-color: #fff;
	display         : block;
	width           : 99.7%;
	height          : 83px;
	text-align      : center;
	border          : solid 1px #906631;
}
#contents .innerBox #timeClosed #monshin dl dt a img {
	width       : auto;
	height      : 83px;
	margin-left : auto;
	margin-right: auto;
}
#contents .innerBox #timeClosed #monshin dl dd.notes {
	width      : 100%;
	height     : auto;
	margin-top : 8px; 
	font-size  : 12px;
	line-height: 1.25;
	text-align : left;
	color      : #906631;
}

/* 2個用に保存
#contents .innerBox #timeClosed #monshin dl dd {
	float      : left;
	display    : block;
	width      : 49%;
	height     : 85px;
	margin-left: 2%;
}
#contents .innerBox #timeClosed #monshin dl dd:first-child {
	margin-left: 0;
}
#contents .innerBox #timeClosed #monshin dl dd a {
	background      : url(../images/topMonshin_btn_s_bg.png) right 2px bottom 2px no-repeat;
	background-size : 12px 12px;
	background-color: #fff;
	display         : block;
	width           : 99.7%;
	height          : 83px;
	text-align      : center;
	border          : solid 1px #906631;
}
#contents .innerBox #timeClosed #monshin dl dd a img {
	width       : auto;
	height      : 83px;
	margin-left : auto;
	margin-right: auto;
}*/
#contents .innerBox #timeClosed #monshin p {
	width      : 98%;
	height     : auto;
	margin     : 12px 1% 16px;
	font-size  : 14px;
	line-height: 1.4;
	color      : #906631;
	text-align : left;
}
@media (min-width:896px) {
	/**************************
		PC ｜ #timeClosed
	**************************/
	#contents .innerBox {
		padding-bottom: 56px;
	}
	#contents .innerBox #timeClosed {
		width     : 1088px;
		/*margin-top: 32px;*/
		margin-top: 30px;
	}
	#contents .innerBox #timeClosed .leftColumn {
		float: left;
		width: 712px;
	}
	#contents .innerBox #timeClosed .rightColumn {/*#monshin*/
		float        : right;
		width        : 344px;
		margin-top   : 0;
		border-top   : none;
		border-bottom: none;
	}
	#contents .innerBox #timeClosed #monshin h4 {
		width : 344px;
		height: 52px;
	}
	#contents .innerBox #timeClosed #monshin h4 img {
		width : 344px;
		height: 52px;
	}
	#contents .innerBox #timeClosed #monshin dl {
		width  : 328px;
		height : auto;
		padding: 8px 8px 10px;
	}
	#contents .innerBox #timeClosed #monshin dl dt {
		height: 84px;
	}
	#contents .innerBox #timeClosed #monshin dl dt a {
		background: none;
		width     : 328px;
		height    : 84px;
		border    : none;
	}
	#contents .innerBox #timeClosed #monshin dl dt a img {
		width       : 328px;
		height      : 84px;
	}
	#contents .innerBox #timeClosed #monshin dl dd.notes {
		margin-top : 8px; 
		font-size  : 12px;
		line-height: 1.25;
	}
	/*
	#contents .innerBox #timeClosed #monshin dl dd {
		width      : 160px;
		height     : 84px;
		margin-left: 8px;
	}
	#contents .innerBox #timeClosed #monshin dl dd a {
		background: none;
		width     : 160px;
		height    : 84px;
		border    : none;
	}
	#contents .innerBox #timeClosed #monshin dl dd a img {
		width : 160px;
		height: 84px;
	}*/
	#contents .innerBox #timeClosed #monshin p {
		width      : 344px;
		margin     : 12px 0 0;
		line-height: 1.5;
	}
}




/* ******************************************
	CONTENTS / #feature
******************************************* */
#contents .innerBox #feature {
	width     : 100%;
	height    : auto;
	margin-top: 20px;
}
#contents .innerBox #feature div {
	float   : left;
	position: relative;
}
#contents .innerBox #feature div dl {
	float                     : left;
	display                   : block;
	text-align                : left;
	border-top-left-radius    : 28px;
	border-bottom-right-radius: 28px;
}
#contents .innerBox #feature div dl dd a.rightLink {
	display       : inline-block;
	text-align    : right;
	vertical-align: baseline;
}
#contents .innerBox #feature div dl dd a.rightLink img {
	width : 12px;
	height: auto;
}


@media (max-width:896px) {
/**************************
	SP ｜ #feature
**************************/
#contents .innerBox #feature div:first-child {
	width      : 100%;
	padding-top: 20px;
}
#contents .innerBox #feature div:nth-child(2) {
	width       : 48%;
	margin-right: 4%;
	margin-top  : 10px;
}
#contents .innerBox #feature div:nth-child(3) {
	width     : 48%;
	margin-top: 10px;
}
#contents .innerBox #feature div:first-child #inchohImg {
	position : absolute;
	right    : 0;
	bottom   : 0;
	display  : block;
	z-index  : 1;
	max-width: 28.4%;
	width    : auto;
	height   : 140px;
}
#contents .innerBox #feature div .featureImg {
	display: none;
}
 
#contents .innerBox #feature div:first-child dl {
	background-color: #e7ea50;
	width           : 65.5%;
	padding         : 15px 30.5% 15px 4%;
}
#contents .innerBox #feature div:nth-child(2) dl,
#contents .innerBox #feature div:nth-child(3) dl {
	width  : 80%;
	padding: 15px 10%;
}
#contents .innerBox #feature div:nth-child(2) dl {
	background-color: #f9c560;
}
#contents .innerBox #feature div:nth-child(3) dl {
	background-color: #f4a9a4;
}
#contents .innerBox #feature div:first-child dl dt h4 {
	width : 100%;
	height: 23px;
}
#contents .innerBox #feature div:first-child dl dt h4 img {
	width : auto;
	height: 23px;
}
#contents .innerBox #feature div:nth-child(2) dl dt h4,
#contents .innerBox #feature div:nth-child(2) dl dt h4 img {
	width : 100%;
	height: auto;
}
#contents .innerBox #feature div:nth-child(3) dl dt h4,
#contents .innerBox #feature div:nth-child(3) dl dt h4 img {
	width : 100%;
	height: auto;
}
#contents .innerBox #feature div dl dd {
	position      : relative;
	margin-top    : 12px;
	font-size     : 14px;
	line-height   : 20px;
	letter-spacing: normal;
}	
}
@media (min-width:896px) {
/**************************
	PC ｜ #feature
**************************/
	#contents .innerBox #feature {
		width     : 1088px;
		height    : 196px;
		margin-top: 24px;
	}
	#contents .innerBox #feature div {
		width      : 344px;
		height     : 180px;
		padding-top: 16px;
		margin-left: 28px;
	}
	#contents .innerBox #feature div:first-child {
		background : url(../images/topFeature01_bg_p.jpg) left top no-repeat;
		margin-left: 0;
	}
	#contents .innerBox #feature div:nth-child(2) {
		background: url(../images/topFeature02_bg_p1.jpg) left top no-repeat;
	}
	#contents .innerBox #feature div:nth-child(3) {
		background: url(../images/topFeature03_bg_p1.jpg) left top no-repeat;
	}
	#contents .innerBox #feature div:first-child #inchohImg {
		display: none;
	}
	#contents .innerBox #feature div .featureImg {
		display: none;
	}
	#contents .innerBox #feature div dl {
		padding-top   : 24px;
		padding-bottom: 28px;
		padding-left  : 24px;
	}
	#contents .innerBox #feature div:first-child dl {
		width        : 212px;
		padding-right: 108px;
	}
	#contents .innerBox #feature div:nth-child(2) dl {
		width        : 240px;
		padding-right: 80px;
	}
	#contents .innerBox #feature div:nth-child(3) dl {
		/*width        : 216px;
		padding-right: 104px;*/
		width        : 200px;
		padding-right: 120px;
	}
	
	#contents .innerBox #feature div:first-child dl dt h4,
	#contents .innerBox #feature div:first-child dl dt h4 img {
		height: 30px;
		width : auto;
	}
	#contents .innerBox #feature div:nth-child(2) dl dt h4,
	#contents .innerBox #feature div:nth-child(2) dl dt h4 img,
	#contents .innerBox #feature div:nth-child(3) dl dt h4,
	#contents .innerBox #feature div:nth-child(3) dl dt h4 img {
		height: 64px;
		width : auto;
	}
	#contents .innerBox #feature div dl dd {
		height        : auto;
		margin-top    : 18px;
		font-size     : 16px;
		line-height   : 26px;
		letter-spacing: -1px;
	}
	#contents .innerBox #feature div:first-child dl dd {
		height        : 80px;
		padding       : 0;
	}
	#contents .innerBox #feature div:nth-child(2) dl dd {
		/*padding-right: 16px;*/
		padding-right: 20px;
	}
}



/* ******************************************
	CONTENTS / [ banner ]  #covid
******************************************* */
#contents .innerBox #covid {
	width        : 100%;
	height       : auto;
	margin-top   : 40px;
	margin-bottom: 42px;
	text-align   : center;
}
#contents .innerBox #covid a {
	display         : block;
	background-color: #469cc7;
	width           : 90%;
	height          : 17px;
	margin-left     : auto;
	margin-right    : auto;
	padding-top     : 16px;
	padding-bottom  : 16px;
	border-radius   : 8px;
}
#contents .innerBox #covid a img {
	width : auto;
	height: 17px;
}
@media (min-width:896px) {
	/**************************
	  PC ｜ [ banner ]  #covid
	**************************/
	#contents .innerBox #covid {
		margin-top   : 48px;
		margin-bottom: 0;
	}
	#contents .innerBox #covid a {
		width           : 420px;
		height          : 24px;
		padding-top     : 20px;
		padding-bottom  : 20px;
		border-radius   : 16px;
	}
	#contents .innerBox #covid a img {
		height: 24px;
	}
}




/* ******************************************
	LATEST NEWS
******************************************* */
/**************************
	SP ｜ LATEST NEWS
**************************/
#latestNews {
	background-color: #e4e0db;
	width           : 100%;
	height          : auto;
	padding-bottom  : 28px;
	text-align      : center;
}
#latestNews .innerBox h3 {
	width     : 100%;
	height    : 55px;
	text-align: center;
}
#latestNews .innerBox h3 img {
	width : auto;
	height: 40px;
	margin: 0 auto;
}
#latestNews .innerBox dl {
	background-color: #fff;
	width           : 92%;
	height          : auto;
	padding         : 16px 4% 8px 4%;
	text-align      : left;
	border-bottom   : solid 1px #c7b298;
}
#latestNews .innerBox dl dt {
	width      : 100%;
	height     : 14px;
	font-size  : 14px;
	line-height: 14px;
	text-align : left;
}
#latestNews .innerBox dl dd {
	width        : 100%;
	height       : 32px;
	font-size    : 15px;
	line-height  : 32px;
	color        : #0bb9bc;
	overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}
#latestNews .innerBox dl dd a:hover {
	text-decoration: none;
}

#latestNews .innerBox #toNewsPage {
	width       : 82.5%;
	height      : 40px;
	margin-top  : 24px;
	margin-left : auto;
	margin-right: auto;
}
#latestNews .innerBox #toNewsPage a img {
	height   : 40px;
	max-width: 92%;
	width    : auto;
}
@media (min-width:896px) {
	/**************************
		PC ｜ LATEST NEWS
	**************************/
	#latestNews {
		padding-bottom  : 48px;
	}
	#latestNews .innerBox h3 {
		width : 1088px;
		height: 80px;
	}
	#latestNews .innerBox h3 img {
		width : 1088px;
		height: 80px;
	}
	#latestNews .innerBox dl {
		width              : 1088px;
		min-height         : 64px;
		padding            : 0;
		border-bottom-width: 2px;
	}
	#latestNews .innerBox dl:hover {
		background-color  : #e5f7f7;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		-o-transition     : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
		cursor            : pointer;
	}
	#latestNews .innerBox dl dt {
		float      : left;
		background : url(../images/bg_newsList_date_p.gif) right bottom no-repeat;
		width      : 160px;
		height     : 64px;
		line-height: 64px;
		font-size  : 15px;
		text-align : center;
	}
	#latestNews .innerBox dl dd {
		float         : right;
		width         : 880px;
		height        : 22px;
		padding       : 21px 16px 21px 32px;
		font-size     : 16px;
		line-height   : 22px;
		letter-spacing: 1px;
	}
	#latestNews .innerBox #toNewsPage {
		width: 280px;
	}
}