@charset "utf-8";
/* CSS Document */

html{
	font-size:100%; /*=16px*/  
	color:#333333;
}

body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	position: relative;
	overflow-x: hidden;
	line-height:1.7;
}

header {background-color: #203c63;
	   position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
	width: 100%;
	 z-index: 999;
  box-sizing: border-box;
	height: 65px;
}

header p {
font-weight: bold;
color: #fff;
padding: 20px;
 position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 10px; /* 上下の固定位置を上から0pxにする */
    right: 45px; /* 左右の固定位置を左から0pxにする */}

header p a {color: #fff;
text-decoration: none;}

header div.apply {color: #FFFFFF;
	   position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 10px; /* 上下の固定位置を上から0pxにする */
    left: 45px; /* 左右の固定位置を左から0pxにする */}

/*ばんば踊りヘッダー*/
.yukata header {background-color: #292959;
	 
}


#contents{margin-top: 100px;
    background-color: #fff;
}

#wrapper{
	width:100%;
	overflow: hidden;
/* background:url(../images/language_bg.jpg) 0 0 ; */
	background-size:100%;
  line-break: strict;
	min-height: 1400px;
}


.yukata{
 background:url("../images/banba_bg.jpg") 0 5% !important;
/*    background-color: #292959!important;*/
   background-size:53%!important;
}

.cooking{
 background:url("../images/cooking_bg.jpg") 0 0 !important;
/*    background-color: #292959!important;*/

}

.volunteer{
background-image: none!important;

}

.top{
background-image: none!important;

}
.map{
background-image: none!important;

}



.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
	margin-left: 5px;
    margin-bottom: 20px;
    margin-top: 3px;
}
.breadcrumb a{
	color: #0645ad;
	text-decoration: none;
}
.breadcrumb a:hover{
	text-decoration: underline;
}
.breadcrumb a:visited{
	color: #0645ad;
}

.breadcrumb li:not(:last-of-type)::after {
 font-family: "Font Awesome 5 Free";
  content: "\f105";/*アイコンのユニコード*/
	  font-weight: 900;
  margin: 0 .6em; /* 記号の左右の余白 */
  color: #777; /* 記号の色 */
}

article{width: 75%;
margin: 0 auto;
background-color: #FFF;}

article a{
	text-decoration: none;

}

#lifestyle{
    margin-top: 100px!important;
background-color: rgba(255,255,255,1);}


/*section p, ul, dl, table{margin: 0 1.0em;}*/

h1 {font-size:3.2rem;
	font-weight: bold;
/*	margin-top: 10px;*/
	margin-bottom: 30px;
	color: #013a63;
	text-align: center;
	line-height: 1.2;

}

h1 span {font-size: 0.4em;}

h2 {
	font-size:1.4rem;
font-weight: bold;
margin-top: 30px;
margin-bottom: 10px;}

h2 span {font-size: 0.8em;
font-weight: normal;}
h3 {
	font-size:1.2rem;
font-weight: bold;
}


.tsmall{font-size: 0.8em;}

/*clearfix*/

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

.mgnT15{margin-top: 15px;}
.mgnB15{margin-bottom: 15px;}

footer{margin-top: 60px;
border-top: 1px solid #ccc;}


footer div {display: flex;
width: 100%;
    margin-top: 30px;
}

p.footerTitle {font-weight: bold;
margin-left: 60px;
}


footer ul {display: flex;
margin: 0 auto 30px auto;}

footer ul li{
border-right: 1px solid #000000;
padding: 0 15px;
font-size: 0.8em;}
footer ul li:last-child{border: none;}

footer a {color: #333;text-decoration: none;}

footer a:hover {text-decoration: underline;}


.copy {text-align: center;
    font-size: 0.8em;
}

/*スマホ対応*/
@media screen and (max-width: 480px){

	
	header {
	height: 70px;
}
	header p {
    line-height: 1.2;
    top: 0!important; 
    right: 0!important; }

	
article{width: 90%;
}
	section {padding: 15px;
  }

h1 {font-size:1.8rem;


}
    
    footer div {display: block;
}

    footer ul{display: block;}
    
	
}