@charset "utf-8";
@charset "utf-8";
/*-----------------------------------------------------	*/
/*	for all	- General Settings　*/
/*-----------------------------------------------------	*/

body {
	background: url(../img/bg.jpg) center top fixed no-repeat;
}
.wrap_all ul {
	padding-left: 0px;
}
.wrap_all {
	font-family: "segoe UI", Roboto, "Droid Sans", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴPro W3", Meiryo, "メイリオ", sans-serif;
	width: 100%;
	font-size: 1.0rem;
　　letter-spacing: 0.01em;
	line-height: 1.8;
    color: #333;
	word-break: break-word;
	text-align: center;
	margin-bottom: -121px;
}

.wrap_all a {
	color: #0707fb;
	text-decoration: none;
	display: inline-block;
    transition: 0.5s;
}

.wrap_all a:hover {
	color: #076efb;
}

.wrap_all .mb10 {
	margin-bottom: 10px;
}
.wrap_all .mb20 {
	margin-bottom: 20px;
}
.wrap_all .mb30 {
	margin-bottom: 30px;
}
.wrap_all .mb50 {
	margin-bottom: 50px;
}

.wrap_all .sp_only {
	display: none;
}

.wrap_all .none {
	display: none;
}

.wrap_all .right {
	text-align: right;
}

.wrap_all .img100 img {
	width: 100%;
}

.wrap_all img {
	vertical-align: bottom;
}

.wrap_all .over {
    transition: 0.5s;
}

.wrap_all .over:hover {
	opacity: 0.8;
}

.wrap_all .red {
	color: #b50000;
}

.wrap_all ul.basic li {
	list-style: disc;
	margin-left: 25px;
}

.wrap_all ul.aten li {
	text-indent: -0.875rem;
	padding-left: 0.875rem;
	text-align: left;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.end {
	text-decoration: line-through;
}

.wrap_all img {
	vertical-align: bottom;
}

.wrap_all .cnt {
	text-align: center;
	color: #FFF;
}

/* ------- loading ------- */
#loading{
	text-align: center;
	margin-top: 300px;
	width: auto;
}

#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(../img/bg.jpg) center top fixed no-repeat;
	z-index: 1;
}

#main_contents {
	display: none;
	text-align: center;
}

/* ------- header ------- */

.wrap_all #thumblist {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 0;
}

.wrap_all #thumblist li {
	text-align: left;
	display: inline-block;
	width: 5%;
}

.wrap_all #thumblist li img {
	xdisplay: none;
	width: 100%;
	height: auto;
}
.wrap_all .withsonic {
	font-size: 110%;
	color: #FFF;
	margin-bottom: 10px;
}
.wrap_all .headMain {
	position: relative;
	text-align: center;
	width: 516px;
	margin: 0 auto;
}

.wrap_all h1 {
	animation-name: slideH1;
	transition-duration: 1s;
	-moz-animation-delay: 3s;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	
	background: url(../img/title.png) no-repeat center;
	text-indent: -9999px;
	height: 0;
	padding-top: 32%;
	position: inherit;
}

@keyframes slideH1 {
	0%  {
		opacity: 0;
		top: -200px;
	}	
	100% {
		opacity: 1;
		top: 0;
	}	
}

/* ------- section ------- */

.wrap_all section {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.wrap_all .worldBox {
	position: relative;
	background: url(../img/map_w_new2.png) no-repeat;
	width: 1200px;
	height: 681px;
	margin-bottom: 50px;
	border-bottom: solid 3px #FFF;
}

.wrap_all .worldBox p.pinTxt {
	position: absolute;
	right: 80px;
	top: -50px;
}

.wrap_all .worldBox .thum,
.wrap_all .japanBox .thum,
.wrap_all .tokyoBox .thum {
	display: none;
}

.wrap_all .worldBox .pin,
.wrap_all .japanBox .pin,
.wrap_all .tokyoBox .pin {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.wrap_all .worldBox .pin:hover,
.wrap_all .japanBox .pin:hover,
.wrap_all .tokyoBox .pin:hover {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.wrap_all .worldBox .wPhoto01 { /* アメリカ「ニューヨーク」 */
	position: absolute;
	left: 1030px;
	top: 215px;
}

.wrap_all .worldBox .wPhoto02 { /* アメリカ「フィラデルフィア美術館」 */
	position: absolute;
	left: 1015px;
	top: 225px;
}

.wrap_all .worldBox .wPhoto03 { /* アメリカ「ヨセミテ国立公園（カリフォルニア）」 */
	position: absolute;
	left: 900px;
	top: 260px;
}

.wrap_all .worldBox .wPhoto04 { /* タヒチ「モーレア島」 */
	position: absolute;
	left: 720px;
	top: 440px;
}

.wrap_all .worldBox .wPhoto05 { /* パラオ */
	position: absolute;
	left: 520px;
	top: 360px;
}

.wrap_all .worldBox .wPhoto06 { /* マレーシア「マラッカタワー」 */
	position: absolute;
	left: 395px;
	top: 365px;
}

.wrap_all .worldBox .wPhoto07 { /* 台湾「九份」 */
	position: absolute;
	left: 460px;
	top: 290px;
}

.wrap_all .worldBox .wPhoto08 { /* ベトナム「ハロン湾」 */
	position: absolute;
	left: 415px;
	top: 305px;
}

.wrap_all .worldBox .wPhoto09 { /* ドバイ「ブルジュ・ハリファ」 */
	position: absolute;
	left: 240px;
	top: 295px;
}

.wrap_all .worldBox .wPhoto10 { /* オーストリア「ウィーン国立オペラ座」 */
	position: absolute;
	left: 110px;
	top: 200px;
}

.wrap_all .worldBox .wPhoto11 { /* ボリビア「ウユニ塩湖」 */
	position: absolute;
	left: 1040px;
	top: 450px;
}

.wrap_all .worldBox .wPhoto12 { /* アメリカ「ラスベガス」 */
	position: absolute;
	left: 880px;
	top: 250px;
}

.wrap_all .worldBox .wPhoto13 { /* イギリス japanBox「セガヨーロッパ」 */
	position: absolute;
	left: 55px;
	top: 170px;
}

.wrap_all .worldBox .wPhoto14 { /* ハワイ */
	position: absolute;
	left: 770px;
	top: 330px;
}

.wrap_all .worldBox .wPhoto15 { /* インドネシア「ジャカルタ」 */
	position: absolute;
	left: 420px;
	top: 415px;
}

.wrap_all .worldBox .wPhoto16 { /* シンガポール「マリーナ ベイ サンズ」 */
	position: absolute;
	left: 400px;
	top: 395px;
}

.wrap_all .worldBox .wPhoto17 { /* ドイツ「バンベルク」 */
	position: absolute;
	left: 90px;
	top: 190px;
}

.wrap_all .worldBox .wPhoto18 { /* ロシア「クル・シャーリフ・モスク」 */
	position: absolute;
	left: 220px;
	top: 170px;
}

.wrap_all .worldBox .wPhoto19 { /* ギリシャ「アテネ・アクロポリス神殿」 */
	position: absolute;
	left: 130px;
	top: 240px;
}

.wrap_all .worldBox .wPhoto20 { /* 香港 */
	position: absolute;
	left: 437px;
	top: 295px;
}

.wrap_all .worldBox .wPhoto21 { /* スペイン「サグラダ・ファミリア」 */
	position: absolute;
	left: 70px;
	top: 220px;
}

.wrap_all .worldBox .wPhoto22 { /* イタリア「ローマ」 */
	position: absolute;
	left: 105px;
	top: 230px;
}

.wrap_all .worldBox .wPhoto23 { /* エジプト */
	position: absolute;
	left: 160px;
	top: 280px;
}

.wrap_all .worldBox .wPhoto24 { /* アイスランド「ハットルグリムス教会」 */
	position: absolute;
	left: -10px;
	top: 115px;
}
.wrap_all .worldBox .wPhoto25 { /* オーストラリア「オペラハウス」 */
	position: absolute;
	left: 563px;
	top: 505px;
}
.wrap_all .worldBox .wPhoto26 { /* ウズベキスタン「サマルカンド」 */
	position: absolute;
	left: 290px;
	top: 235px;
}
.wrap_all .worldBox .wPhoto27 { /* フィリピン「セブ島」 */
	position: absolute;
	left: 465px;
	top: 338px;
}
.wrap_all .worldBox .wPhoto28 { /* フランス「ルーブル美術館」 */
	position: absolute;
	left: 69px;
	top: 191px;
}
.wrap_all .worldBox .wPhoto29 { /* アメリカ「サンディエゴ海事博物館」 */
	position: absolute;
	left: 869px;
	top: 266px;
}
.wrap_all .worldBox .wPhoto30 { /* アメリカ「ゴールデンゲートブリッジ」 */
	position: absolute;
	left: 855px;
	top: 245px;
}
.wrap_all .worldBox .wPhoto31 { /* アメリカ「ハリウッド」 */
	position: absolute;
	left: 859px;
	top: 255px;
}
.wrap_all .worldBox .wPhoto32 { /* ブルガリア「大統領府」 */
	position: absolute;
	left: 140px;
	top: 225px;
}

.wrap_all .worldBox .wPhoto33 { /* バンコク「トゥクトゥク」 */
	position: absolute;
	left: 400px;
	top: 345px;
}
.wrap_all .worldBox .wPhoto34 { /* ボストン「パブリック・ガーデン」 */
	position: absolute;
	left: 1040px;
	top: 210px;
}

.wrap_all .worldBox .btn_more,
.wrap_all .japanBox .btn_more,
.wrap_all .tokyoBox .btn_more {
	position: absolute;
	width: 154px;
	bottom: 20px;
	left: calc(50% - 87px);
	transform: scale(1.0, 1.0);
  -webkit-transition: .3s;
  transition: .3s;
}
.wrap_all .worldBox .btn_more:hover,
.wrap_all .japanBox .btn_more:hover,
.wrap_all .tokyoBox .btn_more:hover {
	transform: scale(1.1, 1.1);
}
.wrap_all .worldBox figcaption,
.wrap_all .japanBox figcaption,
.wrap_all .tokyoBox figcaption {
	display: none;
}

.wrap_all .worldBox p.circleP01 {
	position: absolute;
	top: 210px;
	left: 585px;
}

.wrap_all .worldBox p.circleP02 {
	position: absolute;
	top: 470px;
	left: 290px;
}

.wrap_all .japanBox {
	position: relative;
	background: url(../img/map_j_new2.png) no-repeat center top;
	width: 1200px;
	height: 700px;
	margin-bottom: 50px;
}

.wrap_all .japanBox .jPhoto01 { /* 北海道「大雪山」 */
	position: absolute;
	left: 760px;
	top: 46px;
}

.wrap_all .japanBox .jPhoto02 { /* 北海道「ニセコ」*/
	position: absolute;
	left: 700px;
	top: 70px;
}

.wrap_all .japanBox .jPhoto03 { /* 茨城県「ひたち海浜公園」 */
	position: absolute;
	left: 695px;
	top: 295px;
}

.wrap_all .japanBox .jPhoto04 { /* 栃木県「奥日光 中禅寺湖」 */
	position: absolute;
	left: 670px;
	top: 285px;
}

.wrap_all .japanBox .jPhoto05 { /* 千葉県「東京ドイツ村」 */
	position: absolute;
	left: 680px;
	top: 330px;
}

.wrap_all .japanBox .jPhoto06 { /* 東京都「カナルサイドビル」 */
	position: absolute;
	left: 665px;
	top: 310px;
}

.wrap_all .japanBox .jPhoto07 { /* 神奈川県「横須賀しょうぶ園」 */
	position: absolute;
	left: 650px;
	top: 325px;
}

.wrap_all .japanBox .jPhoto08 { /* 富士山 */
	position: absolute;
	left: 625px;
	top: 335px;
}

.wrap_all .japanBox .jPhoto09 { /* 静岡県「伊豆高原」 */
	position: absolute;
	left: 660px;
	top: 350px;
}

.wrap_all .japanBox .jPhoto10 { /* 長野県「涸沢カール」 */
	position: absolute;
	left: 630px;
	top: 300px;
}

.wrap_all .japanBox .jPhoto11 { /* 岐阜県「飛騨高山」 */
	position: absolute;
	left: 615px;
	top: 310px;
}

.wrap_all .japanBox .jPhoto12 { /* 三重県「熊野古道」 */
	position: absolute;
	left: 585px;
	top: 370px;
}

.wrap_all .japanBox .jPhoto13 { /* 京都「清水寺」 */
	position: absolute;
	left: 570px;
	top: 345px;
}

.wrap_all .japanBox .jPhoto14 { /* 岡山県「岡山城」 */
	position: absolute;
	left: 520px;
	top: 350px;
}

.wrap_all .japanBox .jPhoto15 { /* 宮崎県「フェニックス・シーガイア・リゾート」 */
	position: absolute;
	left: 445px;
	top: 450px;
}

.wrap_all .japanBox .jPhoto16 { /* 静岡県「富士スピードウェイ」 */
	position: absolute;
	left: 640px;
	top: 340px;
}

.wrap_all .japanBox .jPhoto17 { /* 静岡県「富士スピードウェイ」 */
	position: absolute;
	left: 360px;
	top: 600px;
}

.wrap_all .japanBox .jPhoto18 { /* 大阪「道頓堀」 */
	position: absolute;
	left: 560px;
	top: 370px;
}

.wrap_all .japanBox .jPhoto19 { /* 東京都「八丈島」 */
	position: absolute;
	left: 680px;
	top: 400px;
}

.wrap_all .japanBox .jPhoto20 { /* 和歌山「高野山」 */
	position: absolute;
	left: 570px;
	top: 385px;
}

.wrap_all .japanBox .jPhoto21 { /* 愛知県「名古屋城」 */
	position: absolute;
	left: 600px;
	top: 350px;
}

.wrap_all .japanBox .jPhoto22 { /* 福島県「大内宿」 */
	position: absolute;
	left: 685px;
	top: 260px;
}

.wrap_all .japanBox .jPhoto23 { /* 北海道「函館山」 */
	position: absolute;
	left: 705px;
	top: 105px;
}

.wrap_all .japanBox .jPhoto24 { /* 沖縄県「守礼門」 */
	position: absolute;
	left: 340px;
	top: 610px;
}

.wrap_all .japanBox .jPhoto25 { /* 長崎県「大浦天主堂」 */
	position: absolute;
	left: 400px;
	top: 400px;
}

.wrap_all .japanBox .jPhoto26 { /* 高知県 */
	position: absolute;
	left: 500px;
	top: 395px;
}
.wrap_all .japanBox .jPhoto27 { /* 山形県「銀山温泉」 */
	position: absolute;
	left: 697px;
	top: 213px;
}
.wrap_all .japanBox .jPhoto28 { /* 香川県「小豆島」 */
	position: absolute;
	left: 532px;
	top: 358px;
}
.wrap_all .japanBox .jPhoto29 { /* 宮城県「御釜」 */
	position: absolute;
	left: 697px;
	top: 236px;
}
.wrap_all .japanBox .jPhoto30 { /* 島根県「出雲ドーム」 */
	position: absolute;
	left: 492px;
	top: 328px;
}
.wrap_all .japanBox .jPhoto31 { /* 鹿児島「しろくまアイス」 */
	position: absolute;
	left: 426px;
	top: 455px;
}
.wrap_all .japanBox .jPhoto32 { /* 北海道「白金青い池」 */
	position: absolute;
	left: 750px;
	top: 54px;
}
.wrap_all .japanBox .jPhoto33 { /* 滋賀「琵琶湖」 */
	position: absolute;
	left: 590px;
	top: 324px;
}
.wrap_all .japanBox .jPhoto34 { /* 石川「鼓門」 */
	position: absolute;
	left: 590px;
	top: 290px;
}
.wrap_all .japanBox .jPhoto35 { /* 鳥取「鳥取砂丘」 */
	position: absolute;
	left: 522px;
	top: 325px;
}
.wrap_all .japanBox .jPhoto36 { /* 北海道「洞爺湖」 */
	position: absolute;
	left: 710px;
	top: 75px;
}
.wrap_all .japanBox .jPhoto37 { /* 山形県「庄内平野」 */
	position: absolute;
	left: 675px;
	top: 210px;
}
.wrap_all .japanBox .jPhoto38 { /* 広島県「宮島」 */
	position: absolute;
	left: 467px;
	top: 362px;
}
.wrap_all .japanBox .jPhoto39 { /* 新潟県「三条市」 */
	position: absolute;
	left: 657px;
	top: 255px;
}
.wrap_all .japanBox .jPhoto40 { /* 秋田県「大潟富士」 */
	position: absolute;
	left: 680px;
	top: 185px;
}
.wrap_all .japanBox .jPhoto41 { /* 長野県「軽井沢」 */
	position: absolute;
	left: 650px;
	top: 295px;
}
.wrap_all .japanBox .jPhoto42 { /* 山口県「瓦そば」 */
	position: absolute;
	left: 445px;
	top: 360px;
}
.wrap_all .japanBox .jPhoto43 { /* 広島県「お好み焼き」 */
	position: absolute;
	left: 485px;
	top: 360px;
}
.wrap_all .japanBox .jPhoto44 { /* 青森県「奥入瀬渓流」」 */
	position: absolute;
	left: 700px;
	top: 165px;
}
.wrap_all .japanBox .jPhoto45 { /* 福岡県「小倉駅　883系 ソニック」 */
	position: absolute;
	left: 432px;
	top: 380px;
}
.wrap_all .japanBox .jPhoto46 { /* 北海道「洞爺湖」 */
	position: absolute;
	left: 717px;
	top: 64px;
}
.wrap_all .japanBox .jPhoto47 { /*宮城県「田代島（猫島）」 */
	position: absolute;
	left: 717px;
	top: 233px;
}

.wrap_all .japanBox p.circleP01 {
	position: absolute;
	top: 35px;
	left: 230px;
}

.wrap_all .japanBox p.circleP02 {
	position: absolute;
	top: 300px;
	left: 30px;
}

.wrap_all .japanBox p.circleP03 {
	position: absolute;
	top: 235px;
	right: 0;
}

.wrap_all .tokyoBox {
	position: relative;
	background: url(../../img/map_t.png) no-repeat center top;
	width: 1200px;
	height: 700px;
	margin-bottom: 50px;
}
.wrap_all .tokyoBox .tPhoto01 { /* 神奈川「氷川丸」 */
	position: absolute;
	left: 640px;
	top: 395px;
}
.wrap_all .tokyoBox .tPhoto02 { /* 東京「等々力渓谷」 */
	position: absolute;
	left: 640px;
	top: 295px;
}
.wrap_all .tokyoBox .tPhoto03 { /* 千葉「海ほたる」 */
	position: absolute;
	left: 765px;
	top: 385px;
}
.wrap_all .tokyoBox .tPhoto04 { /* 神奈川「電車とバスの博物館」 */
	position: absolute;
	left: 590px;
	top: 290px;
}
.wrap_all .tokyoBox .tPhoto05 { /* 東京都「浅草」 */
	position: absolute;
	left: 715px;
	top: 200px;
}
.wrap_all .tokyoBox .tPhoto06 { /* 神奈川県「YOKOHAMA AIR CABIN」 */
	position: absolute;
	left: 630px;
	top: 405px;
}

.wrap_all div.about {
	background: rgba(129,255,255,0.76);
	padding: 30px 0;
	margin-bottom: 50px;
}
.wrap_all div.about section {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.wrap_all div.about div {
	float: left;
	xwidth: 710px;
	width: 400px;
	margin-right: 20px;
}
.wrap_all div.about .photo {
	float: right;
}

.wrap_all div.about h2 {
	display: inline-block;
	background: #FFF;
	padding: 0 20px;
	border-radius: 30px;
	margin-bottom: 20px;
	color: #ff2500;
	font-weight: bold;
}

.wrap_all div.segaSns {
	padding: 10px;
	margin-bottom: 50px;
}

.wrap_all div.segaSns h2 {
	text-align: center;
	margin-bottom: 5px;
}

.wrap_all div.segaSns div {
	margin: 0 20%;
}

.wrap_all div.segaSns div div {
	display: inline-block;
	margin: 0 1%;
	width: 30%;
	text-align: center;
}

.wrap_all div.segaSns div div img {
	width: 100%;
	height: auto;
	xborder-radius: 50%;
}

.wrap_all div.segaSns div div figcaption {
	color: #FFF;
	margin-top: 5px;
	border-radius: 5px;
}

.wrap_all div.segaSns div div.tw figcaption {
	background: #000;
}

.wrap_all div.segaSns div div.fb figcaption {
	background: #3c5a98;
}

.wrap_all div.segaSns div div.inst figcaption {
	background: #e4435b;
}

.wrap_all .main_office,
.wrap_all .archives {
	width: 318px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

.wrap_all div.segaSns div .c_logo {
	width: 70%;
	margin-top: 20px;
}
.wrap_all div.segaSns div p {
	margin-top: 10px;
	line-height: 1;
	color: #FFF;
	font-size: 110%;
}
.wrap_all div.segaSns div p span {
	font-size: 60%;
}
.wrap_all div.segaSns div a {
	display: block;
}
.wrap_all div.segaSns div .office_btn {
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	text-align: center;
	font-size: 70%;
	color: #FFF;
	display: block;
	padding: 3px 5%;
	border: 3px solid;
	border-radius: 15px;
	transform: scale(1.0, 1.0);
  -webkit-transition: .3s;
  transition: .3s;
}
.wrap_all div.segaSns div .office_btn:hover {
	transform: scale(1.1, 1.1);
}

.wrap_all div.photoList {
	text-align: left;
	overflow: hidden;
	background: #0000c2;
	padding-bottom: 20px;
}
.wrap_all div.photoList a {
	display: block;
	width: 10%;
	float: left;
}
.wrap_all div.photoList a figure {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
}
.wrap_all div.photoList figure {
	position: relative;
	overflow: hidden;
	width: 10%;
	float: left;
}

.wrap_all div.photoList figure span.new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.wrap_all div.photoList figure span.new img {
	max-width: 100%;
}

.wrap_all div.photoList figcaption {
	color: #FFF;
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 50%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .2s;
	transition: .2s;
	padding: 3% 3%;
	box-sizing: border-box;
	xtext-align: center;
}

.wrap_all div.photoList figure:hover figcaption {
	top: 0;
}

.wrap_all div.photoList figure img {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.wrap_all div.photoList figure img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* ------- sns ------- */

.wrap_all .sns {
	text-align: center;
	margin-bottom: 50px;
}

.wrap_all .sns li {
	display: inline;
	margin: 0 2px;
}


/* ------- text ------- */

.wrap_all p.main {
	font-size: 1.0rem;
	line-height: 1.8;
}

.wrap_all div.about h2,
.wrap_all div.segaSns h2 {
	font-size: 1.25rem;
}

.wrap_all div.photoList figcaption {	
	font-size: 0.75rem;
	line-height: 1.4;
}

/*10px 	0.625rem
11px 	0.6875rem
12px 	0.75rem
13px 	0.8125rem
14px 	0.875rem
15px 	0.9375rem
16px 	1rem
17px 	1.0625rem
18px 	1.125rem
19px 	1.1875rem
20px 	1.25rem
21px 	1.3125rem
22px 	1.375rem
23px 	1.4375rem
24px 	1.5rem*/

/* ------- header & footer ------- */
.wrap_all #header {
	background: #FFF;
}
.wrap_all #header .top-line {
	width: 100%;
	height: 10px;
	background: #001560;
}
.wrap_all #header .title_s_box {
	float: left;
	background: url("../img/title_s_back.jpg") no-repeat top right;
	width: 300px;
	height: 53px;
	overflow: hidden;
}
.wrap_all #header .title_s_box img {
	width: 180px;
	height: 43px;
	margin: 0px 100px 10px 20px;
}

.wrap_all #header .top_c-logo_box {
	float: right;
	width: 710px;
	margin-top: 10px;
	margin-right: 20px;
}
.wrap_all #header .top_c-logo {
	float: left;
	margin-left: 20px;
}
.wrap_all #header .top_c-logo .top_c-logo_txt {
	display: inline-block;
	margin-left: 5px;
	vertical-align: top;
	margin-top: 10px;
}
.wrap_all #header .top_c-logo img {
	float: left;
	width: 100px;
	height: auto;
}
.wrap_all #header .top-line2 {
	clear: both;
	width: 100%;
	height: 2px;
	background: #FFF;
}
.wrap_all #footer {
	background: #FFF url(../img/footer_back.jpg) top repeat-x;
	width: 100%;
	text-align: center;
	padding-top: 30px;
}

.gFooter {
  margin: -1px 0 0;
  padding: 0 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 141px 40px 1fr 40px auto;
  grid-template-columns: 141px 1fr auto;
  gap: 0 40px;
  xbackground: #0082ca
}
.gFooter_logo {
  margin: 0;
  -ms-grid-row-align: center;
  align-self: center
}
.gFooter_logo img {
  aspect-ratio: 3/1;
  height: 47px;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%
}
.gFooter_links {
  padding-right: 40px
}
.gFooter_linkList {
  margin: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 30px 1fr;
  grid-template-columns: auto 1fr;
  gap: 10px 30px
}
.gFooter_linkItem > a {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  text-decoration: none;
  color: #fff;
  line-height: calc(24/16)
}
.gFooter_linkItem > a::before {
  content: "＾"
}
.gFooter_linkItem > a[target=_blank]::before {
  content: "＾";
  font-family: icons;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: .5em;
  font-size: calc(11/16*1em);
  line-height: calc(16/11)
}
.gFooter_world {
  margin-right: -10px;
  align-self: flex-end;
  background: #001560;
  padding: 20px 10px 0;
  position: relative
}
.gFooter_world::before {
  content: "";
  display: block;
  background: url(../../../assets/images/global/gfooter_bg.svg?v=85a6b10e4c09e5fc54b98fd8bc207a05) 0 0 no-repeat;
  background-size: cover;
  aspect-ratio: 92/73;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 1px;
  transform: translateX(-100%)
}
.gFooter_worldBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 50px;
  border: 3px solid #fff;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  position: relative;
  z-index: 2
}
.gFooter_worldBtn::before {
  margin-right: calc(10/21*1em);
  content: "鈺�";
  font-family: icons;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: calc(21/18*1em)
}
.gFooter_worldLinks {
  position: absolute;
  bottom: 47px;
  left: 10px;
  right: 10px;
  z-index: 1
}
.gFooter_worldLinksInner {
  margin: 0;
  padding: 20px;
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  background: #001560;
  border-bottom: none
}
.gFooter_worldLinksInner > :first-child {
  margin-top: 0
}
.gFooter_worldLink {
  margin: 8px 0 0
}
.gFooter_worldLink > a {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  text-decoration: none;
  color: #fff;
  font-size: 1rem;
  font-weight: 700
}



.bottom_c_logo {
	float: right;
	background: url("../img/logo_s_back.jpg") no-repeat top left;
	overflow: hidden;
	width: 280px;
	padding-right: 20px;
	overflow: hidden;
}
.bottom_c_logo .c_logo {
	float: right;
	margin-left: 15px;
	margin-top: 10px;
}
.bottom_c_logo .c_logo img {
	width: 100px;
	height: auto;
}

.copyright {
	clear: both;
	text-align: left;
  padding: 5px 0px 5px 20px;
  background: #001560;
  color: #fff;
  font-size: 70%;
}

/*-----------------------------------------------------	*/
/*	for - 1200px以下の記述　*/
/*-----------------------------------------------------	*/
	
@media only screen and (max-width:1200px) {

body {
	background: url(../img/bg.jpg) center top fixed no-repeat;
}

.wrap_all {
	width: 1200px;
}

#loader-bg {
	position: fixed;
	width: 1200px;
	background: url(../img/bg.jpg) center top fixed no-repeat #FFF;
}

.wrap_all div.about {
	padding: 30px 10px;
}

.wrap_all div.about section {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.wrap_all div.about div {
	float: left;
	xwidth: 710px;
	width: 400px;
	margin-right: 20px;
}
.wrap_all div.about .photo {
	float: right;
}

.wrap_all div.photoList {
	width: 1200px;
}

.wrap_all div.photoList figcaption {	
	font-size: 0.625rem;
	line-height: 1.4;
}

}


/*-----------------------------------------------------	*/
/*	for - 669px以下の記述　*/
/*-----------------------------------------------------	*/

@media only screen and (max-width : 669px ){

body {
	background: none;
}

body::before {
	background: url(../img/bg_s.jpg) #FFF center top no-repeat;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
}

.wrap_all {
	min-width: 100%;
	width: 100%;
}

.wrap_all .sp_only {
	display: inherit;
}
.wrap_all .pc_only {
	display: none;
}

.wrap_all ul.aten {
	margin-right: 10px;
}

/* ------- loading ------- */
#loading img {
	max-width: 20%;
}

#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(../img/bg_s.jpg) #FFF center 80px no-repeat;
}

/* ------- header ------- */

.wrap_all #thumblist {
	width: 100%;
	margin-bottom: 20px;
}

.wrap_all #thumblist li {
	width: 10%;
}

.wrap_all #thumblist span {
	display: none;
}

.wrap_all .headMain {
	position: relative;
	height: auto;
	margin-bottom: 10px;
	width: 100%;
}

.wrap_all h1 {
	width: 80%;
	margin: 0 10%;
	
	padding-top: 25.6%;
	background-size: contain;
}

/* ------- section ------- */

.wrap_all section {
	width: 97%;
	padding-left: 0.15%;
	padding-right: 0.15%;
	margin: 0 auto;
}

.wrap_all section h2 {
	text-align: left;
	width: 25%;
}

.wrap_all section h2 img {
	max-width: 100%;
}

.wrap_all section.worldBox {
	background: url(../img/map_w_new2.png) no-repeat;
	background-size: contain;
	width: auto;
	height: auto;
	position: relative;
	text-align: center;
}

.wrap_all .worldBox p.pinTxt {
	display: none;
}

.wrap_all .worldBox .wPhoto01,.wrap_all .worldBox .wPhoto02,.wrap_all .worldBox .wPhoto03,.wrap_all .worldBox .wPhoto04,.wrap_all .worldBox .wPhoto05,.wrap_all .worldBox .wPhoto06,.wrap_all .worldBox .wPhoto07,.wrap_all .worldBox .wPhoto08,.wrap_all .worldBox .wPhoto09,.wrap_all .worldBox .wPhoto10,.wrap_all .worldBox .wPhoto11,.wrap_all .worldBox .wPhoto12,.wrap_all .worldBox .wPhoto13,.wrap_all .worldBox .wPhoto14,.wrap_all .worldBox .wPhoto15,.wrap_all .worldBox .wPhoto16,.wrap_all .worldBox .wPhoto17,.wrap_all .worldBox .wPhoto18,.wrap_all .worldBox .wPhoto19,.wrap_all .worldBox .wPhoto20,.wrap_all .worldBox .wPhoto21,.wrap_all .worldBox .wPhoto22,.wrap_all .worldBox .wPhoto23,.wrap_all .worldBox .wPhoto24,.wrap_all .worldBox .wPhoto25,.wrap_all .worldBox .wPhoto26,.wrap_all .worldBox .wPhoto27,.wrap_all .worldBox .wPhoto28,.wrap_all .worldBox .wPhoto29,.wrap_all .worldBox .wPhoto30,.wrap_all .worldBox .wPhoto31,.wrap_all .worldBox .wPhoto32,.wrap_all .worldBox .wPhoto33,.wrap_all .worldBox .wPhoto34,.wrap_all .worldBox .wPhoto35,
.wrap_all .japanBox .jPhoto01,.wrap_all .japanBox .jPhoto02,.wrap_all .japanBox .jPhoto03,.wrap_all .japanBox .jPhoto04,.wrap_all .japanBox .jPhoto05,.wrap_all .japanBox .jPhoto06,.wrap_all .japanBox .jPhoto07,.wrap_all .japanBox .jPhoto08,.wrap_all .japanBox .jPhoto09,.wrap_all .japanBox .jPhoto10,.wrap_all .japanBox .jPhoto11,.wrap_all .japanBox .jPhoto12,.wrap_all .japanBox .jPhoto13,.wrap_all .japanBox .jPhoto14,.wrap_all .japanBox .jPhoto15,.wrap_all .japanBox .jPhoto16,.wrap_all .japanBox .jPhoto17,.wrap_all .japanBox .jPhoto18,.wrap_all .japanBox .jPhoto19,.wrap_all .japanBox .jPhoto20,.wrap_all .japanBox .jPhoto21,.wrap_all .japanBox .jPhoto22,.wrap_all .japanBox .jPhoto23,.wrap_all .japanBox .jPhoto24,.wrap_all .japanBox .jPhoto25,.wrap_all .japanBox .jPhoto26,.wrap_all .japanBox .jPhoto27,.wrap_all .japanBox .jPhoto28,.wrap_all .japanBox .jPhoto29,.wrap_all .japanBox .jPhoto30,.wrap_all .japanBox .jPhoto31,.wrap_all .japanBox .jPhoto32,.wrap_all .japanBox .jPhoto33,.wrap_all .japanBox .jPhoto34,.wrap_all .japanBox .jPhoto35,.wrap_all .japanBox .jPhoto36,.wrap_all .japanBox .jPhoto37,.wrap_all .japanBox .jPhoto38,.wrap_all .japanBox .jPhoto39,.wrap_all .japanBox .jPhoto40,.wrap_all .japanBox .jPhoto41,.wrap_all .japanBox .jPhoto42,.wrap_all .japanBox .jPhoto43,.wrap_all .japanBox .jPhoto44,.wrap_all .japanBox .jPhoto45,
.wrap_all .tokyoBox .tPhoto01,.wrap_all .tokyoBox .tPhoto02,.wrap_all .tokyoBox .tPhoto03,.wrap_all .tokyoBox .tPhoto04,.wrap_all .tokyoBox .tPhoto05,.wrap_all .tokyoBox .tPhoto06,.wrap_all .tokyoBox .tPhoto07,.wrap_all .tokyoBox .tPhoto08,.wrap_all .tokyoBox .tPhoto09,.wrap_all .tokyoBox .tPhoto10,.wrap_all .tokyoBox .tPhoto11,.wrap_all .tokyoBox .tPhoto12,.wrap_all .tokyoBox .tPhoto13,.wrap_all .tokyoBox .tPhoto14,.wrap_all .tokyoBox .tPhoto15 {
	position: inherit;
	left: inherit;
	top: inherit;
	width: 18%;
	display: inline-block;
	margin: 0 1% 10px 1%;
}
	
.wrap_all .worldBox .btn_more,
.wrap_all .japanBox .btn_more,
.wrap_all .tokyoBox .btn_more {
	position: inherit;
	left: inherit;
	bottom: inherit;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
	
.wrap_all .worldBox .thum,
.wrap_all .japanBox .thum,
.wrap_all .tokyoBox .thum {
	display: inline;
	width: 100%;
}

.wrap_all .worldBox .pin,
.wrap_all .japanBox .pin,
.wrap_all .tokyoBox .pin {
	display: none;
}

.wrap_all .worldBox figcaption,
.wrap_all .japanBox figcaption,
.wrap_all .tokyoBox figcaption {
	display: none;
}

.wrap_all .worldBox p.circleP01,
.wrap_all .worldBox p.circleP02,
.wrap_all .japanBox p.circleP01,
.wrap_all .japanBox p.circleP02,
.wrap_all .japanBox p.circleP03 {
	display: none;
}

.wrap_all section.japanBox {
	background: url(../img/map_j_new2.png) no-repeat;
	background-size: contain;
	width: auto;
	height: auto;
	position: relative;
	text-align: center;
}
.wrap_all section.tokyoBox {
	background: none;
	width: auto;
	height: auto;
	text-align: center;
}
	
.wrap_all div.about {
	width: 100%;
	padding: 20px 0;
}
.wrap_all div.about section {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	
.wrap_all div.about div {
	float: none;
	width: auto;
	margin-right: 0;
}
.wrap_all div.about .photo {
	float: none;
}
	
.wrap_all div.about h2 {
	display: inline-block;
	background: #FFF;
	padding: 0 15px;
	border-radius: 20px;
	margin-bottom: 10px;
	width: auto;
}

.wrap_all div.about p.photo {
	width: 80%;
	margin: 0 10%;
}

.wrap_all div.about p.photo img {
	width: 100%;
}

.wrap_all div.segaSns {
	margin-bottom: 50px;
	width: 100%;
	box-sizing: border-box;
}
	
.wrap_all div.segaSns section {
	width: 100%;
	box-sizing: border-box;
}

.wrap_all div.segaSns h2 {
	width: inherit;
}

.wrap_all div.segaSns div {
	margin: 0 0%;
}

.wrap_all div.segaSns div div figcaption {
	border-radius: 3px;
}

.wrap_all div.photoList {
	width: 100%;
}
.wrap_all div.photoList a {
	width: 20%;
}
.wrap_all div.photoList a figure {
	width: 100%;
}
.wrap_all div.photoList figure {
	width: 20%;
}

.wrap_all div.photoList figure span.new img {
	max-width: 70%;
}

.wrap_all div.photoList figcaption {
	display: none;
}

/* ------- sns ------- */

.wrap_all .sns {
	text-align: center;
}

.wrap_all .sns li {
	display: inline;
	margin: 0 2px;
}

/* ------- text ------- */

.wrap_all,.wrap_all p.main {
	font-size: 0.875rem;
	line-height: 1.6;	
}

.wrap_all div.about h2,.wrap_all div.segaSns h2 {
	font-size: 1.125rem;	
}

/*10px 	0.625rem
11px 	0.6875rem
12px 	0.75rem
13px 	0.8125rem
14px 	0.875rem
15px 	0.9375rem
16px 	1rem
17px 	1.0625rem
18px 	1.125rem
19px 	1.1875rem
20px 	1.25rem
21px 	1.3125rem
22px 	1.375rem
23px 	1.4375rem
24px 	1.5rem*/
	
	
.wrap_all #header .top_c-logo_box {
	clear: both;
	float: none;
	width: 96%;
	margin-top: 10px;
	margin-right: auto;
    margin-left: auto;
}
.wrap_all #header .top_c-logo {
	float: left;
	width: 31%;
	text-align: center;
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 20px;
	padding-bottom: 10px;
}
.wrap_all #header .top_c-logo .top_c-logo_txt {
	display: block;
	margin-left: 0px;
	xvertical-align: baseline;
	margin-top: 0px;
}
.wrap_all #header .top_c-logo img {
	float: none;
	width: 90%;
	height: auto;
}
	
  .gFooter {
    margin: 0;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto
  }
  .gFooter_logo {
    margin: 0 10px 0 0
  }
  .gFooter_logo img {
    height: 35px
  }
  .gFooter_links {
    display: none
  }
  .gFooter_world {
    padding: 12px 10px
  }
  .gFooter_world::before {
    height: 54px
  }
  .gFooter_worldBtn {
    background: #001560;
    width: 158px;
    height: 30px;
    font-size: .7857142857rem
  }
  .gFooter_worldBtn::before {
    margin-right: calc(5/13*1em);
    font-size: calc(13/11*1em)
  }
  .gFooter_worldLinks {
    bottom: 27px
  }
  .gFooter_worldLinksInner {
    padding: 15px 10px 25px
  }

.bottom_c_logo {
	float: right;
	background: url("../img/logo_s_back.jpg") no-repeat top left;
	overflow: hidden;
	width: 50%;
	padding-right: 3%;
	overflow: hidden;
}
.bottom_c_logo .c_logo {
	float: right;
	width: 30%;
	margin-left: 5%;
	margin-top: 10px;
}
.bottom_c_logo .c_logo img {
	width: 100%;
	height: auto;
}

.copyright {
	clear: both;
	text-align: left;
  padding: 5px 0px 5px 20px;
  background: #001560;
  color: #fff;
  font-size: 70%;
}
	
}
