* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	}

html, body
{
	font-size: 0.9em 14rem; /* sets the base font to 10px for easier math */
}

body
{
	margin: 0px;
	padding: 0px;
	background: #fff url("../images/footer-bg.png") bottom no-repeat;
	color:#000;
/*	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
*/	/* sets the default sizing to make sure nothing is actually 10px */
	font-weight: 500;
	-webkit-font-smoothing: subpixel-antialiased; /* safari */
	-moz-osx-font-smoothing: auto;
	-webkit-text-size-adjust: 100%;
}

.clearfix{clear: both;}

iframe{width: 100%;height: 225px;}

h1, h2, h3
{
	margin: 0;
	padding: 0;
	font-weight: 900;
	color: #373c38;
}

p, ol, ul
{
	margin-top: 0;
	line-height:1.75em;
}

ol, ul
{
	padding: 0;
	list-style: none;
}

p{line-height: 180%;}
a{color: #000;}

a:hover{text-decoration: none;}



small{
	font-size:90%;
}

.container
{
	margin: 0 auto;
	max-width: 960px;
	width: 100%;
}

img{
	transition: 0.5s ;
	width: 100%;
	}

/*img:hover {
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;	*//* Ie用 */
/*}*/

section.left { float:left; width:430px; margin-bottom:1em; }
section.left p{ text-align:left; margin: 0 1em; line-height:1.8em; font-weight:100;}
section.left h2 { background: #ffc0d8; margin:15px 0 25px 0; padding:7px 20px 3px 20px; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; color:#333; font-size:1.1em; text-align:left;}

section.left h2:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -20px;
	background: transparent;
	border-color: #ffc0d8 transparent transparent transparent ;
	border-style:solid;
	border-width:10px;
	}

section.right { float:right; width:430px; margin-bottom:1em; }
section.right p{ text-align:left; margin: 0 1em; line-height:1.8em; font-weight:100;}
section.right h2 { background: #ffc0d8; margin:15px 0 25px 0; padding:7px 20px 3px 20px; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; color:#333; font-size:1.1em; text-align:left;}

section.right h2:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -20px;
	background: transparent;
	border-color: #ffc0d8 transparent transparent transparent ;
	border-style:solid;
	border-width:10px;
	}

.info1{
	margin: 0 25px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:10px;
}

.info1 .item { float:right; margin-bottom:1em; background: #FFFFFF;border-radius: 10px;}
.info1 .item p{ text-align:left; margin: 0 1em 1em; line-height:1.8em; font-weight:100;}
.info1 .item h2 { background: #ffc0d8; margin:15px 0 25px 0; padding:7px 20px 3px 20px; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; color:#333; font-size:1.1em; text-align:left;}

.info1 .item h2:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -20px;
	background: transparent;
	border-color: #ffc0d8 transparent transparent transparent ;
	border-style:solid;
	border-width:10px;
	}

.info2{
	margin: 0 25px;
}


/*********************************************************************************/
/* Clearfix                                                                      */
/*********************************************************************************/
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; } /*for modern browser*/
.clearfix { zoom:1; } /*for IE 5.5-7*/


/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

.image
{
	display: inline-block;
}

.image img
{
	display: block;
	width: 100%;
}

.image-full
{
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
}

.image-left
{
	float: left;
	margin: 0 2em 2em 0;
}

.image-centered
{
	display: block;
	margin: 0 0 2em 0;
}

.image-centered img
{
	margin: 0 auto;
	width: auto;
}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

ul.style1
{
	margin: 0;
	padding: 0em 0em 0em 0em;
	overflow: hidden;
	list-style: none;
	color: #373c38;
}

ul.style1 li
{
	overflow: hidden;
	display: block;
	padding: 2.80em 0em;
	border-top: 1px solid #D1CFCE;
}

ul.style1 li:first-child
{
	padding-top: 0;
	border-top: none;
}

ul.style1 .image-left
{
	margin-bottom: 0;
}

ul.style1 h3
{
	padding: 1.2em 0em 1em 0em;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;
	color: #454445;
}

ul.style1 a
{
	text-decoration: none;
	color: #525252;
}

ul.style1 a:hover
{
	text-decoration: underline;
	color: #525252;
}

ul.style2
{
	margin-top: 2em;
	padding-top: 1em;
	list-style: none;
}

ul.style2 li
{
	border-top: solid 1px #683bb8;
	padding: 0.80em 0 0.80em 0;
	font-family: 0.80em;
}

ul.style2 li:before
{
	display: inline-block;
	padding: 4px;
	background: #DB3256;
}

ul.style2 a
{
	display: inline-block;
	margin-left: 1em;
}

ul.style2 li:first-child
{
	border-top: 0;
	padding-top: 0;
}

ul.style2 .icon
{
	font-size: 1.3em;
	line-height: 2em;
}

ul.style2 p{
	text-align: left;
}

ul.style2 .txt{
	float: left;
	margin-right: 2em;
	margin-bottom: 1em;
}

ul.style2 .txt img{
	float: left;
	border:1px solid #91989F;
	margin-right: 2em;
	margin-bottom: 1em;	
}

ul.style2 .clear{
	clear : left;
}


/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title
{
	text-align:center;
	padding-bottom:0.2em;
	/*transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);*/
}

.title h2
{
	color:#000;
	padding-bottom:0.2em;
}

.title .byline
{
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.3em;
}

	.title_top
{
	text-align:center;
	padding-bottom:0.2em;
	line-height: 2.8em;
	/*transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);*/
}

.title_top h1
{
	color:#000;
	padding-bottom:0.2em;
}

.wide
{
	font-size: 130%;
}


/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header-wrapper
	{
		overflow: hidden;
		padding: 0 0 1em;
		background: ;
	}

	#header
	{
	}

#triangle-up {
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	border-bottom: 30px solid #000;
}



/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		text-align: center;
	}
	
	#logo h1{
	width: 100%;
	}

	#logo h2
	{
		color:#FFF;
		margin: 1em auto;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.5em;
	}
	
	#logo a
	{
		text-decoration: none;
		color: #FFF;
	}
	
	#logo span
	{
		letter-spacing: 0.10em;
		text-transform: uppercase;
		font-size: 1.5em;
		color: #FFF/*rgba(255,255,255,0.5)*/;
		font-weight: bold;
	}

	#logo span a
	{
		color: rgba(255,255,255,0.8);
	}
	
	#logo .icon
	{
		font-size: 4em;
		color: rgba(255,255,255,1);
	}



	
	

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu-wrapper
	{
		background: transparent;
	}

	#menu
	{
		margin: 0px auto;
	}
	
	#menu ul{
		text-align: center;
		width: 100%;
		max-width: 980px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin: auto;
	}
	
	#menu li
	{
		display: inline-block;
		background:url(../images/navi.gif);
		height:44px;
		border:#B9E5ED 1px solid;
		margin-bottom: 10px;
	}
	
	#menu li a, #menu li span
	{
		display: inline-block;
		margin-left: 0.5em;
		padding: 0.5em;
		letter-spacing: 0.1em;
		text-decoration: none;
		font-weight: 800;
		text-transform: uppercase;
		outline: 0;
		color: #666;
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
		color:#999;
	}
	
	#menu .current_page_item a
	{
		color: #211E55;
		height:44px;
	}


/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

#wrapper
{
	background: url(../images/body_bg.png) repeat;
}

#page
{
	overflow: hidden;
	padding: 6em 0em;
	border-bottom: 2px solid #E3E3E3;
	text-align: center;
}

#page .button
{
	margin-top: 2em;
}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

#content
{
	padding: 0em 7em;
}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

#sidebar
{
	float: right;
	width: 400px;
}

#stwo-col
{
	margin-top: 2em;
}

#stwo-col h2
{
	display: block;
	padding-bottom: 1.5em;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;
	color: #454445;
}

#stwo-col .sbox1
{
	float: left;
	width: 210px;
}

#stwo-col .sbox2
{
	float: right;
	width: 210px;
}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

#copyright
{
	overflow: hidden;
	padding: 2em 0em;
	background: #F9F3E2;
}

#copyright p
{
	letter-spacing: 0.20em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.7em;
	color: #333;
}

#copyright a
{
	text-decoration: none;
	color: rgba(255,255,255,0.6);
}


/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

#featured-wrapper
{
	overflow: hidden;
	/*padding: 1.7em 0;*/
	text-align: center;
}


/*********************************************************************************/
/*      wrapper                                                                   */
/*********************************************************************************/

#-wrapper
{
	overflow: hidden;
	padding: 7em 0em;
	color: rgba(255,255,255,0.5);
}


# .title h2
{
	font-size: 2em;
	font-weight: 300;
	color: #FFF;
}

# .title .byline
{
	display: block;
	padding-top: 1em;
	text-transform: uppercase;
	font-size: 1.3em;
	color: rgba(255,255,255,0.5);
}

# .column1,
# .column2
{
	width: 560px;
}

# .column1
{
	float: left;
}

# .column2
{
	float: right;
}

# .button
{
	margin-top: 2em;
}

.extra2
{
}

.extra2 .icon
{
	font-size: 0.8em;
}

.margin-btm
{
	overflow: hidden;
	margin-bottom: 5em;
	padding-bottom: 5em;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.extra2 .button
{
	margin-top: 2em;
}

.extra2 .title h2
{
	font-size: 2.4em;
	font-weight:bold;
}

.extra2 .title .byline
{
	padding: 0.5em 0;
	font-size: 1.3em;
}

.extra2 .ebox1,
.extra2 .ebox2
{
	padding: 0 1em 1em 1em;
}

.extra2  .ebox1
{
}

.extra2  .ebox1 h3
{
	background-image:
	/* linear-gradient()関数の引数の一番前に「-45deg」と指定 */
	linear-gradient(-45deg, #f8ff60 50%, #e8f200 50%, #f8ff60)
	;
	background-image:
	/* linear-gradient()関数の引数の一番前に「-45deg」と指定 */
	-moz-linear-gradient(-45deg, #f8ff60 50%, #e8f200 50%, #f8ff60)
	;
	background-image:
	/* linear-gradient()関数の引数の一番前に「-45deg」と指定 */
	-webkit-linear-gradient(-45deg, #f8ff60 50%, #e8f200 50%, #f8ff60)
	;
	padding: 2em 2em ;
	margin-bottom:1.5em;
	line-height: 2em;
	font-size: 20px 2.0rem;
	font-weight: 800;
}

.extra2  .ebox1 p
{
	text-align: center;
	margin: 1.5em 0;
}

.extra2 .ebox2
{
	margin-top: 2em;
}



/*********************************************************************************/
/*   pickup   */
/*********************************************************************************/
.grid01{ display: grid;grid-template-columns: 1fr 1fr 1fr;gap:10px;}
.grid01 .item{line-height: 1;}

/*********************************************************************************/
/*   list   */
/*********************************************************************************/
#list{ background:#FFF; margin-top:1em; padding:1em 0; line-height:1.35em; font-weight:100; border-top:#eae9e2 1px solid; font-size:0.8em; }

/*********************************************************************************/
/*   kosodate   */
/*********************************************************************************/
#kosodate{ 
	margin:0 ; padding:1.7em 0.5em; font-weight:100; line-height:1.5em; clear:both;}
#kosodate h1{ font-size:24px; text-align: left; color: #ff76ca; }
#kosodate p { text-align:left; margin: 0.5em 0; }
#kosodate h2 { background: #ffc0d8; margin:15px 0 25px 0; padding:7px 20px 3px 20px; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; color:#333; text-align:left; font-size:1.1em}

#kosodate h2:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -20px;
	background: transparent;
	border-color: #ffc0d8 transparent transparent transparent ;
	border-style:solid;
	border-width:10px;
	}

#kosodate #left { float:left; display:inline; width:620px; margin-right:20px;margin-bottom: 2em;background-color: #fff;border-radius: 10px; }
#kosodate #right { float:left; display:inline; width:300px; margin-bottom:30px; }
#kosodate #right{ padding-top:15px;}
#kosodate #right p img{ padding:5px; margin-bottom:5px; border: 1px solid #999; background: #FFF; }
#kosodate #right p img.none{ padding:0px; margin-bottom:3px; border:none; }

#kosodate #left p{ margin:5px 20px; text-align:left; }

#kosodate #left section article{ float:left; display:inline; width:250px;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position:relative;
	padding:8px;
	border:dotted 1px #CCC;
}

#kosodate #left ul{ margin:0 20px 25px; }
#kosodate #left ul li{ line-height:1.6; list-style-type: circle; text-align:left; margin-left:20px; }
#kosodate #left ul.pick{ margin-left:20px; list-style: none; border:dotted 1px #CCCCCC; padding:1em; background-color:#fff; margin:5px 0;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	position:relative;display: flex;justify-content: space-between;
}
#kosodate #left ul.pick li{list-style: none;}

#kosodate #left ul#event{ margin-left:0px; }
#kosodate #left ul#event li{ margin-left:0px; line-height:1.4; margin-bottom:10px; list-style:none; background-color:#fff;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:dotted 1px #CCC; padding:10px;
	position:relative;
}

#event span{ font-size:90%;}

.contents_2day{ font-weight: bold; color: #97ca09; border-bottom:none; text-align:left; margin-left:15px;}
.contents_sat{ font-weight: bold; color: #42d2ff; border-bottom:none; text-align:left; margin-left:15px;}
.contents_sun{ font-weight: bold; color: #f99c9c; border-bottom:none; text-align:left; margin-left:15px;t}

#kosodate #left ul li strong{ color:#05B9F9; font-weight: bold; }
#kosodate #left table{ margin-left:15px; margin-bottom:30px; margin-right:15px; text-align:left;}
#kosodate #left table td{ padding:7px; vertical-align:text-top; border-bottom:1px dotted #999;}
#kosodate #left table td.sat{ font-weight: bold; color: #42d2ff; border-bottom:none;}
#kosodate #left table td.sun{ font-weight: bold; color: #f99c9c; border-bottom:none;}
#kosodate #left table strong{ color:#05B9F9; font-weight: bold; }

#kosodate .grid02{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap:10px;}
#kosodate ul.sub{ background-color:#FFFFFF; border: 1px solid #CCC; padding:5px 10px; margin-right: 7px; font-size:12px;margin-bottom:5px; text-align:left;
	position:relative;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	}
	
#kosodate ul.sub li{  }
#kosodate ul.sub li.logo{text-align:center;}
#kosodate ul.sub li span{color:#00AAF8;}
#kosodate ul.sub li.name a{ background: url(../images/kigyou/web.gif) no-repeat right center; padding-right: 15px; color:#00AAF8; }
#kosodate ul.sub li.name a:hover{color:#F93;}

/*#kosodate .akita-charactor{ background: url(../images/kosodate/akita-charactor.png) no-repeat right top; }*/

#kosodate .flex01{display: flex;flex-wrap: wrap;justify-content: center;gap:20px;}
#kosodate .flex01 img{width: auto;}
#kosodate .flex01 li{font-weight: bold;}

.logo-box{background-color: #fff;border-radius: 10px;}


/* pc表示---------------------------------------------- */
@media screen and (min-width:680px) {
.pc-none{display: none;}
}

/* SMP表示---------------------------------------------- */
@media screen and (max-width:680px) {

.smp-none{display: none;}
	
iframe {
  height: 165px;
}
	.grid01,{grid-template-columns: 1fr 1fr;}
	
	#kosodate .grid02{grid-template-columns: 1fr 1fr;}
	
	.info1{grid-template-columns: 1fr;}
	
	#kosodate #left{width: 98%;margin: auto;}
}