@charset "utf-8";

/*からくりトップページ*/


h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
     margin: 0px;
     padding: 0px;
}
/*コンテナー（HPを囲むブロック）*/
#container{
     width: 950px;
     /*ボックス幅*/
	margin: 0 auto 0;
     padding: 10px;
     /*ボックス内の余白*/
	background-color: #f4f4ee;
     /*背景色*/
	border-radius: 20px;
     /*角丸のサイズ*/
	filter: drop-shadow(10px 10px 10px #CCC);
/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定*/
}
h1{
     padding-bottom:10px;
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
     font-weight : bold;
}
h1 img{
     vertical-align: middle;
}
h2{
     font-size : 110%;
     font-weight : normal;
     text-align : left;
     color : maroon;
     margin-left : 10px;
     margin-top : 15px;
}

/*メインコンテンツ*/
#main{
     width:900px;
     /*メインコンテンツ幅*/
	float: right;
     /*右側に回り込み*/
	padding-bottom: 50px;
}
.migiyose{
     text-align: right;
}
/*山車紹介メニューページのブロック--------------------------------------*/
/* .list セクションを Flexbox コンテナにする */
#main .list{
     display: flex;
     flex-wrap: wrap;
     /* アイテムを折り返す */
    justify-content: center;
     /* アイテムを中央揃えにする */
    gap: 15px;
/* アイテム間の隙間 */
}
/*各ボックスの設定*/
#main .list article{
     height: auto;
     /*ボックスの高さ*/
	width: 320px;
     /*ボックスの幅*/
	border-radius: 5px;
     /*角丸のサイズ*/
	-webkit-box-shadow: 0px 1px 6px #999;
     /*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 0px 1px 6px #999;
     /*同上*/
	background-color: #FFF;

	padding:25px;     /*ボックス内の余白----------*/

	/* float: left;
     */ /* Flexbox を使用するため float を削除 */
	margin: 0;
     /* Flexbox の gap でマージンを管理するため、0 に設定 */
	margin: 10;
     /* ↑で0にしたが、HPB上でマージンが0だと枠がくっ付いてしまうので(プレビューは変わらない) */
	overflow: hidden;
}
/*ボックス内の段落タグ設定*/
#main .list article p{
     padding: 3px 0px 0px 0px;
     /*枠内の余白*/
	color : #333333;
     /*文字色*/
	font-size : 100%;
     /*文字サイズ*/
	line-height: 150%;
     text-align: left;
}

/*ボックス内のh3タグ設定*/
#main .list article h3{
     font-size: 100%;
     text-align: left;
     margin-left:10px;
     color : #1f1f1f;
     /*文字色                                                          山車メニューの文字色はここ*/
     font-weight : normal;
}
/*ボックス内のh4タグ設定*/
#main .list article h4{
     font-size: 100%;
     margin-left:10px;
     color : #006a00;
     /*文字色                                                          山車メニューの文字色はここ*/
	border-bottom: 2px dotted #f61414;
     /*下線の幅、線種、色*/
	margin-bottom: 5px;
     font-weight : normal;
}
/*ボックス内のh5タグ設定*/
#main .list article h5{
     font-size : 95%;
     color : #990000;
     /*文字色                                                          山車メニューの文字色はここ*/
	margin-bottom: 5px;
     text-align: left;
     font-weight : normal;
     margin-left : 20px;
}
/*ボックス内のaタグ設定*/
#main .list article a{
     text-decoration: none;
}

/*indexページのブロック---------------------------------------*/
/* .list セクションを Flexbox コンテナにする */
#main .list2{
     display: flex;
     flex-wrap: wrap;
     /* アイテムを折り返す */
    justify-content: center;
     /* アイテムを中央揃えにする */
    gap: 15px;
margin-top:20px;
/* アイテム間の隙間 */
}
/*各ボックスの設定*/
#main .list2 article{
     height: auto;
     /*ボックスの高さ*/
	width: 740px;
     /*ボックスの幅*/
	border-radius: 10px;
     /*角丸のサイズ*/
	-webkit-box-shadow: 0px 1px 6px #999;
     /*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 0px 1px 6px #999;
     /*同上*/
	background-color: #FFF;
     /*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6));
     /*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e6e6e6);
     /*同上*/
	background-image: linear-gradient(#FFF, #e6e6e6);
     /*同上*/
	padding: 5px;
     /*ボックス内の余白*/
	/* float: left;
     */ /* Flexbox を使用するため float を削除 */
	margin: 0;
     /* Flexbox の gap でマージンを管理するため、0 に設定 */
	margin: 10;
     /* ↑で0にしたが、HPB上でマージンが0だと枠がくっ付いてしまうので(プレビューは変わらない) */
	overflow: hidden;
}
/*ボックス内の段落タグ設定*/
#main .list2 article p{
     padding: 5px 0px 2px 10px;
     /*枠内の余白*/
	color : #333333;
     /*文字色*/
	font-size : 90%;
     /*文字サイズ*/
	line-height: 170%;
     text-align: left;
}
/*ボックス内のh3タグ設定*/
#main .list2 article h3{
     font-size: 100%;
     text-align: left;
     margin-left:10px;
     color : #1f1f1f;
     /*文字色                                                          山車メニューの文字色はここ*/


     font-weight : normal;
}
/*ボックス内のh4タグ設定*/
#main .list2 article h4{
     font-size: 100%;
     margin-left:10px;
     color : #006a00;
     /*文字色                                                          山車メニューの文字色はここ*/
	border-bottom: 2px dotted #f61414;
     /*下線の幅、線種、色*/
	margin-bottom: 5px;
     font-weight : normal;
}
/*ボックス内のh5タグ設定*/
#main .list2 article h5{
     font-size : 100%;
     color : #990000;
     /*文字色                                                          山車メニューの文字色はここ*/
	margin-top: 5px;
     text-align: left;
     font-weight : normal;
     margin-left : 20px;
}
/*ボックス内のaタグ設定*/
#main .list2 article a{
     text-decoration: none;
}




/*PAGE TOP設定*/
#pagetop{
     clear: both;
}
#pagetop a{
     color: #FFF;
     /*文字色*/
	font-size: 10px;
     /*文字サイズ*/
	background-color: #705d4a;
     /*背景色*/
	text-decoration: none;
     text-align: center;
     width: 12em;
     /*ボックス幅*/
	display: block;
     float: right;
     letter-spacing: 0.1em;
}
/*マウスオン時*/
#pagetop a:hover{
     background-color: #333;
     /*背景色*/
	color: #FFF;
/*文字色*/
}
.clear{
     clear: both;
}
img{
     max-width: 100%;
     height: auto;
}
.intro{
     margin-top: 15px;
     margin-left: 100px;
     margin-right:100px;
     margin-bottom : 10px;
     line-height: 150%;
     color : #9a690e;
     text-align: left;
}
.intro p{
     font-size : 100%;
     margin-left: 30px;
     margin-right: 20px;
     color : #333333;
     padding-top : 5px;
     padding-bottom : 3px;
}
/*-------------------------タブメニュー-------------------------ー-----------*/


.uline{
     border-bottom-width: 1px;
     border-bottom-style: dotted;
     border-bottom-color: #990000;
}
/*-------サブメニュー-----------*/

#tabs{
     margin : 0px 0px 0px;
     color : black;
     font-size: 85%;
     text-align: right;
     float: right;
     background-color : #ffffff;
}
#tabs ul{
     list-style: none;
     margin: 0;
     padding: 0;
}
#tabs ul li{
     display: inline;
     margin: 0;
     text-transform: none;
     float: left;
}
#tabs ul li a{
     padding: 0px 5px 0px 5px;
     float: left;
     text-decoration: none;
     border-left: 1px;
     margin : 0px 0px 0px -1px;
     text-transform: none;
     /*------------
	border : 1px solid silver;
     border-left : 1px;
     ---------*/
     color : blue;
}
#tabs ul li a:hover{
     background : #dc7d03 none repeat scroll 0% 0%;
     color: #eeeeee;
     text-decoration: none;
}
#tabs ul li a.active{
     background: #red;
     color: silver;
     /*------------
	border-bottom: 1px solid #EAEAEA;
---------*/
}
#tabs ul li .l_red{
	color: white;
	background-color: blue;/*-------当ページのタブ色反転ー-----------*/
}

}
.item{
     margin-left : 15px;
     margin-right : 10px;
}
.dashi{
     margin : 15px 0px 0px 0px;
     background-color : white;
     background-image : url(../image/wall_03.gif);
}
.item dt{
     color : #0379fc;
     border-bottom-width : 1px;
     border-bottom-style : dotted;
     border-bottom-color : #0379fc;
     padding-bottom : 0px;
     margin-left: 30px;
     margin-top : 5px;
     margin-bottom : 2px;
}
.item dd{
     line-height : 140%;
     padding-top : 0px;
     margin-left: 50px;
     margin-top : 0px;
}
/*-------------------------タブメニューここまで-------------------------ー-----------*/

/*----------------ここからタブレット用（481px～800px）環境の設定-----------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){
     /*コンテナー（HPを囲むブロック）*/
#container{
     width: auto;
     margin: 10px;
}
/*コンテンツ（main,subを囲むブロック）*/
#contents{
     width: auto;
}
/*main,subコンテンツ*/
#main, #sub{
     float: none;
     width: auto;
}
/*山車紹介メニューページ内のブロック*/
/*各ボックスの設定*/
#main .list2 article{
     /* float: none;
     */ /* Flexbox を使用するため float を削除 */
	width: 100%;
     height: auto;
     margin: 0 0 15px;

     /* マージンを調整 */
	box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
}
/*各ボックス内の画像設定*/
#main .list2 article img{
     float: left;
     /*左に回り込み*/
	width: 30%;
     /*画像幅*/
	height: auto;
     margin-right: 20px;
}
#main .list2 article{
     /* float: none;
     */ /* Flexbox を使用するため float を削除 */
	width: 100%;
     height: auto;
     margin: 0 0 15px;
     /* マージンを調整 */
	box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
}
/*各ボックス内の画像設定*/
#main .list2 article img{
     float: left;
     /*左に回り込み*/
	width: 30%;
     /*画像幅*/
	height: auto;
     margin-right: 20px;
}
}
/*-------------------------ここからスマートフォン用（480px以下）環境の設定---------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){
     /*全体の設定*/
body{
     background: url(none);
}
/*コンテナー（HPを囲むブロック）*/
#container{
     width: auto;
     padding: 5px;
     /*ボックス内の余白*/
	border-radius: 0px;
     /*角丸のサイズ*/
	-webkit-box-shadow: none;
     box-shadow: none;
}
/*コンテンツ（main,subを囲むブロック）*/
#contents{
     width: auto;
}
/*main,subコンテンツ*/
#main, #sub{
     float: none;
     width: auto;
}
/*mainコンテンツ*/
/*mainコンテンツの段落タグ設定*/
#main p{
     padding: 0.5em 5px 1em;
}
/*山車紹介メニューページのブロック*/
/*各ボックスの設定*/
#main .list2 article{
     width: 96%;
     /*ボックスの幅*/
	height: auto;
     /*ボックスの高さ*/
	/* float: none;
     */ /* Flexbox を使用するため float を削除 */
	margin: 0 auto 15px;
     /* 中央揃えと下マージン */
	box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
}
#main .list2 article img{
     width: 100%;
     /*ボックスの幅*/
	height: auto;
/*ボックスの高さ*/
}

#main .list2 article{
     width: 96%;
     /*ボックスの幅*/
	height: auto;
     /*ボックスの高さ*/
	/* float: none;
     */ /* Flexbox を使用するため float を削除 */
	margin: 0 auto 15px;
     /* 中央揃えと下マージン */
	box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
}
#main .list2 article img{
     width: 100%;
     /*ボックスの幅*/
	height: auto;
/*ボックスの高さ*/
}

/*menu.html内のメニューブロック*/
/*各ボックスの設定*/
#main .list2 article{
     /* float: none;
     */ /* Flexbox を使用するため float を削除 */
	margin: 0px auto 1em;
}
.intro{
     margin-top: 5px;
     margin-left: 10px;
     margin-right:10px;
     margin-bottom : 10px;
     line-height: 150%;
     color : #9a690e;
     text-align: left;
}
}