@charset "utf-8";
/** *****************************************************************
コンテンツ
最終更新日：2015.01.22
***************************************************************** **/

/* *--------------------------------------------------------------------
 トップ（index.html）
--------------------------------------------------------------------* */
#TOP{}

#SLIDE-wrap{
	border-top:5px #dcdcdc solid;
	border-bottom:5px #dcdcdc solid;
}


h2#h2index{
	margin: 20px auto;
}

#INDservice{
	color: #666666;
	margin: 50px auto;
}
#INDservice li{
    width: 18%;
    float: left;
    margin: 0 1%;
}


#INDservice h3{
	text-align: center;
	font-size: 1.2em;
	margin: 0.5em 0 0 0;
	min-height: 40px;
}
#INDservice img{
	margin: 0 auto;
	text-align: center;
}
#INDservice p{
	text-align: left;
}


@media only screen and (max-width: 640px) {

#INDservice{
	color: #666666;
	margin: 20px auto;
}

#INDservice li{
float: left;
    width: 47%;
	margin: 0.5em 1%;
}
#INDservice h3{
	font-size: 1.4em;
}
#INDservice p{
	text-align: center;
	font-size: 1.2em;
}

}

#INDEX{
	max-width: 1000px;
	width: 100%;
}

/*新着情報*/
#NEWS{
	float: left;
	width: 70%;
}
#NEWS h2{
	background: #c3100f;
	color: #ffffff;
	font-size: 1.6em;
	padding: 0.7em
}
#NEWS ul{
	margin: 1.0em;
}
#NEWS ul li{
	margin-bottom: 0.5em;
}

/*バナー*/
#BANNER{
	float: right;
	width: 25%;
	text-align: right;
	margin: 0;
}
#BANNER ul{
}
#BANNER ul li{
	margin:0 0 1.0em 0;
}


@media only screen and (max-width: 640px) {

#NEWS,
#BANNER{
	float: none;
	width: 100%;
	margin: 1.0em 0;
}

#BANNER img{
	margin: auto;
	text-align: center;
	border:1px #ff0000 solid;
}

}

/* *--------------------------------------------------------------------
 サービス（service.html）
--------------------------------------------------------------------* */
#SERVICE{}
h2.h2service{
    position: relative;
	font-size: 3.2em;
}
h2.h2service .h2btn{
    position: absolute;
    right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	outline: 0;
}

h2.h2service .h2btn a{
	font-size:0.6em;
    letter-spacing: 0.1em;
    display: block;

    color: #ffffff;
    padding: 0.25em 1.0em;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;

/* グラデーション */
 background: #1166c9;
 background: -moz-linear-gradient(top, #1166c9 0%, #003069 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1166c9), color-stop(100%,#003069));
 background: -webkit-linear-gradient(top, #1166c9 0%,#003069 100%);
 background: -o-linear-gradient(top, #1166c9 0%,#003069 100%);
 background: -ms-linear-gradient(top, #1166c9 0%,#003069 100%);
 background: linear-gradient(to bottom, #1166c9 0%,#003069 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1166c9', endColorstr='#003069',GradientType=0 );
}
h2.h2service .h2btn a:before{
    content: '▶ ';
	font-size:0.3em;
    line-height: 1;
    vertical-align: middle;
}


h2.h2service img{
	width: 80px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}

h3.h3carcort{
    margin: 1.0em 0 0 0;
	padding: 5px;
	font-size: 1.5rem;
	color: #FFF;
    letter-spacing:0.2em;
	background-color: #333;
}

.padT50_s { padding-top: 50px !important; }

.hokenTXT{
	font-size: 0.75rem;
		width: 90%;
	margin: 20px auto;
	padding: 20px;
border-top:3px #1f2e4e solid;
border-bottom:3px #1f2e4e solid;
}


h3.h3hoken{
	color: #1166c9;
	text-align: center;
	font-size: 2.6rem;
	/* box-shadow */
 text-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
 -webkit-text-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
 -moz-text-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;


}

.keiyakugo a{
	display: block;
	width: 50%;
	font-size: 1.5rem;
	padding: 30px 0;
	margin: 20px auto;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
/* 角丸 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
/* グラデーション */
 background: #1166c9;
 background: -moz-linear-gradient(top, #65a3eb 0%, #1166c9 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65a3eb), color-stop(100%,#1166c9));
 background: -webkit-linear-gradient(top, #65a3eb 0%,#1166c9 100%);
 background: -o-linear-gradient(top, #65a3eb 0%,#1166c9 100%);
 background: -ms-linear-gradient(top, #65a3eb 0%,#1166c9 100%);
 background: linear-gradient(to bottom, #65a3eb 0%,#1166c9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65a3eb', endColorstr='#1166c9',GradientType=0 );
}
.keiyakugo a:hover{
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

.keiyakugo img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}



@media only screen and (max-width: 640px) {

#SERVICE #SIDE ul li{
	padding: 0.4em;
	margin-bottom: 5px;
}
#SERVICE #SIDE ul li img{
	width: 12%;
}

h2.h2service{
	font-size: 2.5em;
}
h2.h2service img{
	width: 50px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}

.padT50_s { padding-top: 10px !important; }

	h3.h3hoken{
	font-size: 1.0rem;
}
.keiyakugo a{
	width: 100%;
	font-size: 1.0rem;
}

.keiyakugo{
	font-size: 1.0rem;
	margin: 10px auto;
	text-align: center;
	color: #1166c9;
	font-weight: bold;
}


}


.pagenav{
	margin: 3.0em 0;
	text-align: center;
	padding: 1.0em 0;
	border-top:1px #666666 solid;
	border-bottom:1px #666666 solid;
}

/* *--------------------------------------------------------------------
 夏祭り（festival.html）
--------------------------------------------------------------------* */
.festival-block{
    width: 900px;
    margin: 40px auto;
}
h3.h3festival{
    text-align: center;
    margin-bottom: 40px;
	font-size:32px;
    letter-spacing: 0.1em;
    line-height: 1.5;
	color: #1166c9;
}
h4.h4festival{
    text-align: center;
    margin-bottom: 40px;
	font-size:26px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    font-weight: normal;
	color: #1166c9;
}

.festival-mainpic img{
    padding: 10px;
    border:1px #d3d3d3 solid;
/* box-shadow */
 box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
 -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
 -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;

}

.festival-cation{
    background-color: #ff5d5d;
    padding: 20px;
    margin: 40px auto 80px auto;
    width: 880px;
}

.festival-cation p{
	font-size:20px;
    color: #ffffff;
    letter-spacing: 0.1em;
}
.festival-freemarket{

}
.festival-freemarket .picture img{
    margin: auto;
    text-align: center;
}

/* *--------------------------------------------------------------------
 新工場（newfactory.html）
--------------------------------------------------------------------* */
#NEWFACTORY{
    width: 900px;
    margin: 40px auto;
}

#NEWFACTORY .nf-mainpic p{
    margin: 40px 80px;
	font-size:1.6em;
    letter-spacing: 0.2em;
    line-height: 2;
    font-weight: bold;
    color: #000000;
}

#NEWFACTORY .nf-btn{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

#NEWFACTORY .nf-btn .item{
    position: relative;
    width: 390px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;

    background-color: #252525;
    padding: 20px;
}

#NEWFACTORY .nf-btn .item .title{

	font-size:1.8rem;
    color: #fff100;
        font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

#NEWFACTORY .nf-btn .item p{
    color: #ffffff;
    font-weight: 600;
    line-height: 1.75;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

#NEWFACTORY .nf-btn .item a{
    display: block;
    color: #252525;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.1em;
        -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
	font-size:1.2rem;
    text-align: center;
    padding: 10px 0;
        background-color: #fff100;
}

@media only screen and (max-width: 640px) {

#NEWFACTORY{
    width: 100%;
    margin: 40px auto;
}

#NEWFACTORY .nf-mainpic p{
    margin: 20px 20px;
	font-size:1.4em;
    letter-spacing: 0.1em;
    line-height: 1.5;
}

#NEWFACTORY .nf-btn{
    flex-direction: column;
    margin-bottom: 40px;
}

#NEWFACTORY .nf-btn .item{
    position: relative;
    width: 90%;
    padding: 20px;
}
#NEWFACTORY .nf-btn .item:first-child{
    margin-bottom: 20px;
}
#NEWFACTORY .nf-btn .item a{
	font-size:1.0rem;
 
}

}