@charset "utf-8";




h2 {
	margin: 0px;
	padding: 0px;
	text-align: left;
}


#main {
	float: center;	/*右側に回り込み*/
	width: 100%;	/*メインコンテンツ幅*/
	padding-bottom: 300px;
}
/*mainコンテンツのh2タグの設定*/
#main h2 {
	width: 100%;
	background-color: #ffffff;	/*背景色*/
	-webkit-box-shadow: none;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色(50%の黒)の設定。*/
	box-shadow: none;			/*同上*/
	font-size: 100%;
	color: #666;		/*文字色*/
	clear: both;
	border-bottom: 5px solid #fff;	/*下線の幅、線種、色*/
	padding: 50px 200px;
}











/*===モーダル表示のためのcss　*/

.hide-area{/*モーダル表示をする場所をあらかじめ隠す*/
  display: none;
}

.modaal-fullscreen .modaal-content-container{/*full画面の色設定*/
  background: #333;
  color: #fff;
  text-align: center;
}

.modaal-fullscreen .modaal-close{/*ボタンの色、位置*/
  background:none;
  right:20px;
}

/*クローズボタンの×の色変更*/
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#666;
}

/*キャプション*/
.caption{
    display: block;
    padding: 10px 0;
}

/*===　サムネイル表示のためのcss　*/

.gallery{/*ベースになるギャラリーを横並びに*/
  display: flex;
    justify-content: space-between;
}

.gallery li{
  width:33.333%;
    padding: 0 0px;
}

/*画像の横幅を100%にしてレスポンシブ化*/
img{
  max-width:100%;
  height:auto;
  vertical-align: bottom;/*画像の下にできる余白を削除*/
}

/*========= レイアウトのためのCSS ===============*/

ul{
  margin:0;
  padding: 0;
  list-style: none;
}

a{
  color: #333;
}

a:hover,
a:active{
  text-decoration: none;
}

h1{
  text-align: center;
  font-size:6vw;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin:30px 0;
}

p{
  margin:0 10px 10px 10px;
  word-wrap : break-word;
}


@media screen and (max-width:768px){
h2 {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size:24px;
}


#main {
	float: center;	/*右側に回り込み*/
	width: 100%;	/*メインコンテンツ幅*/
	padding-bottom: 0px;
		font-size:24px;
}
/*mainコンテンツのh2タグの設定*/
#main h2 {

	width: 100%;
	background-color: #ffffff;	/*背景色*/
	-webkit-box-shadow: none;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色(50%の黒)の設定。*/
	box-shadow: none;			/*同上*/
	font-size: 80%;
	color: #666;		/*文字色*/
	clear: both;
	border-bottom: 5px solid #fff;	/*下線の幅、線種、色*/
	padding: 0px 0px;
}
