@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: 15px;
	color: #4A4A49;
	margin: 0 auto;
	width: auto;
	height: auto;
	background:#ffffff;
	line-height: 1.5;
	letter-spacing: 1px;
	line-height: 1.7;
} 

strong{
	font-weight: normal;
	background: linear-gradient(transparent 55%,rgb(255,255,102) 55%,rgb(255,255,102) 100%);
}


.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;
 
}

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



/* ヘッダー　フッター */
h1{background:rgb(115,201,195);height: auto;color: #ffffff;
   font-size: 14px;text-align: right;padding: 14px 15% 14px 15%;margin: 0;}

/* 見出し */
h2{
	/*background: url(image/daiko1.png)no-repeat;*/
	background-size: contain;
	box-sizing: border-box;
	background-color:rgb(32,93,168);
	margin: 0 0 0 0;  
	height: auto;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: 16px;
	padding: 8px 15px 8px ;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}

h3{
	/*background: url(image/daiko1.png)no-repeat;*/
	background-size: contain;
	box-sizing: border-box;
	background-color:rgb(2,106,121);
	margin: 0 0 0 0;  
	height: auto;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: 16px;
	padding: 8px 15px 8px ;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}

h4{
	/*background: url(image/daiko1.png)no-repeat;*/
	background-size: contain;
	box-sizing: border-box;
	background-color:rgb(25,165,173);
	margin: 0 0 0 0;  
	height: auto;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: 16px;
	padding: 8px 15px 8px ;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}






/*メインコンテナ----------------------------------------------------------------*/
a{
text-decoration: none;
color: #ffffff;
}

.rink a{
	display: block;
	width: 60%;
	margin: 0 auto;
	padding: 10px;
	background: rgb(127,204,176);
	text-align: center;
	border-radius: 10px;
}

.rink:hover {
	opacity: 0.5;
}

.rink2 a{
	display: block;
	width: 60%;
	margin: 0 auto;
	padding: 10px;
	text-decoration: none;
	background: rgb(140,191,219);
	text-align: center;
	border-radius: 10px;
}

.rink2:hover {
	opacity: 0.5;
}


.main-contaer{
	background: #ffffff;
	display: flex;
	padding: 0px;
	margin: 0px 15% 10px 15%; 
	border: 5px solid rgb(166,210,219);
	
}

.main-contaer-up{
	margin: 0px 15% 0px 15%;
	padding: 5px;
}

.main-contaer01{
	width: 50%;
	background:;
	margin: 5px; 
}

.main-contaer02{
	width: 50%;
	background: ;
	margin: 5px; 
}

.contaer-box{
	height: 210px;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 10px 0px;
	background: rgb(230,246,237);
}

.contaer-box1{
	height: auto;
	margin: 10px 5px 5px 5px;
	background: #ffffff;
}

.textin1{
	background:;
	width:auto;
	height:auto;
	margin:0;
	float:;
}

.textin1 p{
	margin: 0;
	padding: 15px;
	font-size:;
}


/*ヘッダーナビ----------------------------------------------------------------*/
.navi-container nav{
	margin: 0;
	padding: 0px 15% 0px 15%;
	background:rgb(32,93,168);
	border-bottom: 5px solid rgb(140,191,219);
}
.navi-container nav ul{
	list-style: none;
	display: flex;
	justify-content: space-around;
	margin: 0;
	padding: 20px 10px 0 10px;
}
.navi-container nav li{
	flex: 10 auto;
}
.navi-container nav li a{
	color: #ffffff;
	display: block;
	text-decoration: none;
	text-align: center;
}
.navi-container nav li a:hover{opacity: 0.5;}

/*ボトムナビ----------------------------------------------------------------*/
.footer-contaer {
	background:rgb(32,93,168);
}

.footer-contaer nav{
	display: flex;
	justify-content: space-around;
	color: #ffffff;
	
}
.footer-contaer ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.8rem;
	
}
.footer-contaer nav li{
	flex: 10 auto;
	
}
.footer-contaer nav li a{
	font-size: 0.8rem;
	color: #ffffff;
	text-decoration: none;
}
.footer-contaer nav li a:hover{opacity: 0.5;}


/*ナビ2*/

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


/*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: 200px;
	height: 200px;
	background-size: contain;
	box-sizing: border-box;
	margin:0 5px 5px 5px;
	font-size:0;
	float:none;
	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;}

/*テキスト枠1*/
.text1{
	overflow:hidden;
	background:#D9F0DF;
	font-size: 14px;
	margin: 5px 5px 5px 0;
	padding: 7px;
	border-radius: 5px;
	color: #7F797C;
}
/*テキスト枠2*/
.text2{
	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;
}




/*フッター--------------------------------------------*/
.footer-contaer{
	margin: 0;
	padding: 10px 15% 10px 15%;
	height: auto;
	background: rgb(32,93,168);
}
/*.footer-logo{margin: 0;font-size: 0;}
.footer-logo img{
	margin: 0px auto 0px auto;
	width: 100%;
}*/

/*リンクボタン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;}

/*----画面サイズ変更用---------------------------------------*/

@media screen and (max-width: 850px) {
    header{margin: 0;}
	h1{padding: 14px 0 14px 0;text-align: center;}
	.navi-container nav{padding: 0;}
	.main-contaer{margin: 0px;padding:0px; display: block; }
    .main-contaer-up{margin: 0;}
	.main-contaer01{width:auto;height: auto;}
	.main-contaer02{width:auto;height: auto;}
	.footer-contaer{padding: 10px 0 10px 0;}
	.contaer-box{height: auto;}
	.navi-container nav ul a{font-size: 0.8rem;}