@charset "utf-8";
/* CSS Document */
body{
	/*width: calc(100% - 50px);		 ボディの幅の設定 */
	/*max-width: 990px;				/* ボディ幅の最大の設定 */
	/*min-width: 320px;				/* ボディ幅の最小の設定 */
	width: 100%;
	margin: auto;					/* 中央寄せ */
	background-color:#FFFFFF;	/* ボディのバックグラウンドカラーの設定 */
	text-align: justify;			/* 文字間の設定*/
	font-size: 10px;
	font-family: sans-serif;
}
.header{
	/*width: calc(100% - 50px);
	/*max-width: 990px;				 最大幅*/
	/* min-width: 320px;				最小の幅*/	
	width: 100%;
	top: 0px;						/* 上の余白*/
	margin: auto;					/* 背景色*/
	background-image:url("imgs/backbround-img1 .png");
	/*border:solid 1px #000;*/			/* ボーダーライン*/
}
#project_logo{
	width: 95%;
	max-width: 980px;
	min-width: 300px;
	margin: auto;
}
.main{
	width: 100%;					/* ヘッダーの高さと同じ*/
	/*height: ;*/
	/* margin-top: 20px;*/
	/*background-color:#EBDAC1;*/
}

/*ポインターの表示始まり*/
a{
	cursor: pointer;
	color: #808000;
	font-weight: bold;
/*
	color: white;
	background-color: #808000;
*/
}



/*ポインターの表示終わり*/


/* メニューはじまり*/
/*全体*/
.hidden_box {
	margin-top: 10px;
	margin-right: 10px;
    padding: 0;
	position: fixed;
	top: 20px;
	right:0px;
	width: auto;
	color: black;
}
.hidden_box a{
	color: black;
}
/*ボタン装飾*/
.hidden_box label {
    padding: 10px;
    font-weight:bolder;
    background-color:#F9F9F9; 
    border-radius: 5px;
    cursor :pointer;
    transition: .5s;
	position: fixed;
	right: 10px;
	font-size: 1rem;
}
/*アイコンを表示
.hidden_box label:before {
    display: inline-block;
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 5px;
    transition: 0.2s;
}*/
/*ボタンホバー時*/
.hidden_box label:hover {
    background-image: url("imgs/backbround-img1 .png")
}
/*アイコンを切り替え
.hidden_box input:checked ~ label:before {
     content: '\f00d';
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #668ad8;
}*/
/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 5px 0;
    opacity: 1;
	background-color:#F9F9F9;
	margin-top: 50px;
	height: auto;
	border-radius: 5px;
}
#menu_list li{
	margin: 8px auto;
}
#menu_list li:hover{
	background-color: #BAB9B9;
	transition: .5s;
	border-radius: 5px;
}
#menu_list{
	list-style: none;
	text-align: right;
	white-space: nowrap;
	padding-right: 10px;
	margin: 10px;
	font-size: 0.8rem;
}

/* メニュー終わり*/
/*キービジュアルの始まり*/
.section_1  {
	padding: 5px 10px 0 10px ;
	background-image:url("imgs/backbround-img1 .png");
}
/*キービジュアルの終わり*/
/*お知らせ始まり*/
.section_2{
	/*background: #E8DABB;*/
	background-image:url("imgs/backbround-img1 .png");
	width: 100%;
	padding: 10px 0 ;
}
/*お知らせ終わり*/
.section_3{
	/*padding: 15px 15px 60px 15px ;*/
	/*padding: 35px 0px 10px 30px ;*/
	display: flex;
	justify-content: center;
	background-image:url("imgs/backbround-img1 .png");
	flex-wrap: wrap;
}

.section_31{
	padding: 40px 0px ;
	display: flex;
	justify-content: center;
	background-image:url("imgs/backbround-img1 .png");
	flex-wrap: wrap;
	width: 100%;
}

.section_4{
		/*padding: 20px 35px 60px 45px ;
		min-width: 320px;
		max-width: 980px;*/
		margin: auto;
		background-image: url("imgs/backbround-img2.jpg");
		/*background-color: #E8DABB;*/
}

.section_5{
		background-color:#FFEB6F;
		padding-bottom: 10px;
		/*margin: auto;*/
		/*padding: 20px 35px 60px 45px ;
		min-width: 320px;
		max-width: 980px;*/
}
.section_6{
		background-color: #D3D3D3;
		margin: auto;
		/*background-color: #FFF000;
		height: 500px;
		padding: 20px 0 60px 45px ;
		min-width: 200px;
		max-width: 980px;
		margin: auto;*/
}
.explanation{
	margin: 0.5px 0 ;
	border-top: dashed #5E5E5E;
	/*background-color: #FFBEEF;*/
	border-bottom: dashed #5E5E5E;
}
.section_7{
		/*background-color: #FFF000;*/
		background-color: #D3D3D3;
		/*min-width: 320px;
		max-width: 980px;*/
		margin: auto;
}
/*セクションの追加
.section_#{
		background-color: #FFF000;
		height: 500px;
}
*/
.title{
		font-size: 1.2rem;
		margin: auto;
		padding: 40px 0px 10px 0px ;
		min-width: 280px;
		max-width: 980px;
		letter-spacing: 0.5px;
		width: 80%;
}

.title:before{
		content:url("imgs/yoitakun-02.png");
		margin-right:10px;
		position:relative;
		top:13px;
}

.subtitle{
		font-size: 1.0rem;
		margin: auto;
		padding: 10px 0px 10px 0px ;
		min-width: 280px;
		max-width: 980px;
		letter-spacing: 0.5px;
		width: 80%;
}

.article{
		font-size: 0.9rem;
		padding: 5px 0 10px 0px ;
		width: 67%;
		min-width: 230px;
		max-width: 980px;
		margin: auto;
		letter-spacing: 1.5px;
		font-weight:normal;
		line-height: 1.55rem; /*行間の調整*/
		word-break: normal;
}

.article_right{
		font-size: 0.9rem;
		padding: 5px 0 10px 0px ;
		width: 67%;
		min-width: 230px;
		max-width: 980px;
		margin: auto;
		letter-spacing: 1.5px;
		font-weight:normal;
		line-height: 1.55rem; /*行間の調整*/
		word-break: normal;
		text-align: right;
}

.yoitakun_img{
		width: 30%;
		min-width: 100px;
		cursor: pointer;
}


.article_list{
		font-size: 0.9rem;
		padding: 5px -20px 10px 0px ;
		width: 70%;
		min-width: 200px;
		max-width: 980px;
		margin: auto;
		letter-spacing: 1.5px;
		font-weight:normal;
		line-height: 1.55rem; /*行間の調整*/
		word-break: normal;
}

/*headerのところはじまり*/
#project_logo img{
	width: 60%;
	max-width: 500px;
	min-width: 100px;
	margin-top: 20px;
	margin-left: 20px;
}
/*headerのところおわり*/

/*メインビジュアル始まり*/
.main_visual img{
	display:block;				/*画像のデータ形式*/
	width: 95%;					/*横幅の指定*/
	margin: auto;				/*スタイル*/
	max-width: 980px ;
	min-width: 300px;
}
/*メインビジュアル終わり*/
/*お知らせ始まり*/

.scroll-list{
		margin: auto;
		width: 80%;
		min-width: 280px;
		max-width: 980px;
		/*background-color:#E6EBC7;*/
		padding-left: 0px;
}
.scroll-item{
	max-height: 200px;
	/*overflow: auto;*/
	list-style-type: none;
	padding: 10px 0px;
	border-bottom: 0.7px #000000 dashed;
}
/*
.scroll-list .scroll-item a {
	display: block;
	margin: 5px 5px;
	font-size: 0;
	transition: background-color 0.1s;
}
*/

.scroll-list .scroll-item a:hover{
	background-color:#DADADA;
}
.scroll-list .date{
	display: inline-block;
	width: 10%;
	font-size: 0.8rem;
	font-weight:100;
	letter-spacing: 0.2px;
	vertical-align: top;
}
.scroll-list .category{
	display: inline-block;
	width: 10%;
	font-size: 0.8rem;
	border-radius: 5px;
	text-align: center;
	/*line-height: 16px;*/
	background-color: #FF8B8D;
	vertical-align: top;
}
.scroll-list .news{
	display: inline-block;
	width: 70%;
	padding-left: 15px;
	font-size: 0.8rem;
	/*overflow: scroll;*/
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2rem;
}

#kako{
	min-width:0px;
}


/*お知らせ終わり*/
/*作品紹介とキャプション始まり*/	 


/*#kawaii_map{
	display: block;
	width: 80%;
	max-width: 360px;
	margin: auto;
	border:solid 1px #67401C;
	border-radius: 18px;
	background-color: #FFFFFF;
}*/


.section_3 div{
	margin-top: 20px;
	max-width: 490px;
	min-width: 275px;
	width: 50%;
	/*height: 500px;*/
	/*background-color: blueviolet ;*/
}
.section_3 div a {
	display: block;
	width: 80%;
	height: 0;
	max-width: 360px;
	max-height: 360px;
	margin: auto;
	padding-bottom: 70%;
	border:solid 1px #67401C;
	border-radius: 18px;
	text-indent: 20px;
	color: black;
	font-size: 0.75rem;
}


.ayasii_map a {
	background: url("imgs/ayashii_map.jpg") no-repeat;
	background-size: cover;
}

.ayasii_map a:hover {
	background-image: url("imgs/ayashii_closeup.jpg");
	background-size: cover;
}


.kawaii_map a {
	background: url("imgs/kawaii_map.jpg") no-repeat;
	background-size: cover;
}

.kawaii_map a:hover {
	background-image: url("imgs/kawaii_closeup.jpg");
}


.kieru a {
	background: url("imgs/kieru.jpg") no-repeat;
	background-size: cover;
}

.soracamera a {
	background: url("imgs/soracamera.jpg") no-repeat;
	background-size: cover;
}

.radio a {
	background: url("imgs/radiwalk.jpg") no-repeat;
	background-size: cover;
}

.caption{
	font-size: 0.83rem;
	color:#000000;
	text-align: center;
	font-weight: bolder;
	/*font-family ;*/
}
.description{
	width: 65%;
	margin: auto;
	display: block;
	font-size: 0.75rem;
	font-weight: lighter;
	line-height: 1.2rem; /*行間の調整*/
	/*font-family: ;*/
}
/*作品紹介とキャプション終わり*/

/*プロセス紹介はじめ*/
.p_sign{
	width: 10%;
	display: block;
	margin: auto;
}

.contena{
	border:solid 1px #67401C;
	border-radius: 10px;
	width: 60%;
	margin: 20px auto;
	background-color: #F9F9F9;
	max-width: 600px;
	min-width: 240px;
	display:block;				/*画像のデータ形式*/				
}

.p_picture{
		display: block;
		/*padding: 20px 35px 60px 45px ;*/
		width: 100%;
		/*max-width: 980px;*/
		margin: auto;
		/*border:solid 5px #67401C;*/
		border-radius: 9px 9px 0 0 ;
}

.prosess_caption{
	border-top: solid 1px #67401C; 
	font-size: 0.9rem;
	padding: 7px 0 0 0 ;
	/*display: block;*/
	text-align: center;
}
.p_title{
	margin: 0;
}
.contena time{
	font-size: 0.6rem;
}
/*ポップアップコンテンツ始まり*/
/*popup表示させたいコンテンツ位置はじまり*/
.popup{
	width: 80%;
	height: 85%;
	max-width: 950px;
	/*min-width: 800px;*/
	background-color:#FAFAFA; 
	border: 0.7px solid  #9A9A9A;
	/*padding:0 4%;*/
	box-sizing:border-box;
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto;
	overflow-y: scroll;/*はみ出た場合の処理*/
}


/*popup表示させたいコンテンツ位置終わり*/
/*ポップアップのデザインはじまり*/
/*.popup img{
	width: 50%;
}*/
.p_subtitle{
		font-size: 1.2rem;
		padding: 20px 0 10px 0px ;
		width: 80%;
		min-width: 230px;
		max-width: 980px;
		margin: auto;
		letter-spacing: 1.5px;
		line-height: 1.55rem; /*行間の調整*/
		word-break: normal;
		font-weight:bolder;
}
.p_article{
		font-size: 0.9rem;
		padding: 5px 0 10px 0px ;
		width: 70%;
		min-width: 200px;
		max-width: 980px;
		margin: auto;
		letter-spacing: 1.5px;
		font-weight:normal;
		line-height: 1.55rem; /*行間の調整*/
		word-break: normal;
}


/*ポップアップコンテンツ始まり*/
/*ボタンの装飾始まり*/
input[type="checkbox"]{
  	display:none;
	width: 0;
	height: 0;
}
/*checkboxがcheckの状態になったらpopupを表示させる*/
input[type="checkbox"]:checked + .popup{
  display:block;
}
.contena{
	cursor: pointer;
}
/*ボタンの装飾終わり*/
/*プロセス紹介終わり*/


#contact{
	font-size: 1.1rem;
	margin: auto;
	padding: 20px 0px 10px 0px ;
	min-width: 280px;
	max-width: 980px;
	letter-spacing: 0.5px;
	width: 80%;
}
#address{
	letter-spacing: 0px;
	width: 67%;
	min-width: 230px;
	margin: auto;
	font-size: 0.75rem;
	padding: 7px 0 30px 0px ;
	font-weight:normal;
	max-width: 980px;
	line-height: 0.7rem; /*行間の調整*/
	word-break: keep-all;
}

/*下の方*/

.hanbai{
	display: inline-block;
	padding: 0px 3px;
	margin: 1px 1px;
	font-size: 0.8rem;
	border-radius: 5px;
	text-align: center;
	background-color: #ffb6c1;
	vertical-align: top;
}

.haifu{
	display: inline-block;
	padding: 0px 3px;
	margin: 1px 1px;
	font-size: 0.8rem;
	border-radius: 5px;
	text-align: center;
	background-color: #87cefa;
	vertical-align: top;
}