@charset "utf-8";

@import "base_layout.css";
@import "common_parts.css";
@import "contents.css";

#wrapper{
	background: url(../../img/toppage/image_05.jpg) no-repeat center top;
	background-size:cover;
}
#global_navi li.menu04 a{
	background-color:#ac0000;
}
h3{
	background-color:#05aa19;
}
.topcmt{
	margin:15px 0;
	font-size:15px;
	display:table;
}
.topcmt .cell{
	display:table-cell;
	vertical-align:top;
	
}
.topcmt .board{
	margin: 0px 0 20px 0;
	padding: 8px 30px 5px 30px;
	background: url(../../doghouse/img/bg_wood.jpg) repeat;
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
	box-shadow:0px 0px 5px #666;
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	border: 1px solid #FFF;
	-moz-transform:    rotate( -5deg );
	-webkit-transform: rotate( -5deg ); 
	-ms-transform:     rotate( -5deg );
	transform:         rotate( -5deg );
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
@media screen and (max-width: 768px) {
/*tablet*/
.topcmt img{
	max-width:200px;
}
}
@media screen and (max-width: 479px) {
/*sp*/
.topcmt{
	display: block;
}
.topcmt .cell{
	display: block;
}
.topcmt img{
	max-width:100%;
}
}
/* 写真
-------------------------------------------------*/
#top_image{
	margin:0 auto;
	width:80%;
}
.box{
	margin:10px 0;
	padding:15px 25px;
	border:3px double #CCCCCC;
	background-color:#FFFFF0;
	color: #449d24;
	font-size:15px;
}
#top_image table th{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}
@media screen and (max-width: 768px) {
/*tablet*/
#top_image{
	width: 100%;
}

}
@media screen and (max-width: 479px) {
/*sp*/
#top_image table,
#top_image td,
#top_image th{
	display:block;
}
#top_image table th{
	font-weight:bold;
}
}

/* できるまで
-------------------------------------------------*/
.flow .box_l{
	margin-bottom:10px;
	width:100%;
	text-align:center;
}
.flow li{
	margin:5px 1% 5px 0;
	padding-right:12px;
	width:31%;
	min-height:230px;
	background:url(../../doghouse/img/arrow_right.png) no-repeat right;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}
.flow li:last-child{
	background:none;:
}
.flow img{
	max-width:96%;
	max-height:200px;
}

@media screen and (max-width: 768px) {
/*tablet*/
}
@media screen and (max-width: 479px) {
/*sp*/
.flow li{
	margin:0 0 10px 0;
	padding-right:0px;
	padding-bottom:15px;
	width:100%;
	min-height:230px;
	background:url(../../doghouse/img/arrow_bottom.png) no-repeat bottom;
	float:none;
}
}