@charset "UTF-8";

/* CSS Document */
/*--------------------------------------------------------
 common
--------------------------------------------------------*/
body{ margin:0; padding:0; background:#031731 none no-repeat center top; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.5em; font-size:14px; color:#343434;}
img{ border:none; }

.clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
a{ color:#FF0000;}
a,a:hover {color:#FFFFFF;transition:.3s;}
a:hover {color:#CCCCCC;text-decoration:none;}

h1,h2,h3,h4,div,p,ul,li{ margin:0; padding:0;}
ul{ list-style: none;}

/*-------明朝体指定--------*/
.font_min{font-family: "游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;}
/*-------ゴシック指定--------*/
.font_got{font-family: "游ゴシック","Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*-------背景周り--------*/
/*黒背景*/.bg-black{ background: #0e0e0e;}
/*青背景*/.bg-blue{ background: #041d40;}
/*黒に近い青背景*/.bg-darkblue{background: #05101f;}
/*赤背景*/.bg-red{ background: #8c1010;}
/*白背景*/.bg-white{ background: #fff;}
/*グレー背景*/.bg-gray{ background: #f7f7f7;}

/*------ライト画像背景------*/
.bg-header{ background: url(../img/cmn/bg_hd.png) no-repeat top center;}
.bg-underheader{ background: url(../img/cmn/bg_udhd.jpg) no-repeat top center;}
.bg-footer{ background: url(../img/cmn/bg_ft.png) no-repeat bottom center;}
.bg-01{ background: url(../img/cmn/bg01.png) no-repeat top center;}
.bg-02{ background: url(../img/cmn/bg02.png) no-repeat top center;}
.bg-03{ background: url(../img/cmn/bg03.png) no-repeat bottom center;}
.bg-04{ background: url(../img/cmn/bg04.png) no-repeat top center;}
.bg-05{ background: url(../img/cmn/bg_top.png) no-repeat top center, url(../img/cmn/bg_bottom.png) no-repeat bottom center;}

/*-------タイトル周り--------*/
/*--テキスト色--*/
/*赤*/.ttl-red{ color: #ba1320;}
/*黄色*/.ttl-yellow{ color: #fcd814;}
/*白*/.ttl-white{ color: #fff;}

/*--シャドウ--*/
/*背景が黒に近い青の場合*/
.bg-darkblue_sdw{ text-shadow:0px 3px 3px #000000;}
/*背景が青グラデーションの場合*/
.bg-blue_sdw{ text-shadow:0px 3px 3px #05195a;}
/*背景が白の場合*/
.bg-white_sdw{ text-shadow:0px 3px 3px #dcb2b2;}

/*-------サブタイトル--------*/
.sub_ttl{ font-size: 22px; line-height: 1.2em; margin: 0 0 1em 0; padding: 0 0 0 14px;}
.sub_ttl02{ font-size: 18px; line-height: 1.2em; margin: 2em 0 1em; padding: 0 0 0 14px;}

/*-------テキスト周り--------*/
/*青*/
.txt-blue{ color: #002d6d;}
/*デフォルト*/
.txt-default{ color: #343434;}
/*赤*/
.txt-red{ color: #e60012;}
/*黄色*/
.txt-yellow{ color: #fcd814;}
/*白*/
.txt-white{ color: #fff;}

/*太字*/
.txt-bold{ font-weight: bold;}
/*注釈*/
.txt-caution{ font-size: 12px;}
/*…AndMORE!!*/
.txt-andmore{ font-size: 30px; font-weight: bold;}

/*-------幅指定-------*/
.nation17_box{ margin: 0 5%; width: 90%;}
.nation17_inner{ margin: 0 5%; width:90%;}
.wt50{ width: 50%;}
.wt60{ width: 60%;}
.wt80{ width: 80%;}

/*シャドウ付きボックス*/
.sdw_box{ border: 1px solid #eeeeee; box-shadow: 0 2px rgba(210, 210, 210, 1); box-sizing: border-box; margin: 40px 0 0; padding: 3em 0;}

/*-------リンクボタン--------*/
.btn_box{ width: 100%; text-align: center;}
.btn{ background: #20bec4; border-radius: 25px; color: #FFF; display: inline-block; padding: 0.8em 1.5em; position: relative;  text-decoration: none; text-shadow: 0 0 5px rgba(255, 255, 255, 0.7); transition: .4s;}
.btn.shouten_btn{ background: #e39309;}
.btn:hover{ color: #fff; text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.9), 6px 0px 15px rgba(255, 255, 240, 0.9);}
.btn.wt100{ width: 86%;}

/*-------Back to TOP-------*/
#pullup{ width:100%; margin: 0 auto; display: none; position: relative;}
#pullup a{ display:block; padding:5px; position:fixed; bottom:0; right:10px; z-index:1000; }

/*-------パンくず-------*/
.nation17_breadcrumb { margin: 0 0 1em 0;}
.nation17_breadcrumb ul { font-size: 0;}
.nation17_breadcrumb li { color: #fff; display: inline-block; font-size: 12px; line-height: 1.4; margin: 0 6px 0 0; vertical-align: top;}
.nation17_breadcrumb li a { color: #fff; text-decoration: underline;}
.nation17_breadcrumb li a:hover { text-decoration: none;}
.nation17_breadcrumb li:first-child:before { content: ''; font-size: 0; margin: 0;}
.nation17_breadcrumb li:before { content: '\003e'; font-size: 12px; line-height: 1.4px; margin: 0 4px 0 0;}


/*-------入場フロー-------*/
#nation17_admission { border-bottom: 1px solid #4d4d4d;}
#nation17_admission .img img{ width: 100%;}
#nation17_admission .update{ color: #fcd814; font-size: 12px; line-height: 1.4;}
h3.no-deco{text-align: center; font-size: 32px; font-weight: bold;}
#flow_wrap { border-radius: 10px; margin-bottom: 80px; padding: 2em;}
#flow_wrap p.txt{font-size:24px; color: #000; text-align: center; font-weight: bold; line-height: 1.3em; }
#flow_wrap p.txt span{color: #910606;}

#flow_wrap .attention01{background-color:#dadada; padding: 1em; color: #000; font-size: 16px; font-weight: bold; margin-bottom: 20px;}

#flow_wrap .attention02{background-color:#e7e186; padding: 1em; color: #000; font-size: 16px; font-weight: bold; margin-bottom: 40px; position: relative;}

#flow_wrap .attention02 p.qr{position: absolute; width: 105px; height: 105px; top:20px; left: 20px;}
#flow_wrap p.date{font-size: 24px; color: #910606; font-weight: bold; text-align: center;}


.flow_btn{text-align: center; }
#flow_wrap .regist{position: relative;}
#flow_wrap .regist .regist_btn01{position: absolute; top: 683px; left: 245px; width: 176px; height: 37px;}
#flow_wrap .regist .regist_btn02{position: absolute; top: 825px; left: 687px; width: 176px; height: 37px;}


/*-------10大重大企画-------*/
/*タイトル*/
.contents_list .ttl{ border-bottom: 5px solid #fff; font-size: 30px; line-height: 1; margin: 0 auto 1em; padding: 0 0 0.5em; text-align: center;}
/*サブタイトル*/
.sub_ttl{ border-left: 5px solid #ff9308; position: relative; z-index: 2;}
.sub_ttl .txt-small{ font-size: 20px;}
.sub_ttl02{ border-left: 5px solid #68cc0f; font-size: 18px; line-height: 1.2em; margin: 2em 0 1em; padding: 0 0 0 14px;}
.sub_ttl02 .txt-small{ font-size: 14px;}
/*日付*/
.tag-date{ background: #fff; color: #171717; font-size: 16px; font-weight: bold; border-bottom: 2px solid #d2d2d2; margin: 3em 0 0; padding: 0.2em 0.5em; text-align: center;}

#nation17_udx .contents_list > li{ background: #051b39; border: 1px solid #225488; margin: 40px 0 0; padding: 3em 0;}
.coloredpaper_list li p{ margin: 0 auto;}
.coloredpaper_list li img{ width: 100%;}


/*--注意事項--*/
#salesnote{ margin: 5em 0 1em;}
#note.admission_note{ font-size: 14px; background: #393205; color: #fff; border: 1px solid #886f22; padding: 2em;}

#note.admission_note span.bold{font-weight:bold;}
#note.admission_note span.marker{background: linear-gradient(transparent 60%, #876f00 60%);
}
#note.admission_note a{color:#ebc100; text-decoration: underline;}
#note.admission_note a:hover{text-decoration: none;}

@media screen and (min-width:768px) {
	#flow_wrap { padding: 4em;}
	#note.admission_note{ padding: 4em;}
}


/*----------------------------
 wrap
 ------------------------------*/
#wrap{ background: url(../img/cmn/bg.jpg) repeat-y top center; margin:0 auto; overflow:hidden; position: relative;}
#wrap p{line-height:1.6em;}


/*----------------------------
 header
 ------------------------------*/
/*-------トップページ-------*/
/*魂ネイションロゴ*/
#header .header_ttl{ padding: 1em 0;}
/*-------下層ページ-------*/
#underheader .nation17_box{ padding: 0 0 0.5em; position: relative;}
#underheader .bg-underheader img{ width: 100%;}
#underheader .header_ttl{ float: left; padding: 5% 0; width: 45%;}
#underheader .header_logo{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 38%;}
/*-------イベント終了テキスト-------*/
.txt-event{ font-size: 1.4rem; line-height: 1.4 !important; padding: 0.5em 0 1em;}


/*----------------------------
 main
------------------------------*/
#main .bg-header{ background: url(../img/cmn/bg_hd.png) no-repeat bottom center;}
#main .nation17_box{ padding: 0 0 7em;}
#main .txt-large{ font-size: 24px; font-weight: bold; margin: 0 0 1em;}
#tmw_snsbtn{ padding: 3em 0;}


/*----------------------------
 container
------------------------------*/
#container{ margin:0 auto;}
/*タイトル*/
#container .nation17_ttl{ font-size: 1.8rem; font-weight: bold; line-height: 1.4; margin: 0 0 0.5em; text-align: center;}
/*ボックス*/
#container .nation17_box{ padding: 7em 0;}
/*リード文*/
#container .read_txt{ font-size: 16px; margin: 0 0 3em;}
/*タイトル下にリード文がない場合 下の要素に付与する*/
#container .no_read_txt{ margin: 3em 0 0;}


/*--------------------------------------------------------
 TOPページ
----------------------------------------------------------*/
/*-------ナビゲーション-------*/
/*トグルボタン*/
.nav_tgl { background: #fff; border: 1px solid #eeeeee; box-shadow: 0 2px rgba(210, 210, 210, 1); cursor: pointer; height: 26px; padding: 1em; position: absolute; right: 0; top: 0; width: 34px; z-index: 10;}
.open .nav_tgl{ border: none; box-shadow: none;}
#nav .nav_tgl { display: none;}
.nav_tgl div { position: relative;}
.nav_tgl span { background: #093f89; display: block; height: 4px; position: absolute; left: 0; transition: 0.3s ease-in-out; width: 100%;}
.nav_tgl span:nth-child(1) { top: 0;}
.nav_tgl span:nth-child(2) { top: 11px;}
.nav_tgl span:nth-child(3) { top: 22px;}
/*メニュー*/
#nav .nation17_box{ padding: 0 0 1em !important;}
#nav li{ display: inline-block; margin: 0 0.2% 0.2% 0; vertical-align: top; width: 19.8%;}
#nav li:nth-child(5n),#nav li:last-child{ margin-right: 0;}
#nav li a{ background: #fff; color: #093f89; display: block; font-size: 15px; font-weight: bold; padding: 0.5em 0; text-decoration: none; width: 100%;}
#nav li a:hover{ background: #041d40; color: #fff;}
.nav_update{ color: #ba1320; font-size: 12px; line-height: 1.4;}
#nav_pc{ display: none;}


/*-------更新履歴-------*/
#new .new_list{ font-size: 16px; height: 96px; overflow: auto; padding: 0.9em 2em;}
#new .new_list li{ padding: 0.3em 0;}
#new .new_list li a{ text-decoration: none;}
#new .new_list li a:hover{ text-decoration: underline;}


/*-------動画-------*/
#movie{ width: 20%; margin: 0 auto 0; }


/*-------開催概要-------*/
#nation17_overview{ border-top: 3px solid #061b35; border-bottom: 3px solid #061b35;}
/*ロゴ*/
#nation17_overview .overview_nation .logo img{ max-width: 195px;}
#nation17_overview .overview_event .logo img{ max-width: 196px;}
/*サブタイトル*/
#nation17_overview .sub_ttl{ border-left: 5px solid #ba1320; font-size: 24px;}
#nation17_overview .txt-large{ display: block; font-size: 18px; padding-bottom: 5px;}

/*イベント情報*/
.overview_info{ border-top: 2px solid #d2d2d2; border-bottom: 2px solid #d2d2d2; font-size: 16px; margin-top: 30px; padding: 3em 0;}
.overview_info dd{ padding: 0 0 0 2%;}
.overview_info .txt-small{ font-size: 15px;}

/*魂の10年間*/
.overview_tamashii10 .bn img{ width: 100%;}
.overview_tamashii10 .mainvisual_list{ margin: 1.5em 0 1em;}
.overview_tamashii10 .mainvisual_list li img{ width: 100%;}
.overview_tamashii10 .mainvisual_list li{ display: inline-block; margin: 0 1% 1% 0; width: 24.2%;}
.overview_tamashii10 .switch{ cursor: pointer;}
.overview_tamashii10 .clickbox{ display: none;}


/*-------10周年を記念し、今年は「秋葉原2会場」で開催！-------*/
/*会場リスト*/
#nation17_venue .venue_list li{ box-sizing: border-box; margin: 1em auto 0; padding: 1em;}
#nation17_venue .venue_list li:first-child{ margin-top: 0;}
/*会場名*/
#nation17_venue .box_l{ border-bottom: 1px solid #093f89; font-size: 20px; padding: 1em 0;}
#nation17_venue .txt-small{ font-size: 14px;}
/*テキスト*/
#nation17_venue .box_r{ margin: 0 auto; padding: 1em 2%;}


/*-------開催記念商品-------*/
#nation17_eventitem .read_txt{ margin: 0 0 2em; }
#nation17_eventitem .read_txt .txt-bold{ font-size: 18px;}
#nation17_eventitem .read_txt .txt-yellow{ font-size: 24px;}
#nation17_eventitem .txt-important{ font-size: 12px; margin: 0 0 3em;}
/*商品リスト*/
#nation17_eventitem .item_list{ margin: 0 auto; position: relative; width: 100%;}
/*各商品枠*/
#nation17_eventitem .item_box{ background: url(../img/admission/nyujou_bg.jpg) top center; margin: 0 auto 3%; padding:3%; vertical-align: top; max-width: 310px;}
/*商品画像*/
#nation17_eventitem .item_img{ display:block; margin:0 auto 6%; width: 100%;}
/*商品名*/
#nation17_eventitem .item_new{ font-size: 14px;}
#nation17_eventitem .item_name{ font-size:16px; font-weight:bold; line-height:1.5em; margin: 0 0 1em;}
/*ボタン*/
#nation17_eventitem .btn{ margin: 1em 0 0;}
/*…AndMORE!!*/
#nation17_eventitem .item_box .txt-andmore{ margin: 0 auto; max-width: 350px; position: relative;}
#nation17_eventitem .item_box .txt-andmore .txt-small{ font-size: 18px; line-height: 1;}
#nation17_eventitem .item_box .txt-andmore .txt-large{ font-size: 23px;}
#nation17_eventitem .logo_list{ margin: 3em 0 0;}
#nation17_eventitem .logo_list .logo{ display: inline-block; margin: 0 2% 6%;}
#nation17_eventitem .txt-andmore{ position: absolute; bottom: 1%; right: 0;}


/*-------10大重大企画-------*/
#nation17_project{ border-bottom: 3px solid #061b35;}
#nation17_project .copy{ color: #343434; font-size: 12px;}
/*タグ*/
#nation17_project .tag_list{ display: flex; padding: 0 0 1em;}
#nation17_project .tag{ color: #fff; font-size: 14px; font-weight: normal; margin: 0 0.4% 0 0; padding: 0 1em; text-align: center;}
#nation17_project .tag-udx{ background: #138dff;}
#nation17_project .tag-velsal{ background: #ff9308;}
#nation17_project .tag-showroom{ background: #68cc0f;}
#nation17_project .tag-tamashii{ background: #d51222;}
#nation17_project .tag-shop{ background: #ee3ab5;}
/*各企画ナビ*/
.project_nav{ display: flex; flex-wrap: wrap; /*margin: 0 0 3em;*/}
.project_nav > li{ flex: 1 1 calc(30% - 10px); margin: 0 10px 10px 0;}
.project_nav .tag_list{ padding: 0 0 0.5em !important;}
.project_nav a{ background: #f7f7f7; border: 1px solid #b5b5b5; border-bottom: 3px solid #aaaaaa; color: #343434; display: block; font-size: 18px; font-weight: bold; height: 110px; padding: 0 0 0.5em; text-decoration: none; width: 100%; position: relative;}
.project_nav a:hover{ background: #041d40; color: #fff;}
.project_nav .nav_txt{ line-height: 1.2 !important; position: absolute; top: 70%; left: 50%; transform: translateY(-60%) translateX(-50%); width: 100%;}
.project_nav .nav_new{ color: #ba1320; font-size: 13px; line-height: 1.4;}
/*commingsoonナビ*/
.project_cmsnav{ margin: 0 0 3em;}
.project_cmsnav li{ background: #f7f7f7; border: 1px solid #b5b5b5; border-bottom: 3px solid #aaaaaa; color: #343434; font-size: 18px; font-weight: bold; padding: 0.5em 0; /*width: 18.8%;*/ margin: 0 8px 10px 0;}
/*企画リスト*/
#nation17_project .project_list{ padding: 0 0 3em;}
#nation17_project .sdw_box:first-child{ margin-top: 0;}
/*サブタイトル*/
#nation17_project .sub_ttl{ border-left: 5px solid #ba1320;}
#nation17_project .sub_ttl .txt-small{ font-size: 20px;}
#nation17_project .sub_ttl02{ border-left: 5px solid #ff9308;}
#nation17_project .photo_box .sub_ttl02{ float: left;}
#nation17_project .sub_ttl02 .txt-small{ font-size: 14px;}
/*バナー*/
#nation17_project .bn{ margin: 2em 0 0;}
/*…AndMORE!!*/
#nation17_project .txt-andmore{ color: #ba1320;}
/*来場特典 豪華クリエイター描き下ろしmini色紙*/
.coloredpaper_list{ margin: 0 0 2em;}
.coloredpaper_list .coloredpaper_logo{ margin: 0 auto;}
.coloredpaper_list .coloredpaper_logo img{ width: 100%;}
/*フォトグラファーが魅せるフィギュアの世界*/
.photo_list .box_l{ margin: 0 0 3% 0;}
.photo_list a{ color: #e60012;}
.photo_list .photo_sns{ float: right; margin: 2em 0 0;}
.photo_list .photo_txt{ font-size: 12px;}
/*10か国を巡った魂ネイションズワールドツアー振り返り*/
.tour_list{ text-align: center;}
.tour_list li{ background: #fff; border: 1px solid #e3e3e3; display: inline-block; margin: 2% 2% 0 0; padding: 2%; vertical-align: top; width: 44%;}
.tour_list .tour_booth{ margin: 4% 0 0;}


/*-------特別企画-------*/
#nation17_special_project{ border-bottom: 3px solid #061b35;}
#nation17_special_project .special_project_list li{ padding: 2.4em 0;}
/*サブタイトル*/
#nation17_special_project .sub_ttl{ border-left: 5px solid #fff;}


/*-------プレビューナイト-------*/
#nation17_previewnight { border-bottom: 3px solid #061b35; font-size: 16px;}
#nation17_previewnight .nation17_ttl{ color: #003676; margin: 0 0 1em 0;}
#nation17_previewnight .txt-large{ font-size: 24px;}
#nation17_previewnight .txt-link a{ color: #343434; text-decoration: none;}
#nation17_previewnight .txt-link a:hover{ color: #ff0444; text-decoration: underline;}

/*-------注意事項-------*/
#nation17_attention .nation17_box{ padding: 4em 0;}
#nation17_attention dl{ margin: 0 0 4em;}
#nation17_attention dt{ font-size: 16px;}
#nation17_attention dd{ font-size:12px; margin: 0;}
/*コピーライト*/
#nation17_attention .copy{ border-top: 1px solid #4d4d4d; padding: 3em 0 0;}

/*-------下層ページのコピーライト-------*/
#nation17_footer .nation17_box{ padding: 3em 0;}

/*TOPページここまで
-----------------------*/


/*--------------------------------------------------------
 タマコエページ
----------------------------------------------------------*/
/*-------Main-------*/
#tamakoe_main{ background: url(../img/tamakoe/bg.jpg) no-repeat top center;}
#tamakoe_main .nation17_box{ padding: 0 0 7em;}
#tamakoe_main .nation17_ttl{ padding: 4em 0 0;}
#tamakoe_main .read_txt{ font-size: 24px; padding: 2em 0;}
#tamakoe_main .txt-small{ font-size: 18px;}
/*例えば...*/
#tamakoe_main .example_list{ margin: 0 auto; width: 88%;}
#tamakoe_main .example_list li{ margin: 0 0 0 -9%;}
#tamakoe_main .example_list li:last-child{ margin-right: 0;}


/*-------応募-------*/
#nation17_application a{ color: #ff0444;}
#nation17_application .sub_ttl{ border-left: 5px solid #ba1320;}
#nation17_application .sub_ttl02{ border-left: 5px solid #ff9308;}
#nation17_application p{ font-size: 18px;}
#nation17_application .txt-small{font-size: 12px;}
#nation17_application dd{ font-size: 12px; margin: 0; line-height: 1.6em;}
#nation17_application .application_method{ margin: 0;}
#nation17_application .application_method .txt-large{ font-size: 20px;}
#nation17_application .balloon{ border-radius: 50px; margin: 20px 0 0; padding: 20px; width: 35%;}

/*投稿イメージ*/
#nation17_application .image_list{ margin: 2em 0 0;}
#nation17_application .image_list li{ text-align: center;}
#nation17_application .image_list li:first-child{ margin-bottom: 2%;}
#nation17_application .image_list li img{ max-width: 440px;}

/*応募特典*/
#nation17_application .special_contact{ border: 1px solid #686868; margin: 20px 0; padding: 20px;}


/*-------10年間の軌跡・Twitterタブ-------*/
/*タブナビ*/
#trajectory_tabnav li{ display: inline-block; font-size: 28px; padding: 0.2em 0; text-align: center; vertical-align: bottom; width: 50%;}
#trajectory_tabnav li:hover{ cursor: pointer;}
#trajectory_tabnav li.select{ padding: 0.5em 0;}
#trajectory_tabnav li .txt-small{ font-size: 14px;}
.tabnav01 .txt-sdw{ text-shadow:0px 3px 3px #000000;}
.tabnav02 .txt-sdw{ text-shadow:0px 3px 3px #cdcfd2;}

#trajectory_tabbox{ position: relative;}
/*10年間の軌跡*/
.trajectory_tab01 .keyitem_btn{ font-size: 20px; font-weight: normal; padding: 1.2em 4% .7em;}

/*アコーディオンボタン*/
.trajectory_tab01 .keyitem_btn:hover{ cursor: pointer;}

/*アコーディオン中身*/
.trajectory_tab01 a{ text-decoration: none;}
.trajectory_tab01 a:hover{ text-decoration: underline;}
.trajectory_tab01 .keyitem_open{ margin: 0; padding: 0 4% 3em; position: relative;}

.trajectory_tab01 span{font-size: 12px; display: block; line-height: 0; color:#ffd52e; float: right;}

.trajectory_tab01 .txt-andmore{ position: absolute; bottom: 0; right: 4%;}
/*商品名*/
.trajectory_tab01 .item_name{ font-size: 16px; line-height: 1.6; width: 82%; margin: 0 0 0 16%;}
/*商品画像*/
.trajectory_tab01 .item_img{ float: right; margin: 0; width: 35%;}

/*Twitter*/
.trajectory_tab02 .nation17_inner{ padding: 0; text-align: center;}

/*タマコエページここまで
-----------------------*/


/*--------------------------------------------------------
 100日メッセージページ
----------------------------------------------------------*/
/*メッセージリスト*/
.message_list { text-align: center;}
.message_list .sdw_box{ display: inline-block; margin: 0 2% 2% 0; padding: 2%; vertical-align: top; width: 48%;}
.message_list .message_day{ border-bottom: 1px solid #d3d3d3; font-size: 16px; padding: 0 0 0.6em;}
.message_list .message_name{ font-size: 18px; line-height: 1.4 !important; margin: 0.5em 0;}
.message_list .message_name.message_noprofession{ margin: 1em 0 0.9em;}
.message_list .message_profession{ font-size: 12px;}
.message_list .message_img img{ border: 1px solid #d3d3d3; width: 100%;}

/*100日メッセージページここまで
-----------------------*/


/*--------------------------------------------------------
 商品詳細ページ
----------------------------------------------------------*/
#nation17_itemdetail { border-bottom: 1px solid #4d4d4d;}
#nation17_itemdetail .item_box{ background: url(../img/admission/nyujou_bg.jpg) top center; border: 1px solid #225488; margin: 0 auto; padding:0;}
#nation17_itemdetail img{ width: 100%;}
/*ブランドロゴ*/
#nation17_itemdetail .item_logo{ margin: 0 2% 2% 0; width: 40%;}
/*商品名*/
#nation17_itemdetail .item_name{ font-size: 22px; line-height: 1.4em;}
/*メイン画像*/
#nation17_itemdetail .item_img{ margin: 0 auto 1em; width: 72%;}
/*サムネ画像*/
#nation17_itemdetail .item_thum li{ display: inline-block; margin: 0 2% 2% 0;}
#nation17_itemdetail .item_thum li:nth-child(3n){ margin-right: 0;}
/*価格*/
#nation17_itemdetail .item_price{ font-size: 18px; margin: 1em 0 0 0;}
/*商店ボタン*/
#nation17_itemdetail .btn{ margin: 1em 0 0 0;}


/*商品詳細ページここまで
-----------------------*/


/*-------Footer TOPページへ戻る-------*/
.footer_top{ /*border-bottom: 1px solid #4d4d4d;*/ font-size: 18px; font-weight: bold; padding: 0 0 3em;}
#nation17_footer .copy{ padding: 3em 0 0;}

/*----------------------------
 footer
 ------------------------------*/
#footer{ border-top: 1px solid #4d4d4d; background: url(../img/common/fotter_bg.jpg) #000000 center top repeat-x; padding: 35px 0px 40px; margin: 0 auto; height:65px;}
#ft_attention{ width:590px; margin:0px auto 35px auto; border:#545454 1px solid; font-size:12px; padding:20px 35px;}
#ft_logo{ margin:0 auto;}
#ft_logo_left{ width:25%; float:left;}
#ft_logo_center{ width: 45%; float:left;}
#ft_logo_right{ width:30%; float:right; padding-top:18px;}
#ft_logo_right a{ float: right; margin: 0 5% 0 0;}
#ft_tw{ float:left; padding-top:18px;}
#ft_tn{ float:right; text-align:center; font-size:10px; color: #CCC;}
#ft_tn img{ margin-bottom:10px;}


/* デザインに合わせて変更*/
.copy { color:#FFF; font-size:10px; line-height: 1.6; text-align: center;}
.link a{ color:#FFFFFF; }

/*******************/

@media screen and (max-width:1400px) {
	/*----------------------------
	 main
	 ------------------------------*/
	/*メインビジュアル*/
	#main .mainvisual img{ width: 100%;}
}


@media screen and (min-width:1200px) {

	/*--------------------------------------------------------
	 common
	--------------------------------------------------------*/
	/*-------幅指定-------*/
	.nation17_box{ margin: 0 auto; width: 1000px;}
	.nation17_inner{ margin: 0 auto; width: 900px;}

	/*----------------------------
	 container
	 ------------------------------*/
	/*-------開催概要-------*/
	/*イベント情報*/
	.overview_info dt{ float: left; text-align: right; width: 12%;}
	.overview_info dt::after{ content: ":"; padding: 0 0 0 5%;}
	.overview_info dd{ float: left; margin: 0; padding: 0 0 0 2%;  width: 86%;}


	/*--------------------------------------------------------
	 タマコエページ
	----------------------------------------------------------*/
	/*-------10年間の軌跡・Twitterタブ-------*/
	/*アコーディオンボタン*/
	/*黒に近い青背景*/
	.trajectory_tab01 .bg-darkblue.keyitem_btn{ background: #05101f url(../img/tamakoe/bg_keyitem_btn.png) no-repeat top center;}
	/*青背景*/
	.trajectory_tab01 .bg-blue.keyitem_btn{ background: #041d40 url(../img/tamakoe/bg_keyitem_btn.png) no-repeat top center;}
	/*2008年背景*/
	.trajectory_tab01 .bg-darkblue.keyitem_btn.keyitem_btn2008{ background: #05101f url(../img/tamakoe/bg_keyitem_btn_2008.png) no-repeat top center; }
	/*2017年背景*/
	.trajectory_tab01 .bg-blue.keyitem_btn.keyitem_btn2017{ background: #041d40 url(../img/tamakoe/bg_keyitem_btn_2017.png) no-repeat top center;}

	/*アコーディオン中身*/
	/*黒に近い青背景*/
	.trajectory_tab01 .bg-darkblue.keyitem_open{ background: #05101f url(../img/tamakoe/bg_keyitem_open.png) repeat-y top center;}

	/*青背景*/
	.trajectory_tab01 .bg-blue.keyitem_open{ background: #041d40 url(../img/tamakoe/bg_keyitem_open.png) repeat-y top center;}
	/*2017年背景*/
	.trajectory_tab01 .bg-blue.keyitem_open.keyitem2017{ background: #041d40; background-image: none;}

	/*タマコエページここまで
	-----------------------*/

}

@media screen and (max-width:1000px) {

/*--------------------------------------------------------
 商品詳細ページ
----------------------------------------------------------*/
/*サムネ画像*/
#nation17_itemdetail .item_thum li{ width: 32%;}

/*商品詳細ページここまで
-----------------------*/

}


/*　画面サイズが768pxからはここを読み込む　*/
@media screen and (min-width:768px) {
	/*-------イベント終了テキスト-------*/
	.txt-event{ font-size: 40px; line-height: 1.2 !important;}

	/*----------------------------
	 container
	------------------------------*/
	/*タイトル*/
	#container .nation17_ttl{ font-size: 40px; line-height: 1.2;}


	/*--------------------------------------------------------
	 TOPページ
	----------------------------------------------------------*/
	/*-------ナビゲーション-------*/
	/*メニュー*/
	#nav li a{ position: relative; height: 46px;}
	#nav .nav_txt{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%;}
	#nav li.nav_previewnight{ width: 39.8%;}
	/*メニューPCのみ*/
	#nav_pc { background: #fff; height: 100%; position: fixed; top: 0; right: 0; z-index: 9999;}
	#nav_pc ul{ display: none; padding: 58px 0 0;}
	#nav_pc.open ul{ display: block;}
	#nav_pc li a{ background: #fff; color: #093f89; display: block; font-size: 18px; font-weight: bold; padding: 0.5em 0; text-decoration: none; width: 410px;}
	#nav_pc li a:hover{ background: #041d40; color: #fff;}
	#nav_pc li{ border-bottom: 1px solid #093f89;}
	#nav_pc li:first-child{ border-top: 1px solid #093f89;}
	#nav_pc.open .nav_tgl span:nth-child(1){ top: 11px; transform: rotate(315deg);}
	#nav_pc.open .nav_tgl span:nth-child(2){ left: 50%; width: 0;}
	#nav_pc.open .nav_tgl span:nth-child(3){ top: 11px; transform: rotate(-315deg);}
	.over_gray{ display:none;}
	.over_gray.open{ display:block; background:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; top: 0; left: 0; z-index:9998; -webkit-animation:show 0.5s linear 0s; -moz-animation:show 0.5s linear 0s; animation: show 0.5s linear 0s;}


	/*-------更新履歴-------*/
	#new .nation17_ttl{ text-align: left;}
	#new .box_l{ float: left; width: 79%;}
	/*日付*/
	#new .new_day{ float: left; width: 12%;}
	/*更新テキスト*/
	#new .new_txt{ float: left; padding: 0 0 0 3%; width: 85%;}


	/*-------動画-------*/
	#movie{ float: right; width: 20%; margin: 4.8em auto 0;}
	#movie img{ width: 100%;}


	/*-------開催概要-------*/
	/*ロゴ*/
	#nation17_overview .box_l{ float: left; width: 30%;}
	/*テキスト*/
	#nation17_overview .box_r{ float: left; width: 70%;}

	/*魂の10年間*/
	.overview_tamashii10 .mainvisual_list li{ display: inline-block; margin: 0 1% 1% 0; width: 15.8%;}
	.overview_tamashii10 .mainvisual_list li:nth-child(6n){ margin-right: 0;}


	/*-------10周年を記念し、今年は「秋葉原2会場」で開催！-------*/
	/*会場リスト*/
	#nation17_venue .venue_list li{ padding: 1em 0;}
	/*会場名*/
	#nation17_venue .box_l{ border-bottom: none; border-right: 1px solid #093f89; float: left; padding: 0.5em 0; width: 32%;}
	/*テキスト*/
	#nation17_venue .box_r{ float: left; margin: 0 auto; padding: 0 2%; width: 63%;}


	/*-------開催記念商品-------*/
	/*商品リスト*/
	#nation17_eventitem .item_list{ margin: 0 auto; position: relative; width: 724px;}
	/*各商品枠*/
	#nation17_eventitem .item_box{ display: inline-block; margin: 0 3% 3% 0; width: 42%;}
	#nation17_eventitem .item_box:nth-child(2n){ margin-right: 0;}
	/*…AndMORE!!*/
	#nation17_eventitem .txt-andmore{ display:inline-block;}


	/*-------10大重大企画-------*/
	/*各企画ナビ*/
	.project_nav .project_nav_announcement .tag_list{ display: flex; flex-wrap: wrap;}
	.project_nav .project_nav_announcement .tag_list li{ flex: 1 1 calc(30% - 10px); margin: 0 0.4% 0.6% 0 !important; width: 40%;}
	.project_nav .project_nav_announcement .tag_list li:nth-child(even){ margin-right: 0 !important;}
	/*commingsoonナビ*/
	.project_cmsnav li{ display: inline-block; width: 18.8%;}

	/*来場特典 豪華クリエイター描き下ろしmini色紙*/
	.coloredpaper_list li{ display: inline-block; vertical-align: top; width: 33%;}
	/*フォトグラファーが魅せるフィギュアの世界*/
	.photo_list .box_l{ float: left; margin: 0 2% 0 0; width: 40%;}
	.photo_list .box_r{ float: left; width: 58%;}
	.photo_list .photo_sns{ float: right; max-width: 35px;}
	.photo_list .photo_img img{ width: 100%;}
	/*10か国を巡った魂ネイションズワールドツアー振り返り*/
	.tour_list li{ margin: 2% 2% 0 0; width: 25%;}
	.tour_list li:nth-child(3n){ margin-right: 0;}


	/*-------プレビューナイト-------*/
	#nation17_previewnight .nation17_ttl{ font-size: 38px;}


	/*-------予告-------*/
	/*タイトル*/
	#nation17_notice .nation17_ttl{ font-size: 30px; line-height: 1.6;}

	/*TOPページここまで
	-----------------------*/


	/*--------------------------------------------------------
	 タマコエページ
	----------------------------------------------------------*/
	/*-------応募方法-------*/
	#nation17_application .image_list li{ display: inline-block; width: 49%;}
	#nation17_application .image_list li:first-child{ margin-right: 2%;}
	#nation17_application .image_list li img{ width: 100%;}


	/*-------10年間の軌跡・Twitterタブ-------*/
	/*商品名*/
	.trajectory_tab01 .item_name{ float: left; width: 64%;}
	/*商品画像*/
	.trajectory_tab01 .item_img{ width: 20%;}
	.trajectory_tab01 .item_img img{ width: 100%;}

	/*タマコエページここまで
	-----------------------*/


	/*--------------------------------------------------------
	 100日メッセージページ
	----------------------------------------------------------*/
	/*メッセージリスト*/
	.message_list .sdw_box{ display: inline-block; margin: 0 1.4% 2% 0; padding: 1.4%; vertical-align: top; width: 31.6%;}
	.message_list .sdw_box:nth-child(3n){ margin-right: 0;}

	/*100日メッセージページここまで
	-----------------------*/


	/*--------------------------------------------------------
	 商品詳細ページ
	----------------------------------------------------------*/
	#nation17_itemdetail .item_namebox{ align-items: center; display: flex;}
	/*ブランドロゴ*/
	#nation17_itemdetail .item_logo{ margin: 0 2% 0 0; width: 20%;}
	/*メイン画像*/
	#nation17_itemdetail .item_img{ float: left; margin: 0 2% 0 0; width: 42%;}
	/*サムネ画像*/
	#nation17_itemdetail .item_thum{ float: left; width: 56%;}
	/*商品仕様/セット内容*/
	#nation17_itemdetail .item_detail{ float: left; width: 50%;}
	/*価格*/
	#nation17_itemdetail .item_info{ float: left; margin: 0 0 0 4%; width: 46%;}
	#nation17_itemdetail .item_price{ margin: 0;}


}

@media screen and (max-width:767px) {
	img{ width: 100%;}

	#movie{ width: 50%; margin: 1em auto 0;}

	/*----------------------------
	 header
	------------------------------*/
	/*魂ネイションロゴ*/
	#header .header_ttl{ width: 80%;}

	/*--------------------------------------------------------
	 TOPページ
	----------------------------------------------------------*/
	/*-------ナビゲーション-------*/
	/*トグルボタン*/
	#nav .nav_tgl{ display: block;}
	.open .nav_tgl span:nth-child(1){ top: 11px; transform: rotate(315deg);}
	.open .nav_tgl span:nth-child(2){ left: 50%; width: 0;}
	.open .nav_tgl span:nth-child(3){ top: 11px; transform: rotate(-315deg);}
	/*メニュー*/
	#nav{ position: fixed; top: 0; left: 0; transition: 0.3s ease-in-out; width: 100%; z-index: 5;}
	#nav.open{ background: #fff; right: 0; bottom: 0;}
	#nav .nation17_box{ width: 100%;}
	#nav ul{ display: none; margin: 58px auto 0;}
	#nav.open ul{ display: block;}
	#nav li{ border-bottom: 1px solid #093f89; display: block; margin: 0 auto; width: 100%;}
	#nav li:first-child{ border-top: 1px solid #093f89;}
	#nav .nav_arrow{ display: none;}


	/*-------動画-------*/
	#movie{ width: 50%; margin: 1em auto 0;}


	/*-------開催概要-------*/
	/*ロゴ*/
	#nation17_overview .box_l{ margin: 0 0 3em; text-align: center;}

	/*魂の10年間*/
	.overview_tamashii10 .mainvisual_list li:nth-child(4n){ margin-right: 0;}


	/*-------10大重大企画-------*/
	/*各企画ナビ*/
	.project_nav{ display: block; flex-wrap: nowrap;}
	.project_nav > li{ flex: none;}

	/*10か国を巡った魂ネイションズワールドツアー振り返り*/
	.tour_list li:nth-child(even){ margin-right: 0;}

	/*TOPページここまで
	-----------------------*/


	/*--------------------------------------------------------
	 タマコエページ
	----------------------------------------------------------*/
	/*-------10年間の軌跡・Twitterタブ-------*/
	/*暗い茶色背景*/
	.trajectory_tab01 .bg-darkblue.keyitem_btn{ background-size: contain;}
	/*茶色背景*/
	.trajectory_tab01 .bg-blue.keyitem_btn{ background-size: contain;}
	/*暗い茶色背景*/
	.trajectory_tab01 .bg-darkblue.keyitem_open{ background-size: contain;}
	/*茶色背景*/
	.trajectory_tab01 .bg-blue.keyitem_open{ background-size: contain;}

	/*タマコエページここまで
	-----------------------*/


	/*--------------------------------------------------------
	 100日メッセージページ
	----------------------------------------------------------*/
	/*メッセージリスト*/
	.message_list .sdw_box:nth-child(even){ margin-right: 0;}

	/*100日メッセージページここまで
	-----------------------*/

}

@media screen and (max-width: 480px){

	/*--------------------------------------------------------
	 TOPページ
	----------------------------------------------------------*/
	/*-------動画-------*/
	#movie{ width: 50%; margin: 1em auto 0;}

	/*-------開催記念商品-------*/
	/*各商品枠*/
	#nation17_eventitem .item_box{ margin: 0 auto 5%; padding:5%; vertical-align: top; width: 70%;}
	/*…AndMORE!!*/
	#nation17_eventitem .txt-andmore{ margin: 0 auto; width: 80%;}


	/*TOPページここまで
	-----------------------*/

}


/* ------ */



/* common styles */
.hide{ display:none; }

/** margin control **/
.nomargin{ margin:0 !important; }
.notopmargin{ margin-top:0 !important; }
.nobtmargin{ margin-bottom:0 !important; }

.leftmargin1em{ margin:0 0 0 1em; }
.leftmargin2em{ margin:0 0 0 2em; }
.rightmargin1em{ margin:0 1em 0 0; }
.rightmargin2em{ margin:0 2em 0 0; }

/** padding control **/
.leftpad1em{ padding:0 0 0 1em; }
.leftpad2em{ padding:0 0 0 2em; }
.rightpad1em{ padding:0 1em 0 0; }
.rightpad2em{ padding:0 2em 0 0; }
.bpad1em{ padding:0 0 1em 0; }
.padtop10{ padding-top:10px;}
.padtop20{ padding-top:20px;}
.padtop30{ padding-top:30px;}
.padtop40{ padding-top:40px;}
.padtop50{ padding-top:50px;}
.padtop60{ padding-top:60px;}
.padtop70{ padding-top:70px;}
.padtop80{ padding-top:80px;}
.padbottom10{ padding-bottom:10px;}
.padbottom20{ padding-bottom:20px;}
.padbottom30{ padding-bottom:30px;}
.padbottom40{ padding-bottom:40px;}
.padbottom50{ padding-bottom:50px;}
.padbottom60{ padding-bottom:60px;}
.padbottom70{ padding-bottom:70px;}
.padbottom80{ padding-bottom:80px;}

/** text align **/
.aleft{ text-align:left !important; }
.aright{ text-align:right !important; }
.acenter{ text-align:center !important; }

/** float control **/
.fleft{ float:left !important; }
.fright{ float:right !important; }
.clear{ clear:both; }

/** fontsize control **/
.larger{ font-size:larger !important;}
.smaller{ font-size:smaller !important;}

/** width control **/
.contentwidth{ width:100%; }

/** notice color **/
.note{ color:#C00; }

.under_line{ border-bottom:1px solid #999; padding:5px 0; }

/* -- END -- common styles */



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; font-size:12px;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; font-size:12px;}
#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}