@charset "UTF-8";
.wrap{overflow:hidden;}
/* メイン */
main{display:block;padding-top:200px;}

/* タイトル */
#change{width:100%;height:60vh;margin-bottom:60px;position:relative;}
.background{width:80%;height:100%;background-color:#4673A6;}
.background h1{color:#fff;width:fit-content;height:fit-content;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-ms-writing-mode:tb-rl;writing-mode:vertical-rl;}
.dash1{letter-spacing:-0.2em;}
.dash2{letter-spacing:-0.2em;margin-right:1em;}
.dash3{letter-spacing:-0.2em;padding-bottom:20px;}

/* 変わる */
#how-cha{width:60%;margin:0 auto;margin-bottom:80px;}
.list{height:100%;border-bottom:1px dashed #707070;padding:40px 0;}
.list h2{color:#4673A6;line-height:normal;margin:10px auto;letter-spacing:0.5em;}
.list p{line-height:3em;}
.fc{color:#6F6F6F;}
.flex{display:flex;}
.grid{display:grid;align-items:center;padding-bottom:10px;}
.ac-index{display:inline-block;font-size:16px;color:#4673A6;font-weight:bold;padding:20px 0 10px;}
.osaka{margin-right:20px;padding:0;}
.small{font-size:16px;display:block;width:fit-content;}

/* 観光情報 */
#information{width:60%;margin:10px auto 100px;}
.info-title{width:100%;margin-bottom:60px;}
.info-title h2{padding:40px 0;letter-spacing:0.4em;padding-left:0.4em;}
.info-grid{width:100%;height:auto;display:flex;justify-content:space-between;}
.info-grid a{width:50%;height:auto;padding:10px;margin:10px;}
img{width:100%;height:auto;}
.photo-bottom{width:80%;margin:5px auto;display:flex;justify-content:space-between;align-items:center;}
.photo-bottom h4{font-weight:normal;}
.photo-bottom p{margin:10px;}
.arrow{font-size:0.8em;letter-spacing:0.2em;padding-left:0.2em;color: #4673A6;}

/* レスポンシブ非表示 */
#res-information{display:none;}


/* YouTube */
#youtube{height:100%;width:60%;margin:10px auto 100px;}
.youtube-title{width:100%;}
.youtube-title h2{padding:40px 0 20px;letter-spacing:0.4em;padding-left:0.4em;}
.none{display:none;}
.yt-bl p{color:#4673A6;margin-left:30px;}
.yt-bl{margin:60px auto;display:flex;justify-content:space-between;align-items:center;}
.yt-list{font-size:18px!important;letter-spacing:0.4em;}

/* レスポンシブYouTube非表示 */
#responsive{display:none;}



/* タブレットサイズ */
@media screen and (max-width:1024px) {
  main{padding-top:90px;}
  #change{margin-bottom:20px;}

  #how-cha{width:90%;margin-bottom:20px;}
  .small{font-size:13px;}
  .osaka{margin-right:0px;margin-bottom:30px;}


  #information{width:90%;margin:0 auto;}
  .info-title{width:100%;margin-top:60px;margin-bottom:40px;}
  .information{align-items:baseline;margin-bottom:60px;}
  .flex{display:grid;}
  .info-grid{display:none;}

  /* レスポンシブ表示 */
  #res-information{display:inline;}
	.res-list{width:100%;height:auto;padding:20px 0 40px;}
	.res-list img{width:100%;height:auto;padding:60px;padding-bottom:0px;}
  .res-list + .res-list{padding-top:30px;}
	.photo-bottom{width:80%;}
	h4{font-size:16px;color:#4673A6;letter-spacing:0.5em;padding-left:0.5em;}


  /* YouTube非表示 */
  #youtube{display:none;}
  #responsive{display:inherit;width:90%;margin:0 auto;text-align:center;padding:0 10px 100px;}
	#responsive h2{font-size:20px;letter-spacing:0.4em;padding-left:0.4em;font-weight:normal;font-weight:bold;}
	.height{display:block;line-height:1.5em;padding-top:8px;}
	.res-index{font-size:18px;color:#4673A6;font-weight:bold;padding:20px 0 10px;letter-spacing:0.5em;text-indent:0.5em;}
}


/* スマートフォンサイズ */
@media screen and (max-width:559px) {
  #change{margin-bottom:0px;}
  .list{padding:40px 10px;}
	.flex{display:grid;}
	.res-list{padding:0;}
  iframe{width:fit-content;}
}