﻿
/*スマホ専用CSS*/
@media (max-width: 640px) and (min-width: 0px) {

body{
	/*word-break: break-all;*/
	/*background-color:#174987;*/
}

.pc_none,
.sp_only{
	display:block!important;
}

.sp_none,
.sp_only_none,
.pc_img,
.pc_btn{
	display:none!important;
}

.spw100{
	width:100%;
}

.mobile_clear{
	clear:both!important;
}
.fontLarge{ font-size:125%; }

/*主要装備のボタン*/
/*スマートフォン・タブレット非表示*/
.equipment_spnone{
	display:none!important;
}


/*
-----------------------------------
共通事項
----------------------------------
*/

#header,
#topcontainer{
	width:100%;
}

.side_menu ul li.notit {
	margin-bottom:1px;
}


	

/*
-----------------------------------
スライダー
-----------------------------------
*/

#mainv {
	clear:both;
	margin:0!important;
}

.glide__arrow {
	display:none;
}

.glide--horizontal .glide__bullets {
    bottom:15%!important;
}

	#slider_all,
	.slider #slider01, .slider #slider02, .slider #slider03, .slider #slider04, .slider #slider05 {
		width:100%;
    height: auto!important;
}

#slider01 span {
    width: 150px!important;
    margin: 0 auto;
    margin-top:0px!important;
    height: 57px;
    background: url(../img/index/slide01_c.png) no-repeat;
		background-size:100%!important;
}

.slider {
    margin:0!important;
}

/*.slick-prev,
.slick-next{
	display:none!important;
}*/

#slot {
	display:none;
}

#tablegroup{

	width:100%;
}

#tablegroup #gnav{

}

#tablegroup #mainv{
}

	
/*
-----------------------------------
タイトル
-----------------------------------
*/

.title01 {
    font-size: 15px;
		line-height: 1.5;
}

.title01 span {
    margin-left: 0px;
}

.title01_revision {
    font-size: 16px;
		line-height: 1.5;
		margin:1px ;
		margin-bottom:15px;
		margin-top:5px;
		padding:5px 0;
		padding-left:10px;
}

.title01_revision span {
    margin-left: 0px;
}


.title02 {
    text-align: left;
		font-size:160%;
		margin-bottom: 10px;
		line-height: 1.5;
}

/*
-----------------------------------
テーブル
-----------------------------------
*/
#table01 {
    width:100%;
}

#table01 tr td,
#table01 tr th{
	display:block;
}

#table01 tr td img{
	width:100%;
}

.table02{
	width:100%;
}

.tablescroll{
	overflow:scroll!important;
	white-space: nowrap;　
}

.tablescroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.tablescroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.tablescroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

.tablescroll::before{
	width:100%;
	content:"※切れている場合は横スクロールが可能です";
}

.tablescroll_e{
	overflow:scroll!important;
	white-space: nowrap;　
}
.tablescroll_e::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.tablescroll_e::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.tablescroll_e::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
.tablescroll_e::before{
	width:100%;
	content:"※scrollable";
}
/*201709追記*/
.table_dl div.model{
	font-size:110%;
}

/*
-----------------------------------
ボックス
-----------------------------------
*/

.column02 {
    width:100%;
}

/*
-----------------------------------
リスト
-----------------------------------
*/

.dlist01 {
    font-size: 14px;
}

.dlist01 dt {
    padding-left:0px;
		font-weight: bold;
}

.dlist01 dd {
    padding:0;
    margin:0;
		padding-bottom: 10px;
		margin-bottom: 10px;
    border-bottom:dotted 1px #999;
}

.list02 li{
	display:block;
	float:none;
}

.list02 li a img.ml30{
	margin-left:0px;
}

.photo01{
	width:90%;
	margin:0 auto;
}

.photo01 li {
    float: left;
    width: 32%;
    margin-right: 1%;
    margin-bottom:1%;
		height:55px;
}

.photo01 li:nth-child(5n) {
    margin-right:1%;
}

.photo01 li img {
    width:100%;
}

/*
-----------------------------------
コンテナー
-----------------------------------
*/

body.notIndex {
}

.topic_path{
	display:none;
}

#bdB {
    margin-bottom: 10px;
}

#container{
	width:100%;
}

body.subcont #main,
#main {
    width: 95%;
		margin:0 auto;
    float: none;
    zoom: 1;
    border:none;
		padding:0;
		padding-bottom: 20px;
}
#main h3.fl,
#main h3.fr{
	float:none;
	margin-bottom: 15px;
}
#main h3.fl a img,
#main h3.fr a img{
	width:100%;
}
#main:after{
	content:"";
	display:block;
	clear:both;
}

body.subcont #main_revision,
#main_revision {
    width: 98%;
		margin:0 auto;
    float: none;
    zoom: 1;
    border:none;
		padding:0;
		padding-bottom: 20px;
}
#main_revision h3.fl,
#main_revision h3.fr{
	float:none;
	margin-bottom:0px;
}
#main_revision h3.fl a img,
#main_revision h3.fr a img{
	width:100%;
}
#main_revision:after{
	content:"";
	display:block;
	clear:both;
}


h1.head_title span {
    padding-left:0px;
}
/*20171226追記　英語版長タイトル*/
h1.head_title span.long{
	font-size:85%;
}
h2.main_title {
    margin: 0px;
    margin-bottom:15px;
}
h2.main_title_revision {
    margin: 0px;
    margin-bottom:5px;
}

h3.title01_revision {
	margin-top:5px;
	margin-left:1px;
	margin-right:1px;
}
.columnset{
	width:100%;
	margin:0 auto;
	float:none;
}
	/*追記*/


	.box-form ul li.left{
		float:none;
		display:block;
		text-align:center;
		margin-left:-1px;
	}
	.box-form ul li.right{
		float:none;
		display:block;
		text-align:center;
	}
	.box-form ul li img{
		width:90%;
	}
	
	

#topcontainer,
#topcontainer #cont_l{
	width:100%!important;
	/*margin-top: -10px;*/
}

#topcontainer{
	padding-bottom: 10px!important;
	background:white;
}

.newsbody {
    width: 100%;
    padding-right:10px;
}

#toplist.tabOn .tabReset {
		right:30px;
}

#topcontainer #cont_r {
		margin-left: 0px;
		width:90%;
		margin:0 auto;
		float:none;
		clear:both;
		/* height:365px; */
}

.english #topcontainer #cont_r {
		height:270px;
}

#topcontainer:after,
#topcontainer #cont_r:after{
	content:"";
	display:block;
	clear:both;
}

#bnr01,
#bnr02,
#bnr03{
	display:none;
}

#linklist01{
	width:100%;
	clear:both;
	font-size:1.2em;
}

#linklist01 dt{
	font-size:1.4em;
	height:37px;
	padding-top:8px;
	padding-left:15px;
	color:white;
	font-weight: bold;	
	background:#031a7c;
}


.tab_header_inner{
	width:100%;
}

.tab_header_inner ul li{
	width:50%;
	background-position:center top;
}

.tab_header_inner #swbtn_fb a,
.tab_header_inner #swbtn_fb a.bg2 {
    width: 100%!important;
    background:#3B579D url(../img/index/snsbtn_fb.gif) center top no-repeat;
}

.tab_header_inner #swbtn_tw a,
.tab_header_inner #swbtn_tw a.bg2 {
    width: 100%!important;
    background:#389BFA url(../img/index/snsbtn_tw.gif) center top no-repeat;
}

.fb-like-box.fb_iframe_widget iframe {
width:100% !important;
margin:0 auto;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100%!important; }

#linklist01 dd a{
	display: block;
	height:36px;
	padding-left:40px;
	padding-top: 16px;
	font-size:1em;
	font-weight: bold;
	margin-bottom: 1px;
	background-size: 7%!important;
}

#linklist01 dd a span{
	display:inline-block;
	width:12px;
	height:12px;
	text-indent:-9999px;
	float:right;
	margin-right: 15px;
	background:url(../img/common/icon_pc.png) no-repeat;
	background-size:98%;
}

#linklist01 dd#link01 a{	background:#eeeeee url(../img/common/tab/linkicon01.png) 7px 50% no-repeat;}
#linklist01 dd#link02 a{	background:#eeeeee url(../img/common/tab/linkicon02.png) 7px 50% no-repeat;}
#linklist01 dd#link03 a{	background:#eeeeee url(../img/common/tab/linkicon03.png) 7px 50% no-repeat;}
#linklist01 dd#link04 a{	background:#eeeeee url(../img/common/tab/linkicon04.png) 7px 50% no-repeat;}
#linklist01 dd#link05 a{	background:#eeeeee url(../img/common/tab/linkicon05.png) 7px 50% no-repeat;}

#linklist01 dd#link06 a,
#linklist01 dd#link07 a{
	background:#eeeeee url(../img/common/tab/linkicon06.png) 12px 50% no-repeat;
	background-size:3%!important;
}
#linklist01 dd#link08 a{	background:#eeeeee url(../img/common/tab/linkicon07.png) 7px 50% no-repeat;}
#linklist01 dd#link09 a{	background:#eeeeee url(../img/common/tab/linkicon09.png) 7px 50% no-repeat;}
#linklist01 dd#link10 a{	background:#eeeeee url(../img/common/tab/linkicon08.png) 7px 50% no-repeat;}

/*2017 cf 追記ここから*/
#linklist01 dd#link11 a{	background:#eeeeee url(../img/common/tab/linkicon11.png) 7px 50% no-repeat;}
/*2017 cf 追記ここまで*/

#linklist01 dd a:hover{
	text-decoration:none;
}

/*#jqOn #toplist.tabOn h2.corn div.c3 {
    background-image: url("../img/top/tab_close_l.gif");
    padding-top: 12px;
    padding-left: 0px;
		text-align:center;
    width:100%;
}*/

#toplist{
/*	width:90%;*/
	margin:15px auto;
	margin-top: 0;
}

#toplist.tabOn .tabReset {
	visibility:hidden;
	height:0px;
}

/*#toplist h2{
	width:25%!important;
	padding-bottom: 5px;
	display:table-cell;
	border:solid 1px #FFF!important;
	box-sizing:border-box;
	margin-right:0px;
}*/

#toplist.tabOn h2 {
    margin-right:0px;
}

.tabOn#toplist h2 {
    font-size: 12px;
		text-align:center;
}

.newsbody ul {
    float: none;
    width: 100%;
}

#topcontainer #topics_all {
    min-height: 150px;
    margin-bottom: 0px;
}


/*#toplist h2#topics {
    background: #c9c9c9!important;
}*/

/*#toplist h2#update {
    background: #c9c9c9!important;
}*/

/*#toplist h2#news{
    background: #c9c9c9!important;
}*/

/*.tabOn#toplist h2#topics.on{
	background:#031a7c!important;
}*/

/*.tabOff#toplist h2#topics,
.tabOff#toplist h2#topics.on{
	background:#003094!important;
	color:white!important;
}*/

/*.tabOn#toplist h2#update.on{
	background:#031a7c!important;
}*/

/*.tabOff#toplist h2#update,
.tabOff#toplist h2#update.on{
	background:#003094!important;
}*/

/*#toplist h2#news{
	background:#c9c9c9!important;
}*/

/*.tabOn#toplist h2#news.on{
	background:#031a7c!important;
}*/

/*.tabOff#toplist h2#news,
.tabOff#toplist h2#news.on{
	background:#003094!important;
	color:white!important;
}*/

/*#toplist #houdou {
	background:#ec6941!important;
	padding-left:20px;
	color:white;
}*/

/*.tabOn#toplist h2#houdou.on{
	background:#031a7c!important;
}*/
/*.tabOff#toplist h2#houdou,
.tabOff#toplist h2#houdou.on{
	background:#003094!important;
}*/

#toplist h2 span {
	display:none;
}

.newsbody {
    float: none;
		height:164px;
    overflow-y: scroll;
}

.tabBox {
    padding: 8px 10px 5px 10px;
    height: 180px;
		overflow:hidden;
		box-sizing:border-box;
		margin-bottom: 0!important;
}

/*index*/

#topcontainer_all {
  padding-top: 0px;
	margin-top: -5px;
}

.btn_extra {
	text-align:center;
	margin-bottom: 12px;
	display:none!important;
}

.btn_extra a{
	display: block;
	background:#003094;	
	padding: 5px 0;
	color:white;
	font-weight: bold;
}

.tabbox_l {
	display:none;
}

.bottom_link{
	display:none;
}

.newsbody li dl {
    padding: 7px 0;
		border-bottom: dotted 1px #999;
}

.side_menu {
    width:100%;
    min-height:0px;
    float: none;
}

.side_menu ul li.menu_title {
    border-radius:0;
}

.side_menu ul li.notit a {
    display:block;
    width:100%;
}

.right_contents01 {
    display: inline;
}

.left_img01 {
	width:100%;
	border-right:solid 5px white;
}

.bottom_link_list {
	background:#E4E4E4;
}

.bottom_link_list li{
	text-indent:0px;
}

.bottom_link_list li a {
    width: 85%;
    padding: 0px; 
		padding-top: 5px;
		padding-left: 20px;
    padding-right: 10px;
}

body#about_index .column01.fl,
body#about_index .column01.fr ,
body#about_index h3.fl, body#about_index .column01.fl ,
body#about_index h3.fr, body#about_index .column01.fr {
    width:100%;
    float:none;
}

body#about_index .column01.fl a img,
body#about_index .column01.fr a img{
    width:100%;
}

body#about_index .column01 .text {
    position: absolute;
		top:inherit;
    bottom:12px!important;
    left:28px;
}

#topcontainer #sns {
	clear:both;
	width:279px;
	margin:0 auto;
    height: 100%;
    margin-bottom: 20px;
}

/*english*/
.english_index #topcontainer {
    margin-top: 0px;
		padding-top: 20px;
}

.english_index #news_e{
	width:90%;
	margin:0 auto;
	margin-bottom: 20px;
}

/*
-----------------------------------
フッター
-----------------------------------
*/

/*20171226追記　英語版フッタ*/
#fmenu02{
	background-color:#174987 !important;
}
#foot_sp{
	background-color:#174987 !important;
}


.sp_top{
	width:100%;
	background:#174987;
	padding:18px 0;
	margin-bottom:0px;
	text-align:center;
}

.sp_top img{
	width:50%;
	text-align:center;
}

.pc_btn{
	font-size:1.4em;
	padding:15px 0;
	font-weight: bold;
	text-align:center;
	width:100%;
	background:#dedede;
}

#foot_spbody{
	background-color:#174987 !important;
	height:149px;
}

#foot_spbody h3{
	color:white;
	font-weight: bold;
	text-align:center;
	font-size:1.5em;
	padding:11px 0;
}

#fmenu_sp{
	width:305px;
	margin: 0 auto;
	margin-top: 20px;
}

#fmenu_sp li{
	float:left;
	margin-right: 8px;
}

#fmenu_sp li:last-child{
	margin-right: 0;
}

#fmenu_sp:after{
	content: "";
	display: block;
	clear: both;
}

#sp_copy{
	background:#174987;
	padding:10px;
	padding-top: 25px;
	clear: both
}

#sp_copy p{
	width:100%;
	clear: both;
	margin: 0 auto;
	color:white;
	font-weight: bold;
}

#sp_copy span{
	width:200px;
	height:27px;
	display:block;
	margin-right: 15px;
	font-size:160%;
	color:#FFF;
	font-weight:bold;
	/*text-indent:-9999px;*/
	/*background:url(../img/common/footer_logo.png) no-repeat;*/
	background-size:100%;
}

#foot_spbody ul#btn_japanese{
	clear: both;
	width: 305px;
	margin: 15px auto 25px auto;
}

#foot_spbody ul#btn_japanese li{
	width: 150px;
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	box-shadow: 0px 5px 2px #666;
	border-radius: 5px;
	margin-left: -10px;
}

#foot_spbody ul#btn_japanese li a{
	display: block;
	padding: 5px 0 ;
	border-radius: 5px;
	background: white;
	color: #666;
}

#foot_spbody ul#btn_japanese li:first-child{
	float: left;
}
#foot_spbody ul#btn_japanese li:last-child{
	float: right;
}

#foot_spbody ul#btn_japanese li:first-child a,
.english #foot_spbody ul#btn_japanese li:last-child a{
	background: #999;
	color: #CCC;
}

.english #foot_spbody ul#btn_japanese li:first-child a{
	background: white;
	color: #666;
}

#foot_spbody ul#btn_japanese:after{
	content: "";
	display: block;
	clear: both;
}


/*
-----------------------------------
各ページ
-----------------------------------
*/

/*about*/

.message {
    position:static;
		background:#416db8;
		display:table-footer-group;
}

.message h3 {
    position:static;
		padding:15px;
		padding-bottom: 5px;
}

.message .biography {
    position: static;
		padding:15px;
		padding-top: 0;
}

/*base*/

body.base #main {
    width:100%;
    padding:inherit;
}

.tab_menu{
	display:block;
}

.tab_menu li {
	width:100%;
	display:block;
    border-bottom: 1px solid white;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
}

/*photo_gallery*/

body#sp_photo_body #main {
    width: 100%;
		padding-bottom: 15px;
}

/*pr_pilot*/

.pilot_column {
    width: 100%;
    float: none;
    display: block;
		margin:0;
}

.pilot_column p{
	text-align:center;
}

.pilot_column dd {
    height:auto;
		margin-bottom: 10px;
}

/**/

.crew_column01 {
    background: none;
	}

.crew_column01 dl {
    width: 100%;
    float: none;
		clear:both;
		background:none;
}

.crew_column01 p{
	width:100%;
	text-align:center;
}

.crew_column02 {
    width:30%;
    float:left;
    display:block;
		background:none;
}

.crew_column02 dt {
    float: none;
    display: block;
}

.crew_column03 {
    width:100%;
    background: #4369b4;
    color: #FFF;
    line-height: 1.3;
}

/*special*/
/*movie*/

iframe{
	width:100%!important;
	height:300px!important;
}

iframe div{
	width:100%!important;
}

.fancybox{
	display:block;
	width:100%;
	height:100%;
	margin:20px 0;
	margin-bottom: 0;
}

#special_apply #content{
	width:100%!important;
	margin-left: 0!important;
}

#special_apply #content h3 a img{
	width:100%;
}

#special_apply #content h3.mr40{
	margin-right: 0!important;
}

.contents_list li {
    float: none;
    display: block;
    padding: 0;
		width:100%;
}
.contents_list li a{
	width:80%;
	margin:0 auto;
	display:block;
}
.contents_list li a img{
	width:100%;
}

/*20170914追記*/
.contents_list_revision li {
    float: none;
    display: block;
    padding: 0;
		width:100%;
}
.contents_list_revision li a{
	width:100%;
	margin:0 auto;
	display:block;
}
.contents_list_revision li a img{
	width:100% !important;
}

/*wallpaper*/

.wallpaper_contents {
    margin: 0;
}

.wallpaper_contents dl {
    width: 50%;
    float: left;
    display: block;
    margin: 0;
		border-right:solid 3px white;
		box-sizing:border-box;
}

.wallpaper_contents dl dd img,
.wallpaper_contents dl dt img{
	width:100%;
}

/*blogpart*/

.screensaver_contents {
    margin: 0 0 15px 0;
}

.blog_parts,
.blog_parts textarea{
	width:100%;
}

.screensaver_contents div {
    width: 50%;
    float: left;
    display: block;
    margin: 0;
		margin-bottom: 15px;
}

.screensaver_contents .txt {
    text-align: left;
    white-space:normal;
		font-size:12px;
}

.widget_contents {
    width: 100%;
    float: none;
}

/*recruit*/

recruit_list01 {
	width:100%;
}

.recruit_list01 li {
    float: none;
    display: inline;
    margin:0;
}

.recruit_list01 li img{
	width:100%;
}

/*taishokujieikan*/
h2.tj_topimage {
    width: 100%;
    background-image: url("../images/topimage.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 314px;
    position: relative;
}

#tj_news {
    width: 100%!important;
    height:120px;
}

#tj_menu li {
    background-image: url("../images/menu_bg.gif");
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    float: none;
    margin-top: 0px;
}

.tj_menu_r {
    margin-left: 0px!important;
}

.tj_notice_box ,
.tj_notice_title {
    width: 100%!important;
		border:none!important;
}

.tj_notice_title{
	background: none!important;
	background:#EEE!important;
	padding:7px;
	height:inherit!important;
	margin-bottom: 15px;
}

.tj_notice_title span {
    position:static!important;
}

.tj_notice_contact {
    width: 100%!important;
    margin:0!important;
}

.tj_notice_tx {
    width: 100%!important;
    margin-left: 0px!important;
    padding-top: 0px!important;
}

.tj_section {
    margin-left: auto;
    margin-right: auto;
    width: 100%!important;
}

.TabbedPanelsTabGroup{
	margin-bottom:5px!important;
}

#TabbedPanels1 {
    width: 100%!important;
		box-sizing:border-box;
}

.movie_area{
	width:100%!important;
}

.TabbedPanelsTabSelected {
    background-color: #6B6B6B!important;
}

li.TabbedPanelsTab{
	width:100%!important;
}

.tj_model_contents {
    width: 100%!important;
}

.tj_model_box_top_urakado,
.tj_model_box_top_sanada,
.tj_model_box_top_umeki,
.tj_model_box_top_shinoura
{
    background-image:none!important;
    width: 100%!important;
    background-color: #0071bc;
    overflow: auto;
    height: 100%;
    border: 2px solid #0071bc;
}

.modelbox_top_tx {
    width: 90%!important;
    float: none!important;
    margin: 15px 0 15px 13px;
}

.modelbox_bt_box,
.tj_model_box_md {
		box-sizing:border-box!important;
    width: 100%!important;
}

.modelbox_bt_tx{
	padding:2%;
	float:none!important;
	width: 96%!important;
}

.rec_taishokuimg_sp{
	margin-bottom:-20px;
}

.sbanner {
	width:95%;
	margin:0 auto;
	margin-top: 10px;
		margin-bottom: 10px;
}

#tj_flow_box {
    background-image:none!important;
    width: 100%!important;
    height: auto!important;
}

.flow_01,
.flow_02,
.flow_03,
.flow_04,
.flow_05{
	position:static!important;
	left:0px!important;
	top:0px!important;
}

.flow_tx{
	margin-bottom: 10px;
}

.qa_box,
.qa_main,
.a_tx,
.q_tx,
.a_tx_l1 {
    width: 100%!important;
}

.qa_main{
	background:none!important;
	border-bottom:solid 5px #E0E0E0!important;
}

.qa_box{
}

/*omikuji*/

body#omikuuji #wrapper{
	width:100%;
	height:640px;
	border: none;
}

body#omikuuji #container {
	width:100%;
	padding:0;
}

body#omikuuji .kekka{
	margin:0;
	margin-top:0px;
}

body#omikuuji #contmain{
	padding-top: 30px;
}

body#omikuuji #startflag{
	width:100%;
	padding-top: 215px;
}

body#omikuuji #startflag img {
	width:80%;
	margin:0 auto;
}

body#omikuuji .startbtn {
	width:50%;
	margin:0 auto;
    text-align: center;
    margin-top:-100px;
    cursor: pointer;
}

.title01_equipment span{
	display:block;
	margin-left:-15px !important;
}


/*主要装備 20171124追記*/

.dl_btn{
	margin-top:-15px;
	margin-bottom:-15px;
}

.eq_button {
  width: 90%;
}





	
}