@charset "utf-8";

/*
	Last Update:2010/06/15
	Auther: arahori
*/

/*===================================================================
	共通部分
===================================================================*/
.wrap { margin-bottom:30px; }
.caption { font-size:0.85em; color:#999; }

.box { padding:20px; background:#FFF; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
	@media screen and (max-width: 575px){
		.box { margin-left:-15px; margin-right:-15px; }
	}
	@media (min-width: 576px){
		.box { border-radius:5px; }
	}

a.button_1 {
	position: relative;
	background-color: #2A6597;
	border-radius: 4px;
	display:block; color:#FFF;
	line-height: 45px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #225179;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	text-align:center;
	font-size:15px; font-weight:bold;
}
a.button_1:active {
	top: 3px;
	box-shadow: none;
}
	@media (min-width: 768px){
		a.button_1 { letter-spacing:2px; }
	}


/*-------------------------------------------------------------------
	#page_title
-------------------------------------------------------------------*/
#page_title { padding:12px; background:rgba(41,106,162,0.9); }
#page_title h2 { color:#FFF; text-align:center; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,0.2) }
	@media screen and (max-width: 575px){
		#page_title h2 { font-size:25px; }
	}
	@media (min-width: 576px){
		#page_title h2 { font-size:30px; }
	}

	/*-------------------------------------------------------------------
		.txt
	-------------------------------------------------------------------*/
	.txt p,
	.txt ul,
	.txt ol,
	.txt table,
	.txt dl { margin-bottom:1.5em; }
	
	.txt ul li { margin-left:20px; padding-left:12px; background:url(../image/layout/arrow.png) no-repeat left 5px; }
	.txt ul.inline { padding-right:50px; }
	.txt ul.inline li { float:left; }
	
	.txt ul.pager { padding-right:80px; }
	.txt ul.pager li { float:left; background:url(../image/layout/maru.png) no-repeat left 7px; font-size:1.17em; }
	
	.txt ol { margin-left:20px; list-style:none; counter-reset: section; }
	.txt ol li { padding-left:20px; }
	.txt ol li:before { display:inline-block; float:left; width:10px; height:10px; margin-left:-30px; margin-right:8px; padding:5px; background:#CCC; border-radius:100%; font-size:0.8rem; line-height:10px; color:#FFF;
	text-align:center;
		counter-increment: section;
		content: counter(section);
	}
	.txt ul li,
	.txt ol li { margin-bottom:8px; }
	
	.txt a.arrow { display: block; border-radius: 3px; background:url(../image/layout/arrow_right_button.png) no-repeat right center; border: 1px solid #ccc; padding:20px; text-align:center; font-weight:bold; font-size:15px;
/* box-shadow */
-webkit-box-shadow:rgb(204, 204, 204) 0px -6px 0 -4px inset;
-moz-box-shadow:rgb(204, 204, 204) 0px -6px 0 -4px inset;
box-shadow:rgb(204, 204, 204) 0px -6px 0 -4px inset;

}
	
	.txt .box { padding:15px 15px 0; border: 1px solid #ccc; border-radius:3px;
	/* box-shadow */
	-webkit-box-shadow:rgb(204, 204, 204) 0px -6px 0 -4px inset;
	-moz-box-shadow:rgb(204, 204, 204) 0px -6px 0 -4px inset;
	box-shadow:rgb(204, 204, 204) 0px -6px 0 -4px inset;
	 }
	 
	 .txt td ul { margin-bottom:0; }
	 .txt td ul li { margin:0 0 5px; } 

/*===================================================================
	#top
===================================================================*/
#base { background:#eeeeee url(../image/contents/top/main_back2.jpg) no-repeat center top; }
#top.movie #base,
#top.movie_1 #base { background:#eee; }
	@media screen and (min-width: 768px){
		#top.movie_1 #head { position:absolute; top:0; left:0; width:100%; height:calc(45vw + 149px); max-height:calc(640px + 149px); background:none; z-index:2; }
		#top.movie_1 #head .center { position:static; max-width:100%; }
		#top.movie_1 #main_navi { position:absolute; width:100%; left:0; bottom:0; top:auto; background:url(../image/navi/main/back.png) repeat-x center bottom; }
		#top.movie_1 #main_navi > ul { width:1016px; margin:0 auto; }
		#top.movie_1 #head .head_inquiry { right:calc(50% - 508px); }
		#top.movie_1 #main_visual2 { height:calc(45vw + 139px); max-height:calc(640px + 139px); }
		#top.movie_1 #head .head_inquiry._type2-top { right:11vw; }
	}
	@media screen and (min-width:1400px){
		#top.movie_1 #head .head_inquiry._type2-top { right:calc(50% - 540px); }
	}

#top #body { padding-bottom:0; }

#main_visual { position:relative; z-index:100; height:667px; margin-bottom:-44px; background:url(../image/contents/top/main_back.jpg) no-repeat center bottom; }
#main_visual img { margin-top:41px; margin-right:80px; display:none; }

#main_visual2 { position:relative; }
#main_visual2 .photo img { visibility:hidden; }
#main_visual_text { position:absolute; top:0; left:0; width:100%; height:100%; }
#main_visual_text .text_wrap { display:table; width:100%; height:100%; margin:0 auto; }
#main_visual_text .text_wrap > * { display:table-cell; vertical-align:top; }
#main_visual_text._type2 { z-index:10; top:auto; bottom:70px; height:auto; }
#main_visual_text._type2 .text_wrap { display:block; text-align:right; padding:0 15px; }
body.IE #main_visual_text .text_wrap .logo img,
body.IE #main_visual_text .text_wrap .text img { width:100%; }
.button_top_movie_dialog-open { display:inline-block; border:5px solid #c11b0f; border-radius:8px; overflow:hidden; padding:0; background:#fff; cursor:pointer; }
.button_top_movie_dialog-open img { height:auto; }
body.pc .button_top_movie_dialog-open:hover { border-color:#df8c86; }
body.pc .button_top_movie_dialog-open:hover img { opacity:0.5; }
dialog { border:none; background:#fff; border-radius:10px; overflow:hidden; padding:15px; }
dialog::backdrop { background:rgba(0,0,0,0.8); }
.top_movie_dialog_video { line-height:1.0; margin-bottom:15px; position:relative; max-width:568px; }
.top_movie_dialog_video video { aspect-ratio:16 / 9; width:100%; height:auto; }
.button_top_movie_dialog-close { display:inline-block; border:1px solid #999; border-radius:8px; overflow:hidden; padding:0; background:#fff; cursor:pointer; color:#777; padding:8px 20px; }
	@media screen and (max-width: 575px){
		#main_visual2 { margin-top:-60px; height:calc(130vw + 60px); z-index:1; background:url(../image/contents/top/main_back2.jpg) no-repeat center bottom / auto 100%; }
		#main_visual_text .text { display:none !important; }
		#main_visual_text .logo { text-align:center; padding-top:80px; }
		#main_visual_text .logo img { max-width:260px; }
		
		#top.movie_1 #main_visual2 { background:transparent; }
		#top_movie #main_image,
		#top_movie #main_image .unit { height:calc(130vw + 60px); }
		#top_movie #main_image .unit { background-position:center top; background-repeat:no-repeat; background-size:cover; }
		#top_movie #main_image .unit img { visibility:hidden; }
		#main_visual_text._type2 { bottom:10px; }
		.button_top_movie_dialog-open { width:180px; }
	}
	@media screen and (min-width: 576px) and (max-width: 767px){
		#main_visual2 { margin-top:-60px; height:100vw; z-index:1; background:url(../image/contents/top/main_back2.jpg) no-repeat center bottom / auto 100%; }
		#main_visual_text .text_wrap { max-width:90vw; }
		#main_visual_text .text { width:20%; padding-top:110px; }
		#main_visual_text .logo { text-align:center; padding-top:80px; padding-right:16%; }
		#main_visual_text .logo img { max-width:300px; }
	}
	@media screen and (min-width: 768px) and (max-width: 991px){
		#main_visual2 { height:80vw; max-height:640px; margin-bottom:30px; }
		#main_visual_text .text_wrap { max-width:810px; }
		#main_visual_text .text { width:20%; padding-top:50px; }
		#main_visual_text .logo { padding-left:5%; padding-right:30%; padding-top:10px; }
		#main_visual2._movie #main_visual_text { padding-top:50px; }
		#main_visual2._movie #main_visual_text._type2 { padding-top:0; }
	}
	@media (min-width: 992px){
		#main_visual2 { height:45vw; max-height:640px; }
		#main_visual_text .text_wrap { max-width:810px; }
		#main_visual_text .text { width:20%; padding-top:50px; }
		#main_visual_text .logo { padding-left:5%; padding-right:30%; padding-top:10px; }
		#main_visual2._movie #main_visual_text { padding-top:40px; }
		#main_visual2._movie #main_visual_text .text_wrap { max-width:1016px; }
		#main_visual2._movie #main_visual_text .logo { width:300px; padding:0; text-align:left; }
		#main_visual2._movie #main_visual_text .logo img { width:100%; }
		#main_visual2._movie #main_visual_text .text { width:780px;padding:70px 0 0 0; }
		#main_visual2._movie #main_visual_text .logo img { width:100%; max-width:700px; }
		#main_visual2._movie #main_visual_text._type2 { padding-top:0; }
		#main_visual2._movie #main_visual_text._type2  .text_wrap { max-width:1200px; }
	}

#top_movie { position:absolute; top:0; left:0; width:100%; line-height:1px; overflow:hidden; }
#top_movie .top_movie_wrap { width:100%; max-width:1400px; position:relative; margin:0 auto; }
#top_movie .top_movie_wrap:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; 
			background: -moz-linear-gradient(left,  rgba(238,238,238,1) 0%, rgba(238,238,238,0) 5%, rgba(238,238,238,0) 95%, rgba(238,238,238,1) 100%);
			background: -webkit-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(238,238,238,0) 5%,rgba(238,238,238,0) 95%,rgba(238,238,238,1) 100%);
			background: linear-gradient(to right,  rgba(238,238,238,1) 0%,rgba(238,238,238,0) 5%,rgba(238,238,238,0) 95%,rgba(238,238,238,1) 100%); }
#top_movie video { width:100%; }
	@media (min-width: 992px){
		#top_movie { height:780px; }
		#top_movie video { height:780px; max-height:56vw; }
	}

	/*-------------------------------------------------------------------
		#top_menu
	-------------------------------------------------------------------*/
	#top_menu { background:#165d9b url(../image/contents/top/top_menu_back.jpg) no-repeat center top; }
	#top_menu h2 { display:none; }
	#top_menu ul {}
	#top_menu li { float:left; }
	#top_menu li:first-child { margin-left:211px; }
		@media (max-width: 575px){
			#top_menu { padding:30px 0; background:#165d9b url(../image/contents/top/top_menu_back-sp.jpg) no-repeat center top / auto 70vw; }
		}
		@media screen and (min-width: 576px) and (max-width: 767px){
			#top_menu { padding:30px 0; }
			#top_menu ._sp { display:none; }
		}
		@media (min-width: 768px){
			#top_menu { height:404px; padding:55px 0 0; }
		}
	
	/*-------------------------------------------------------------------
		#top_banner
	-------------------------------------------------------------------*/
	#top_banner { padding:30px 0 60px; background:#FFF; }
	#top_banner ul li { display:inline; }

#top_information {}
#top_information th,
#top_information td { padding:12px; border-bottom:1px dotted rgba(0,0,0,0.2); }
#top_information th { width:80px; padding-right:0; }
#top_information td a { padding-left:12px; background:url(../image/layout/arrow.png) no-repeat left 5px; display:inline-block; color:#333; }
#top_information tr:nth-child(even) th,
#top_information tr:nth-child(even) td { background:rgba(0,0,0,0.05) }
	@media (min-width: 576px){
		#top_information table { width:560px; }
	}



/*===================================================================
     #information
===================================================================*/
#information {}
#information_list {}
#information_list .unit { padding:20px 0; border-bottom:1px dotted #CCC; }
#information_list .image { float:right; width:200px; margin:0 0 10px 15px; text-align:center; color:#999; }
#information_list .image img { margin-bottom:5px; }
#information_list .clearfix .text { padding-right:215px; }
#information_list .title { margin-bottom:5px; font-weight:bold; font-size:1.17em; }
#information_list .date { margin-bottom:5px; color:#666666; }
	 
	
/*===================================================================
	#inquiry
===================================================================*/
#inquiry {}

/* .tbl_form */
.tbl_form {}
.tbl_form th,
.tbl_form td { padding:7px 10px; border:1px solid #CCC; }
.tbl_form th { background:#F9F6F1; text-shadow:0 1px 0 #FFF; }
.tbl_form th.check { background:#F9F6F1 url(../image/contents/inquiry/check.gif) no-repeat 135px 10px; }
.tbl_form textarea { width:380px; height:200px; }

/* .form_button */
.form_button { padding:5px 10px; }

	/*-------------------------------------------------------------------
		#error
	-------------------------------------------------------------------*/
	#error { margin-bottom:15px; padding:15px; background:#F8EAE8; border:2px solid #BC2F1C; color:#BC2F1C; text-shadow:0 1px 0 #FFF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px; }


/*===================================================================
	#warehouse
===================================================================*/
#warehouse .warehouse_unit { position:relative; margin-bottom:20px; }
#warehouse .warehouse_unit a { display:block; text-decoration:none; color:#333; }
#warehouse .warehouse_unit .photo { position:relative; overflow:hidden; border:1px solid #ccc; }
#warehouse .warehouse_unit .photo:after { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; box-shadow:0 0 10px 10px #fff inset; }
#warehouse .warehouse_unit .text { padding:10px 0; text-align:center; font-weight:bold; }

#warehouse .warehouse_detail .tbl_1 tbody tr > th:first-child { width:160px; }
#warehouse .warehouse_detail .tbl_1 tbody th,
#warehouse .warehouse_detail .tbl_1 tbody td { vertical-align:middle; padding:7px; }