@charset "utf-8";
/* CSS Document */
/* リセットＣＳＳ */
ul{ list-style-type:none; margin:0; padding:0;}  
img{margin:0; padding:0;} 
body{margin:0; padding:0;}
/*--------------*/

body{
	font-family: sans-serif;
	font-size: 16px;
	color: #7F797C;
	margin: 0 auto;
	width: auto;
	height: auto;
	background:;
	line-height: 1.5;
	letter-spacing: 1px;
} 
@media screen and (min-width: 768px) {
    body {
        width:640px;
    }
}
.back-to-top{
	box-sizing: border-box;
	margin: 0 auto 0 auto;
	padding: 0;
	background:#4CBBCE;
	color:#ffffff;
	width: 60px;
	height: 60px;
	border-radius: 50px;
	font-size: 40px;
	text-align: center;
 
}

/* ヘッダー　フッター */
h1{background:#5A73A6;height: 20px;color: #ffffff;font-size: 14px;text-align: center;margin: 0;}

/* メニュー装飾 */
h2{
	background: url(image/daiko1.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	background-color:#FDCDC3;
	margin: 2px 5px 2px 5px;  
	height: 60px;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: 20px;
	padding: 17px 0px 10px 70px;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
/* お知らせ装飾 */
h3{
	background: url(image/daiko5.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	background-color:#FDCDC3;
	margin: 0px 5px 2px 5px; 
	height: 60px;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: 20px;
	padding: 17px 0px 10px 70px;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);	
}

/*小見出し*/
h4{
	box-sizing: border-box;
	background-color:;
	border-bottom: 5px solid #F7AFAF;
	margin:0px 0px 5px 0px; 
	height: auto;	 
	color: #000000;
	font-size: 16px;
	padding: 0px 0px 0px 10px;
	overflow: hidden;
}
h5{
	box-sizing: border-box;
	background-color:;
	border-bottom: 1px dashed #F7AFAF;
	margin:0px 0px 5px 0px; 
	height: auto;	 
	color: #000000;
	font-size: 16px;
	padding: 0px 0px 0px 10px;
	overflow: hidden;
}
/*リンクボタン1*/
.btn1{text-decoration: none;}

.btn1 div{	
	box-sizing: border-box;
	margin: 5px 0 0 auto;
	padding: 20px;
	width: 210px;
	height: 60px;
	color:#ffffff;
	background: linear-gradient(180deg,#4CBBCE,#8CD2BC);
	border-radius: 5px;
	font-size: 14px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.btn1 div:hover{opacity: 0.5;}

/*リンクボタン2*/
.btn2{text-decoration: none;}

.btn2 div{	
	box-sizing: border-box;
	margin: 5px 5px 5px auto;
	padding: 20px;
	width: 220px;
	height: 60px;
	color:#ffffff;
	background: linear-gradient(180deg,#B3DD48,#D9F0B0);
	border-radius: 5px;
	font-size: 14px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.btn2 div:hover{opacity: 0.5;}

/*リンクボタン3　一覧用*/
.btn3{text-decoration: none;}
.btn3 div{	
	box-sizing: border-box;
	margin: 5px;
	padding: 20px;
	width: 220px;
	height: 60px;
	color:#ffffff;
	background: linear-gradient(180deg,#B3DD48,#D9F0B0);
	border-radius: 5px;
	font-size: 14px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.btn3 div:hover{opacity: 0.5;}

.btn4{text-decoration: none;}
.btn4 div{	
	box-sizing: border-box;
	margin: 5px;
	padding: 20px;
	width: 220px;
	height: 60px;
	color:#ffffff;
	background: linear-gradient(180deg,#4CBBCE,#8CD2BC);
	border-radius: 5px;
	font-size: 14px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	float: left;
}
.btn4 div:hover{opacity: 0.5;}


.btn5{text-decoration: none;}
.btn5 div{	
	box-sizing: border-box;
	margin: 5px 0 0 auto; 
	padding: 15px;
	width: 300px;
	height:50px;
	color:#ffffff;
	background: linear-gradient(180deg,#B3DD48,#D9F0B0);
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.btn5 div:hover{opacity: 0.5;}

/*ヘッダー----------------------------------------------------------------------*/
header {margin: 0;}
.top-logo {margin: 0;font-size: 0;}
.top-logo img{margin: 0; width: 100%; }

/*ヘッダーナビ----------------------------------------------------------------*/
.navi-container nav{
	margin: 3px 0 3px 0;
	background:;
}
.navi-container nav ul{
    overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
.navi-container nav li{
	box-sizing: border-box;
	float: left; 
	margin: 0;
	width: 33.3333%
}
.navi-container nav li a{
	display: block;
	background:#99D8D4;
	margin: 3px;
	border: 2px solid #4CBBCE;
	border-radius: 5px;
	padding: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	color:#ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.navi-container nav li a:hover{opacity: 0.5;}

/*ナビ3*/
.side3nav {background:; margin: 0;}
.side3nav ul{overflow: hidden;
          list-style: none;
          margin: 0;
	      padding: 0;
}
.side3nav li{box-sizing: border-box;
	        float:left;
            width: 25%;
	        margin: 0 5px 0 0;
}
.side3nav li a{
	        background: #B3DD48;
	        display: block;
	        border: 2px solid #B3DD48;
	        border-bottom: none;
	        border-top-left-radius: 10px;
	        border-top-right-radius: 10px;
	        margin: 0 5px;
	        padding: 10px 0;
	        width: 100%;
	        text-decoration: none;
	        text-align: center;
	        font-size: 14px;
	        color:#7F797C;
}
.side3nav li a:hover{opacity: 0.5;}
.side3nav li a.current{background:#ffffff;}

/*ナビ3-2*/
.side3nav2 {margin:0;}
.side3nav2 ul{overflow: hidden;
          list-style: none;
          margin: 0;
	      padding: 0;
}
.side3nav2 li{box-sizing: border-box;
	        float:left;
            width: 25%;
	        margin: 0 5px 0 0;
}
.side3nav2 li a{
	        background: #99d8d4;
	        display: block;
	        border: 2px solid #99d8d4;
	        border-bottom: none;
	        border-top-left-radius: 10px;
	        border-top-right-radius: 10px;
	        margin: 0;
	        padding: 10px 0;
	        width: 100%;
	        text-decoration: none;
	        text-align: center;
	        font-size: 14px;
	        color:#7F797C;
}
.side3nav2 li a:hover{opacity: 0.5;}
.side3nav2 li a.current{background:#ffffff;}

/*----------------------------------------------------------------*/


/*TOP　更新枠*/
.whats-new{
	overflow:;
	margin: 0;
	padding: 10px;
	width: auto;
	height: suto;
	background: ;
	text-align: left;
	border: 1px solid #F7D3D3;
}

.whats-new　ul{
		list-style-type:none;
}
.whats-new li{
	margin: 0 0 5px 0;
	padding: 0;	
	background: #D9F0DF;
	border-top: 1px solid #4CBBCE;
	border-bottom: 1px dashed#4CBBCE;
}
.whats-new li a{
	width: auto;
	height: auto;
	padding: 10px;
	display: block;
	text-decoration: none;
	color:#7F797C;
}
.whats-new li a:hover{
	background:#D9F0DF;
	opacity: 0.5;
}

/*メイン右内　下部枠とテンプレコンテンツ*/
.main-contaer-under{
	overflow: hidden;
	background-size: contain;
	box-sizing: border-box;
	border: 2px solid #B3DD48;
	margin: 0 5px 0 5px; 
	height: auto;
	
	color:#000000;
	font-size: 14px;
	padding: 10px;
}
.main-contaer-under2{
	box-sizing: border-box;
	border: 2px solid #99d8d4;
	margin: 0; 
	height: auto;
	font-size: 14px;
	padding: 10px;
}
/*サムネイル　テキスト装飾--*/


/*枠*/
.boxall-in{
	width: auto;
	height: auto;
	background-size: contain;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #8CD2BC;
	border-left: 1px solid #8CD2BC;
	border-right: 1px solid #8CD2BC;
	overflow: hidden;
}
/*画像用*/
.boxall img{
	width: 100px;
	height: 100px;
	background-size: contain;
	box-sizing: border-box;
	margin:0 5px 5px 5px;
	font-size:0;
	float: left;
	border: 1px solid #B1B1B1;
}
@media screen and (min-width: 768px) {
    .boxall img {
        width: 200px;
		height: 200px;
    }
}

.category{ 
	box-sizing: border-box;
	float:;
	width:;
	background: #4CBBCE;
	margin: 0 0 5px 0px;
	padding: 0 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;	
}
.boxin{overflow: hidden;margin: 0;padding: 0;}

.text1{
	overflow:hidden;
	background:#D9F0DF;
	font-size: 14px;
	margin: 5px 5px 5px 0;
	padding: 7px;
	border-radius: 5px;
	color: #7F797C;
}
/*えんどう*/
.text2{
	overflow: auto;
	background:#D9F0B0;
	font-size: 14px;
	margin: 5px 5px 5px 0;
	padding: 5px;
	border-radius: 5px;
	color: #7F797C;
}

/*えんどう*/
.text3{
	overflow: auto;
	background:#D9F0B0;
	font-size: 14px;
	margin: 5px 5px 5px 0;
	padding: 5px;
	border-radius: 5px;
	color: #7F797C;
}

hr{
	border: none;
	border-top: 1px dashed #8CD2BC;	
	clear: both;
}




/*今月のダイコ　メイン枠*/


/*ダイコ喜び box1-6*/
.box1{
	width: 80px;
	height: 80px;
	background: url(image/daiko1.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	font-size:0;
	float: left;
}
/*ダイコ怒*/
.box2{
	width: 80px;
	height: 80px;
	background: url(image/daiko2.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
}
/*ダイコ哀び*/
.box3{
	width: 80px;
	height: 80px;
	background: url(image/daiko3.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
}
/*ダイコ楽*/
.box4{
	width: 80px;
	height: 80px;
	background: url(image/daiko4.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
}
/*ダイコチェック*/
.box5{
	width: 80px;
	height: 80px;
	background: url(image/daiko5.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
}
/*ダイコシラ*/
.box6{
	width: 80px;
	height: 80px;
	background: url(image/daiko6.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
}

/*ダイコ　びっくり*/
.box7{
	width: 80px;
	height: 80px;
	background: url(image/daiko7.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
}

/*ダイコ　ふにゃ*/
.box8{
	width: 80px;
	height: 80px;
	background: url(image/daiko8.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
}

/*ダイコ　目隠し*/
.box9{
	width: 80px;
	height: 80px;
	background: url(image/daiko9.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
}
/*ダイコ　ビーム*/
.box10{
	width: 80px;
	height: 80px;
	background: url(image/daiko10.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
}
	/*えんどうbox11-16*/
.box11{
	width: 80px;
	height: 80px;
	background: url(image/endo1.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

.box12{
	width: 80px;
	height: 80px;
	background: url(image/endo2.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box13{
	width: 80px;
	height: 80px;
	background: url(image/endo3.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box14{
	width: 80px;
	height: 80px;
	background: url(image/endo4.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

.box15{
	width: 80px;
	height: 80px;
	background: url(image/endo5.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box16{
	width: 80px;
	height: 80px;
	background: url(image/endo6.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box17{
	width: 80px;
	height: 80px;
	background: url(image/endo7.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
/*えんどうbox21-27*/
.box21{
	width: 80px;
	height: 80px;
	background: url(image/endom1.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

.box22{
	width: 80px;
	height: 80px;
	background: url(image/endom2.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box23{
	width: 80px;
	height: 80px;
	background: url(image/endom3.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box24{
	width: 80px;
	height: 80px;
	background: url(image/endom4.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

.box25{
	width: 80px;
	height: 80px;
	background: url(image/endom5.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box26{
	width: 80px;
	height: 80px;
	background: url(image/endom6.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box27{
	width: 80px;
	height: 80px;
	background: url(image/endom7.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box28{
	width: 80px;
	height: 80px;
	background: url(image/endom8.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box29{
	width: 80px;
	height: 80px;
	background: url(image/endom9.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box30{
	width: 80px;
	height: 80px;
	background: url(image/endom10.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box31{
	width: 80px;
	height: 80px;
	background: url(image/endom11.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

/*スイカbox41-45*/
.box41{
	width: 80px;
	height: 80px;
	background: url(image/suika1.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

.box42{
	width: 80px;
	height: 80px;
	background: url(image/suika2.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

/*イヌbox46-50*/
.box46{
	width: 80px;
	height: 80px;
	background: url(image/inu1.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

.box47{
	width: 80px;
	height: 80px;
	background: url(image/inu2.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
/*イヌbox46-50*/
.box46{
	width: 80px;
	height: 80px;
	background: url(image/inu1.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

.box47{
	width: 80px;
	height: 80px;
	background: url(image/inu2.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

/*せんたくbox60*/
.box60{
	width: 80px;
	height: 80px;
	background: url(image/sentaku.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}


/*カパロウbox51-57*/
.box51{
	width: 80px;
	height: 80px;
	background: url(image/kappa160.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

.box52{
	width: 80px;
	height: 80px;
	background: url(image/kappa2.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box53{
	width: 80px;
	height: 80px;
	background: url(image/kappa3.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box54{
	width: 80px;
	height: 80px;
	background: url(image/kappa4.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}

.box55{
	width: 80px;
	height: 80px;
	background: url(image/kappa5.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box56{
	width: 80px;
	height: 80px;
	background: url(image/kappa6.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
.box57{
	width: 80px;
	height: 80px;
	background: url(image/kappa7.png)no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin:0px 5px 0px 0px;
	float: left;
	}
	
/*サムネイル　テキスト1*/



/*フッター*/
.footer-contaer{
}
.footer-logo{margin: 0;font-size: 0;}
.footer-logo img{
	margin: 0px auto 0px auto;
	width: 100%;
}