/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Vast+Shadow|Alfa+Slab+One);
#main_area .sub_title
{
	text-align: center;
	margin-bottom: 30px;
}

#main_area h3
{
	font-size: 14px;
	background-image: none;
	width: auto;
	margin-top: 4em;
	margin-bottom: 2em;
	text-align: center;
	vertical-align: middle;
}
#main_area h3 strong
{
	font-family: Anton, sans-serif;
	font-size: 50px;
	color: #000;
	vertical-align: middle;
	padding-right: 0.1em;
}

#main_area .sub_title p
{
	font-size: 18px;
	line-height: 140%;
	color: #000;
	margin-bottom: 1em;
}





#main_area .concept
{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	margin-bottom: 4em;
}

#main_area .concept p
{
	margin-bottom: 3em;
}

#main_area .concept dl
{
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#main_area .concept dt
{
	padding: 0px;
	display: table-cell;
	vertical-align: top;
	text-align: center;
	margin: 0px;
}
#main_area .concept dt img
{
	height: auto;
	width: auto;
}
#main_area .concept dd
{
	margin: 0px;
	padding: 0px;
	width: 0.4em;
}


#main_area .comment_box
{
	width: 740px;
	/*margin-right: auto;
	margin-left: auto;*/
	color: #000;
	clear: both;
	margin-bottom: 6em;
}


#main_area h4
{
	font-family: Anton, sans-serif;
	font-size: 18px;
	float: left;

}

#main_area h4 strong
{
	font-size: 50px;

}

#main_area .h4_title
{
	font-weight: normal;
	padding-right: 1em;
	float: left;
	font-size: 20px;
	padding-top: 1.2em;
}

#main_area .photo_box
{
	float: left;
	width: 260px;
	clear: both;
}

#main_area .text_box
{
	float: right;
	width: 440px;
	text-align: left;

}



.south .h4_title {
	background:#F66;
	padding:20px;
	color:#FFF;
	margin-right:10px;
}
.south h4 {
	color:#F66;
}


.east .h4_title {
	background:#F90;
	padding:20px;
	color:#FFF;
	margin-right:10px;
}
.east h4 {
	color: #F90;
}


.west .h4_title {
	background:#6C0;
	padding:20px;
	color:#FFF;
	margin-right:10px;
}
.west h4 {
	color: #6C0;
}


.north .h4_title {
	background:#45A5D8;
	padding:20px;
	color:#FFF;
	margin-right:10px;
}
.north h4 {
	color: #45A5D8;
}



.north .h4_title {
	background:#45A5D8;
	padding:20px;
	color:#FFF;
	margin-right:10px;
}
.north h4 {
	color: #45A5D8;
}



.south2 .h4_title {
	background:#36C;
	padding:20px;
	color:#FFF;
	margin-right:10px;
}
.south2 h4 {
	color: #36C;
}



.south3 .h4_title {
	background:#96C;
	padding:20px;
	color:#FFF;
	margin-right:10px;
}
.south3 h4 {
	color: #96C;
}

.shadow {
	font-size:70% !important;
font-family: 'Alfa Slab One', cursive !important;
font-weight:normal !important;

}

.lineup_text{
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:10px;
margin-top:10px;
margin-bottom:30px;	
}



/* タブレットレイアウト : 768 px 〜 959 px*/
@media screen and (max-width:959px)
{
#main_area .comment_box,#main_area .concept
{
	width: auto;
	width: 96%;
	margin-right: auto;
	margin-left: auto;

}


#main_area dl
{
	display: inline-table;
}


#main_area .photo_box
{
	width: 40%;
}

#main_area .text_box
{
	width: 58%;
}

#main_area .photo_box img,#main_area .text_box img
{
	height: auto;
	width: auto;
}

}

/* スマホ設定  768 以下*/
@media screen and (max-width:768px)
{


#main_area h3
{

}
#main_area h3 strong
{
	display: block;
	margin-bottom: 0.2em;
	line-height: normal;
}

#main_area .sub_title p,#main_area .concept p
{
	text-align: left;
	padding-right: 1em;
	padding-left: 1em;
}

#main_area .comment_box
{
	margin-top: 2em;
	padding-top: 2em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}

#main_area h4
{
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	clear: both;
	float: none;
}

#main_area h4 strong
{

}

#main_area .h4_title
{
	text-align: left;
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
}


#main_area .photo_box,#main_area .text_box
{
	width: 100%;
	clear: both;
	float: none;
	margin-bottom: 1em;
}
#main_area .text_box
{
	margin: 0px;
	padding: 0px;
}

}