@charset "UTF-8";
/* ***********************************************************************
    Takasaki Nishiguchi Goda Naika - <Home>
*********************************************************************** */
/*
	0 : COMMON
    1 : MAIN IMAGE
	2 : NEWS
	3 : OPEN TIME
	4 : SUBJECT
	5 : ABOUT
	6 : FEATURES

*/
/* ***********************************************************************
	0 : COMMON
*********************************************************************** */
/** [ SP ] **/
section {
	margin-top: 64px;
	text-align: center;
}
section .innerBox {
	width       : 90%;
	margin-left : auto;
	margin-right: auto;
}
.moreBtn {
	display         : block;
	background      : url(../images/arrow_white.png) right 9px center no-repeat;
	background-size : 8px auto;
	background-color: #835d2b;
	width           : 77%;
	height          : 45px;
	margin          : 32px auto 0;
	border-radius   : 8px;
	text-align      : center;
	color           : #fff!important;
	font-family     : "Shin Maru Go Regular", sans-serif;
	font-size       : 16px;
	line-height     : 45px;
}
@media (min-width:768px) {
/** [ TABLET ] **/
	.moreBtn {
		width: 50%;
	}
}
@media (min-width:1080px) {
/** [ PC ] **/
	section .innerBox {
		width: 1080px;
	}
	.moreBtn {
		width: 320px;
	}
}



/* ***********************************************************************
    1 : MAIN IMAGE
*********************************************************************** */
/** [ SP ] **/
#mainImg {
	position  : relative;
	display   : block;
	width     : 100%;
	height    : 250px;
	padding   : 0;
	text-align: center;
}
#mainImg img {
	width     : 100%;
	height    : 250px;
	object-fit: cover;
}
#mainImg p {
	position  : absolute;
	left      : 0;
	top       : 0;
	background: rgba(100,65,30,0.6);
	width     : 42%;
	height    : 202px;
	padding   : 48px 4% 0;
	text-align: center;
}
#mainImg p img {
	width : 100%;
	height: auto;
}
@media (min-width:768px) {
/** [ TABLET ] **/
	#mainImg {
		height: 500px;
	}
	#mainImg img {
		height: 500px;
	}
	#mainImg p {
		width  : 34%;
		height : 380px;
		padding: 120px 3% 0;
	}
}
@media (min-width:1080px) {
/** [ PC ] **/
	#mainImg {
		height: 740px;
	}
	#mainImg img {
		height: 740px;
	}
	#mainImg p {
		width  : 385px;
		height : 542px;
		padding: 198px 35px 0;
	}
}



/* ***********************************************************************
	2 : NEWS
*********************************************************************** */
/** [ SP ] **/
#latestNews {
	margin-top: 0;
	width     : 90%;
	margin    : 48px auto 0;
	/*
	border: solid 1px red;*/
}
#latestNews h3 {
	text-align   : center;
	color        : #835d2b;
	font-size    : 24px;
	font-family  : "Shin Maru Go Regular", sans-serif;
	line-height  : 1.0em;
	margin-bottom: 16px;
}
#latestNews dl {
	background   : #f5f4f2;
	border-bottom: solid 2px #835d2b;
	width        : 92%;
	min-height   : 32px;
	padding      : 16px 4% 12px;
}
#latestNews dl dt {
	text-align: left;
	color     : #666;
	font-size : 14px;
}
#latestNews dl dd {
	text-align : left;
	margin-top : 4px;
}
#latestNews dl dd a {
	display      : inline-block;
	width        : 100%;
	text-align   : left;
	font-size    : 15px;
	line-height  : 1.5em;
	overflow     : hidden;
	white-space  : nowrap;
	text-overflow: ellipsis;
}
#latestNews .moreBtn {
	color: #fff;
}
@media (min-width:1080px) {
/** [ PC ] **/
	#latestNews {
		max-width: 1080px;
		margin   : 64px auto 0;
	}
	/***↑0818ここまで**/
	#latestNews h3 {
		font-size    : 32px;
		margin-bottom: 32px;
	}
	#latestNews dl {
		width     : 100%;
		padding   : 0;
		min-height: 0;
	}
	#latestNews dl dt {
		float     : left;
		width     : 16%;
		padding   : 24px 0 22px;
		text-align: center;
		font-size : 16px;
	}
	#latestNews dl dd {
		float          : right;
		background     : url(../images/border_vertical.gif) left bottom no-repeat;
		background-size: 2px auto;
		width          : 80%;
		margin-top     : 0;
		padding        : 24px 2% 22px;
	}
	#latestNews dl dd a {
		font-size  : 16px;
		line-height: 1.0em;
	}
}



/* ***********************************************************************
	3 : OPEN TIME
*********************************************************************** */
/** [ SP ] **/
#openTime {
	width       : 90%;
	margin-left : auto;
	margin-right: auto;
}
#openTime .LeftColumn img {
	margin-bottom: 12px;
}
#openTime .LeftColumn .komeList {
	color      : #906631;
	font-size  : 14px;
	line-height: 1.5em;
}
#openTime .RightColumn h4 {
	padding: 0;
	/***/
	background : #e4e0db;
	width      : 100%;
	height     : 40px;
	margin-top : 64px;
	text-align : center;
	color      : #906631;
	font-family: "Shin Maru Go Regular", sans-serif;
	font-size  : 20px;
	line-height: 40px;
}
#openTime .RightColumn #calendar {
	background: #f5f4f2;
	width     : 90%;
	padding   : 16px 5%;
}

/**▼テストサイト用**
#openTime .RightColumn #calendar dl dd {
	display: block;
}
#openTime .RightColumn #calendar dl dd:nth-child(2) {
	margin-top: 16px;
}
**▲テストサイト用**/

#openTime .RightColumn #calendar p {
	margin-top : 12px;
	font-size  : 14px;
	line-height: 1.5em;
}
#openTime .RightColumn #calendar p img {
	display       : inline-block;
	height        : 12px;
	width         : auto;
	padding-bottom: 4px;
}
@media (min-width:768px) {
/** [ TABLET ] **/
	#openTime .RightColumn {
		margin-top: 0;
	}
	#openTime .RightColumn h4 {
		height     : 32px;
		margin-top : 0;
		font-size  : 16px;
		line-height: 32px;
	}
	#openTime .RightColumn #calendar {
		padding: 0;
		width  : 92%;
		padding: 14px 4%;
	}
/**▼テストサイト用**
	#openTime .RightColumn #calendar dl dd {
		float: left;
		width: 48%;
	}
	#openTime .RightColumn #calendar dl dd:nth-child(2) {
		margin-top : 0;
		margin-left: 4%;
	}
**▲テストサイト用**/
	#openTime .RightColumn #calendar p {
		clear     : both;
		margin-top: 0;
		padding-top: 10px;
	}
	#openTime .RightColumn #calendar p .brSP {
		margin : 0;
		padding: 0;
	}
}
@media (min-width:1080px) {
/** [ PC ] **/
	#openTime {
		width: 1080px;
	}
	#openTime .RightColumn h4 {
		height     : 40px;
		font-size  : 20px;
		line-height: 40px;
	}
	#openTime .RightColumn #calendar {
		width  : 496px;
		padding: 16px 12px;
	}
/**▼テストサイト用**
	#openTime .RightColumn #calendar dl dd {
		width: 243px;
	}
	#openTime .RightColumn #calendar dl dd:nth-child(2) {
		margin-left: 10px;
	}
**▲テストサイト用**/
	#openTime .RightColumn #calendar p {
		padding-top: 12px;
	}
}



/* ***********************************************************************
	4 : SUBJECTS
*********************************************************************** */
/** [ SP ] **/
#subjects {
	background: #fffbe1;
	width     : 100%;
	padding   : 40px 0 48px;
	text-align: center;
}
#subjects dl {
	width     : 90%;
	padding   : 24px 5%;
	margin-top: 16px;
	border-top-left-radius    : 24px;
	border-bottom-right-radius: 24px;
}
#subjects dl:first-child {
	margin-top: 0;
}
#subjects dl dt {
	color      : #333;
	text-align : center;
	font-size  : 28px;
	font-family: "Shin Maru Go Regular", sans-serif;
}
#subjects dl dd {
	margin-top : 24px;
	text-align : left;
	font-size  : 15px;
	line-height: 1.75em;
}
#subjects #naika {
	background: #e7e947;
}
#subjects #seikatsu {
	background: #f9c457;
}
#subjects #kansensho {
	background: #f4a89b;
}

@media (min-width:768px) {
/** [ TABLET ] **/
	#subjects dl {
		float      : left;
		width      : 28%;
		padding    : 24px 2%;
		margin-top : 0;
		margin-left: 2%;
	}
	#subjects dl:first-child {
		margin-left: 0;
	}
	/*#subjects #seikatsu dd {
		min-height: 12.0em;
	}*/
}
@media (min-width:1080px) {
/** [ PC ] **/
	/*#subjects #seikatsu dd {
		min-height: 8.5em;
	}*/
}

/* ***********************************************************************
	5 : ABOUT
*********************************************************************** */
/** [ SP ] **/
#about .innerBox {
	background      : url(../images/bg_about_s.jpg?ver=0.0.2) center bottom no-repeat;
	background-size : 101% auto;
	background-color: #835d2b;
	padding-top     : 40px;
	padding-bottom  : 520px;
}
#about .innerBox h3,
#features h3  {
	text-align   : center;
	color        : #fff;
	font-size    : 28px;
	font-family  : "Shin Maru Go Regular", sans-serif;
}
#about .innerBox p {
	width      : 90%;
	margin     : 32px auto 0;
	color      : #fff;
	text-align : left;
	line-height: 2.0em;
}
@media (min-width:768px) {
/** [ TABLET ] **/
	#about .innerBox {
		background      : url(../images/bg_about_p.jpg?ver=0.0.2) center center no-repeat;
		background-size : 100% 100%;
		background-color: inherit;
		width           : 48%;
		padding-bottom  : 40px;
		padding-right   : 40%;
		padding-left    : 2%;
	}
	#about .innerBox p {
		width    : 100%;
		margin   : 32px 0 0;
		font-size: 15px;
	}
}
@media (min-width:1080px) {
/** [ PC ] **/
	#about .innerBox {
		background-size: 100% auto;
		width          : 480px;
		padding-top    : 48px;
		padding-bottom : 48px;
		padding-right  : 560px;
		padding-left   : 40px;
	}
	#about .innerBox h3,
	#features h3 {
		font-size: 32px;
	}
	#about .innerBox p {
		font-size : 17px;
	}
}



/* ***********************************************************************
	6 : FEATURES
*********************************************************************** */
/** [ SP ] **/
#features {
	background: #fffbe1;
	width     : 100%;
	padding-top   : 40px;
	padding-bottom: 80px;
}
#features h3 {
	color        : #835d2b;
	margin-bottom: 40px;
}
/***/
#focus_01,
#focus_02,
#focus_03 {
	position  : relative;
	width     : 100%;
	height    : auto;
	text-align: center;
}
/** ▽院内画像 **/
#focus_01 {
	background     : url(../images/img_3app_01.jpg?ver=0.0.2) center top no-repeat;
	background-size: 100% auto;
}
#focus_02 {
	background     : url(../images/img_3app_02.jpg?ver=0.0.2) center top no-repeat;
	background-size: 100% auto;
}
#focus_03 {
	background     : url(../images/img_3app_03.jpg?ver=0.0.2) center top no-repeat;
	background-size: 100% auto;
}

#focus_01 .LeftColumn,
#focus_02 .LeftColumn,
#focus_03 .LeftColumn {
	width : 100%;
	height: 238px;
}
#focus_01 .RightColumn,
#focus_02 .RightColumn,
#focus_03 .RightColumn {
	width         : 100%;
	padding-bottom: 40px;
	text-align    : center;
}
#focus_01 .RightColumn .whiteBox,
#focus_02 .RightColumn .whiteBox,
#focus_03 .RightColumn .whiteBox {
	float     : none;
	background: rgba(255,255,255,0.9);
	width     : 72%;
	margin    : 0 auto;
	padding   : 20px 6% 24px;
	text-align: center;
	z-index   : 1000;
}
#focus_01 .RightColumn h3,
#focus_02 .RightColumn h3,
#focus_03 .RightColumn h3 {
	margin-bottom: 0;
	/***/
	color      : #ef8200;
	text-align : center;
	font-family: "Shin Maru Go Regular", sans-serif;
	font-size  : 20px;
	line-height: 1.5em;
}
#focus_01 .RightColumn p,
#focus_02 .RightColumn p,
#focus_03 .RightColumn p {
	width      : 100%;
	margin     : 16px auto 0;
	text-align : left;
	font-size  : 15px;
	line-height: 1.8em;
	letter-spacing: -1px;
}
@media screen and (min-width:520px) {
/** [ TABLET ] [ PC ]  **/
	#focus_01 .LeftColumn,
	#focus_02 .LeftColumn,
	#focus_03 .LeftColumn {
		height: 300px;
	}
}
@media screen and (min-width:680px) {
/** [ TABLET ] [ PC ]  **/
	/** ▽画像 **/
	#focus_01 {
		background     : url(../images/img_3app_01.jpg) left top no-repeat;
		background-size: 85% auto;
	}
	#focus_02 {
		background     : url(../images/img_3app_02.jpg) right top no-repeat;
		background-size: 85% auto;
	}
	#focus_03 {
		background     : url(../images/img_3app_03.jpg) left top no-repeat;
		background-size: 85% auto;
	}
	
	#focus_01 .LeftColumn,
	#focus_02 .LeftColumn,
	#focus_03 .LeftColumn {
		float    : left;
		min-width: 10%;
		height   : 240px;
	}
	#focus_02 .LeftColumn {
		float: right;
	}
	#focus_01 .RightColumn,
	#focus_02 .RightColumn,
	#focus_03 .RightColumn {
		float     : right;
		background: none;
		width     : 60%;
		text-align: right;
		overflow  : visible;
	}
	#focus_02 .RightColumn {
		float: left;
	}
	#focus_01 .RightColumn .whiteBox,
	#focus_02 .RightColumn .whiteBox,
	#focus_03 .RightColumn .whiteBox {
		max-width : 460px;
		width     : 88%;
		margin    : 0;
		padding   : 20px 6% 24px;
	}
@media screen and (min-width:768px) {
/** [ TABLET ] [ PC ]  **/
	#focus_01,
	#focus_02,
	#focus_03 {
		max-width: 1080px;
		width    : 100%;
		margin-left : auto;
		margin-right: auto;
	}
	/** ▽院内画像 **/
	#focus_01,
	#focus_02,
	#focus_03 {
		background-size: 718px 478px;
	}
	#focus_01 .LeftColumn,
	#focus_02 .LeftColumn,
	#focus_03 .LeftColumn {
		height   : 190px;
	}
	#focus_01 .RightColumn h3,
	#focus_02 .RightColumn h3,
	#focus_03 .RightColumn h3 {
		font-size  : 28px;
	}
	#focus_01 .RightColumn p,
	#focus_02 .RightColumn p,
	#focus_03 .RightColumn p {
		margin-top: 24px;
		font-size     : 16px;
		line-height   : 2.0em;
		letter-spacing: normal;
	}
}
@media screen and (min-width:880px) {
/** [ PC ]  **/
	#features {
		padding-top: 64px;
	}
	#features h3:not(#focus_01 h3, #focus_02 h3, #focus_03 h3) {
		font-size    : 32px;
		margin-bottom: 60px;
	}
	/***/
	#focus_01 .RightColumn,
	#focus_02 .RightColumn,
	#focus_03 .RightColumn {
		width: 540px;
	}
	#focus_01 .RightColumn .whiteBox,
	#focus_02 .RightColumn .whiteBox,
	#focus_03 .RightColumn .whiteBox {
		width  : 460px;
		padding: 32px 40px 56px;
	}
}
@media screen and (min-width:1080px) {
/** [ PC ]  **/
	#features h3:not(#focus_01 h3, #focus_02 h3, #focus_03 h3) {
		font-size: 36px;
	}
	/***/
	#focus_01,
	#focus_02,
	#focus_03 {
		max-width   : 1192px;
		margin-left : auto;
		margin-right: auto;
	}
	#focus_01 .RightColumn h3,
	#focus_02 .RightColumn h3,
	#focus_03 .RightColumn h3 {
		font-size  : 30px;
	}
}