/*# media.css */

.drawer-hamburger {display:none;}

@media (max-width: 1700px) {

.mainText { top:20%; right:5%;}


}

@media (min-width: 992px) and (max-width: 1199px) {
/*-------------
　■ support
---------------*/
#tabAccordion dl dt {
	width:17%;
	font-size:1rem;
}
	#tabAccordion dl:nth-child(2) dt { left:17%;}
	#tabAccordion dl:nth-child(3) dt { left:33%;}
	#tabAccordion dl:nth-child(4) dt { left:50%;}
	#tabAccordion dl:nth-child(5) dt { left:66.5%;}
	#tabAccordion dl:nth-child(6) dt { left:auto; right:0;}
#tabAccordion dl dd{ top:45px;}

/*----- maintenance -----*/
.wrap-sup-maint .btn_list ul li{ width:48%; margin-bottom:2em;}
	.wrap-sup-maint .btn_list ul li:nth-child(2n){ margin:0;}
	
/*----- maintenance/detail -----*/
.wrap-sup-maint-detail .btn_list li a{ font-size:1.4rem;}

/*-------------
　■ dealer
---------------*/
.wrap-dealer .mainContents{ width:70%;}

}


.subNav li:hover {	opacity: 0.8;}

@media (min-width: 768px) and (max-width: 1199px) {
#move .txt{ top:20%;}
	#move .txt p{ font-size:1.5rem;}
	#move .button{ font-size:1.8rem;}

/*.subNav .pull-left, .subNav .pull-right {float:none !important; display:block; margin:auto; text-align:center;}*/
.subNav .pull-left {margin-bottom:1em;}
/*.subNav ul { max-width:none;}*/

header {min-width:100%;}
.subNav {min-width:100%;}
footer{min-width:100%;}
#navi .txt02{ padding:10px 0 0 0;}	

/*-------------
　■ support
---------------*/
.wrap-support .subMain .sup_box_01+h3{ margin-top:1.6em;}

#tabAccordion dl dt {
	width:17%;
	font-size:0.5rem;
}
	#tabAccordion dl:nth-child(2) dt { left:17%;}
	#tabAccordion dl:nth-child(3) dt { left:33%;}
	#tabAccordion dl:nth-child(4) dt { left:50%;}
	#tabAccordion dl:nth-child(5) dt { left:66.5%;}
	#tabAccordion dl:nth-child(6) dt { left:auto; right:0;}
#tabAccordion dl dd{ top:40px;}

.wrap-support .menu_list ul li{ width:47%;}
	.wrap-support .menu_list ul li:nth-child(2n){ margin-right:0;}
	.wrap-support .menu_list ul li:nth-child(3){ margin-right:5%;}
	
/*----- prevention -----*/
.wrap-sup-product .subBase{ text-align:left;}
	.wrap-sup-product .subBase h3{ margin:0 auto 0.8em;}
	.wrap-sup-product .subBase p{ font-size:1.3rem; margin-bottom:20px; line-height: inherit;}

.wrap-sup-product .pdf_link{ width:750px; margin-top:4em;}
	.wrap-sup-product .pdf_link .linkBox dl dt{ font-size:1.5rem;}
	
/*----- jsa -----*/
.wrap-sup-jsa h3{ font-size:2.3rem;}
	.wrap-sup-jsa h3 span{ background-size:80px; padding:0 0 0 80px;}
.wrap-sup-jsa h4{ font-size:1.9rem;}

.wrap-sup-jsa .link_list li{ font-size:1.3rem;}
#jsa-01 .grayarea{ width:100%;}
#jsa-02 .container{ padding-right:0;}

/*----- maintenance -----*/
.wrap-sup-maint .caution .container{ width:750px;}
.wrap-sup-maint h4{ font-size:1.9rem;}
.wrap-sup-maint .btn_list ul li{ width:48%; margin-bottom:2em;}
	.wrap-sup-maint .btn_list ul li:nth-child(2n){ margin:0;}
	
/*----- maintenance/detail -----*/
.wrap-sup-maint-detail .btn_list li a{ font-size:1.2rem;}

/*-------------
　■ dealer
---------------*/
.wrap-dealer .mainContents{ width:75%;}
.wrap-dealer .sideNavi{ width:20%;}
	.wrap-dealer .sideNavi img{ width:100%;}

/*-------------
　■ sitemap
---------------*/
.wrap-sitemap .subBase > ul{ width:28%;}
.wrap-sitemap .subBase.brand > ul{ width:45%;}





}

@media (max-width: 767px) {

.drawer-hamburger {display:block;}
#toggle{
	position: relative;
	width: 100%;
	}
	#toggle:after {
		content:"\e114";
		font-family: 'Glyphicons Halflings';
		position:absolute;
		top:25%;
		right:5%;
		font-size:2.2rem;
		}
#menu {display: none;}

body {min-width:0;}
.sn {display:none;}
.sp {display:block;}	
.pull-left, .pull-right {float:none !important;}
.row {margin:0;}

/*----- button -----*/		
.button {
	width:60%;
}

.button02 {
	font-family: 'Glyphicons Halflings';
	font-size:5.5em;
	color:#fff;
	border:none;
	font-weight:100;
	}
	
/*----- header -----*/
header {
	text-align:center;
	min-width:100%;
	}
	header#indexMain {
		background:url(../../images/top/img_hyflex_bg.jpg) no-repeat center center;
		background-size:cover;
	}
	header#subHead #pagetop {padding-bottom:0px;}
#pagetop .pull-left h1 {
	margin-bottom:1em;
	}
	#pagetop .pull-left h1 img {zoom:.6;}
#pagetop .snsLink li {
	display:inline;
	}

.mainText {
	top:auto;
	left:0;
	right:0;
	bottom:6%;
	width:90%;
	margin:auto;
}
	.mainText img {
		width:100%;
		}
	
/*----- Bread_crumb_List -----*/
.bread{
	width:100%;
	position:absolute;
	bottom:0;
	padding:15px 0 10px;
	background-color: rgba(62,15,1,0.5);
}
.bread .pull-left {
	padding:10px 20px;
	font-size:1.6rem;
	background-color: rgba(0,0,0,0.35);
	}
.bread_crumb {
	width:600px;
	margin:auto;
	text-align:right;
	padding-top:15px;
	}
.bread_crumb li { display:inline;}
.bread_crumb li:after {
    content : '>';
    padding:0 10px;
}
.bread_crumb li:last-child:after { content : '';}
.bread_crumb li.current { font-weight:bold;}

/*----- pagetop -----*/
.pagetop {
	bottom:18%;
	right: 0;
}
	

/*----- footer -----*/
footer{min-width:100%;}
footer #footer_inner {
	text-align:center;
	padding: 1.5em 0 .25em;
	}
footer #footer_inner .footer_logo {
    margin-bottom: 0;
}

/*----- figure effect -----*/
figure.effect01 figcaption {
	width:100%;
}
figure.effect01 h3 {
	margin:10px;
}
figure.effect01 h3 span {
	display:block;
	float:none;
	width:100%;
	text-align:center;
	margin:0 0 10px;
}

/*----- index layout -----*/

#move .container {
	position:relative;
	margin-bottom:5em;
	padding-bottom:90%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	text-align:center;
}	
#move video {
	position:absolute;
	top:0;
	left:-50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}

#move .txt { width:80%; top:15%;}
	#move h3 img { width:80%;}
	#move .txt p{ font-size:1.3rem; margin:2em 0 2em 0;}
	#move .button{ font-size:1.3rem;}
		#move button:focus {
			outline: 0;
		}
#move .button {
	border-color:#fff;
	color:#fff;
	}
	#move .button::before {
		border-left-color: #fff;
		}
#move .button:hover, #move .button.on {
	border-color:#005bac;
	background-color: rgba(0,91,172,0.7);
	color:#fff;
	text-decoration:none;
	}

.link_ex {
	margin:2em auto 2em;
	padding:0;
	}	
.link_ex ul {
	display:block;
	font-size:0;
	text-align:center;
	}
.link_ex li {
	display:inline-block;
	vertical-align:middle;
	padding-right:0;
	margin:2%;
	width:45%;
	}
	.link_ex li img {zoom:.75;}
		
/*----- subvisual -----*/
.subMain {margin-bottom:2em;}
.subMain .fb-share-button {
	position:inherit;
	margin:auto;
	text-align:center;
	}
	
/*----- common -----*/
.l-txt {
	font-size:1.6rem;
	line-height:1.6;
	}
	
.midashi {
	font-size:2.6rem;
	line-height:1.5;
	}
.midashi02 {
	font-size:4rem;
	}

/*----- sub layout -----*/
#sub {}
.subNav {
	background:#f2f2f2;
	padding:0.5em 0;
	min-width:100%;
	}
	.subNav p {
		color:#1765ad;
		font-size:1.8rem;
		font-weight:600;
		padding:10px 10px 0;
		}
.subNav ul {
	display: block;
	table-layout:inherit;
	width: 100%;
	text-align:left;
	}
.subNav li {
	width:20%;
	margin:2%;
	padding-top:0;
	display: inline-block;
	text-align:center;
	}
	.subNav li a {
		position:relative;
		padding-top:35px;
		}
	.subNav li a:before {
		content:"";
		display:none;
		}
		.subNav li a:hover:before {
			background-color:#ddd;
			}
.box {padding:5%;}
.bdrBox {padding:5%;}
	
.tit_txt {font-size:2rem;}

.subBase{ padding:3em 20px 0;}

		
/*-------------
　■ product
---------------*/
#photo {
	float:none;
	width:80%;
	margin:auto;
	text-align:center;
	}
#navi {
	margin-left:0;
	margin:auto;
	width:90%;
	}
#navi h4 {margin-top:2em;}
#navi ul{
	padding:0;
	width:100%;
}
#navi li{
	display:inline-block;
	margin:1%;
	padding:1%;
	width:30%;
}
.comment {
	width:80%;
	margin:0 auto;
}
.midashi_logo {
	max-width: 60%;
	margin:0 auto;
	display:block;
	}



/*----- mask -----*/				
.bgmask {
	background-size:cover;
	padding:5%;
	}
.bgmask .box {
	width:100%;
	float:none;
	margin:0;
	}
#products .pricebox {margin:5%;}
#products .pricebox .bdrBox {min-height:0;}
.mask .col-sm-6 {padding:5%;}		
.mask .col-sm-6 h4 {margin-top:2em;}

.product_List ul{display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	}
.product_List li h3{ font-size:14px; padding:0; margin:10px 0 0 0;}

/*----- snorkel -----*/				
.bgsnorkel {
	background-size:cover;
	padding:5%;
	}
.bgsnorkel .box {
	width:100%;
	float:none;
	margin:0;
	}

/*----- fin -----*/				
.bgfin {
	background-size:cover;
	padding:5%;
	}
.bgfin .box {
	width:100%;
	float:none;
	margin:0;
	}

/*----- regulator -----*/				
.bgregulator {
	background-size:cover;
	padding:5%;
	}
.bgregulator .box {
	width:100%;
	float:none;
	margin:0;
	}

/*----- gauge -----*/				
.bggauge {
	background-size:cover;
	padding:5%;
	}
.bggauge .box {
	width:100%;
	float:none;
	margin:0;
	}

.f_com{ padding:0 15px; width:90%;}
	
/*----- jacket -----*/				
.bgjacket {
	background-size:cover;
	padding:5%;
	}
.bgjacket .box {
	width:100%;
	float:none;
	margin:0;
	}
/*----- jacket -----*/				
.bgjacket {
	background-size:cover;
	padding:5%;
	}
.bgjacket .box {
	width:100%;
	float:none;
	margin:0;
	}
#navi .txt02{ padding:0 0 0 10px;}	


/*----- computer -----*/				
.bgcomputer {
	background-size:cover;
	padding:5%;
	}
.bgcomputer .box {
	width:100%;
	float:none;
	margin:0;
	}
/*----- accessory -----*/				
.bgaccessory {
	background-size:cover;
	padding:5%;
	}
.bgaccessory .box {
	width:100%;
	float:none;
	margin:0;
	}

/*----- suit -----*/				
.bgsuit {
	background-size:cover;
	padding:5%;
	}
.bgsuit .box {
	width:100%;
	float:none;
	margin:0;
	}
	
/*-------------
　■ support
---------------*/
.wrap-support .subMain .sup_box_01{
	float:none;
	width:100%;
	height:200px;
	background-position:50% center;
	margin-left:0;
}
	.wrap-support .subMain .sup_box_01+h3{ margin:1em auto 0.5em; font-size:1.8rem;}
		.wrap-support .subMain .sup_box_01+h3+.txtArea{ padding:0 20px;}

.wrap-support .trouble_list{ background:none; padding:0;}
#tabAccordion { height:auto;}
    #tabAccordion dl { top:auto; left:auto; position:relative; margin-bottom:0;}
    #tabAccordion dl dt {
        top: auto;
        left: auto!important;
        width: 100%!important;
        position: relative;
        border-bottom:#dcdcdc 1px solid;
        border-right: none;
    }
    #tabAccordion dl:first-child dt { border-top:#dcdcdc 1px solid;}
    #tabAccordion dl dt a {
        padding:15px 20px;
        height:auto;
        text-align: left;
    }
		#tabAccordion dl dt a:after {
			content: '';
			margin-top: -4px;
			top: 50%;
			right: 15px;
			width: 8px;
			height: 8px;
			font-size: 1em;
			font-weight: bold;
			line-height: 1.2em;
			display: block;
			position: absolute;
			border-top: 2px solid #1765ad;
			border-right: 2px solid #1765ad;
			-moz-transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
		}
    #tabAccordion dl dt.btnAcv { background:#f0f0f0;}
		#tabAccordion dl dt.btnAcv a:after { content: none;}
    #tabAccordion dl dd {
        top:auto;
        left:auto;
        padding:20px;
        width:100%;
        height:auto;
        position:relative;
        border-bottom:#dcdcdc 1px solid;
    }
		#tabAccordion dl dd .imgArea,
		#tabAccordion dl dd .imgArea2{ width:30%; margin-right:1em;}
		#tabAccordion dl dd .imgArea2 figure{ width:100%; float:none;}
		#tabAccordion dl dd h4 { font-size:1.8rem; margin-bottom:1em; }
			#tabAccordion dl dd h4 span {
				display:block;
				margin:0 auto 1em;
				font-size:1rem;
				padding:5px 0 5px 0;
				width:100px;
			}
			#tabAccordion dl dd h4:after { width:60px; margin:15px auto 0;}
		#tabAccordion dl dd h5 { font-size:1.5rem;}

.wrap-support .menu_list ul{ padding:0 20px;}
	.wrap-support .menu_list ul li{ width:100%; margin-top:1.5em;}

/*----- prevention -----*/
.wrap-sup-product .subBase{ text-align:left;}
	.wrap-sup-product .subBase h3{ margin:0 auto 0.5em; font-size:2rem;}
	.wrap-sup-product .subBase p{ font-size:1.3rem; margin-bottom:20px; line-height: inherit;}

.wrap-sup-product .pdf_link{ width:100%; margin-top:3em; padding:0 20px;}
	.wrap-sup-product .pdf_link .left,
	.wrap-sup-product .pdf_link .right{ width:100%; float:none;}
	.wrap-sup-product .pdf_link .right{ margin-top:2em;}
		.wrap-sup-product .pdf_link .linkBox{ min-height:inherit;}
			.wrap-sup-product .pdf_link .linkBox figure{ width:20%; margin-right:3%;}
				.wrap-sup-product .pdf_link .linkBox figure img{ max-width:85px; width:100%;}
			.wrap-sup-product .pdf_link .linkBox dl dt{ font-size:1.4rem;}
				.wrap-sup-product .pdf_link .linkBox dl dt span{ font-size:1rem;}
			
/*----- jsa -----*/
.wrap-sup-jsa h3{ font-size:2rem;}
	.wrap-sup-jsa h3 span{ background-size:60px; background-position:center top; padding:50px 0 0 0;}
	.wrap-sup-jsa h3 small{ font-size:1.2rem; margin-top:5px;}
.wrap-sup-jsa h4{ font-size:1.8rem; margin-top:2em; padding:10px 0 10px 10px;}
.wrap-sup-jsa h5{ font-size:1.5rem;}

.wrap-sup-jsa .link_list{ padding:20px 10px; text-align:left;}
	.wrap-sup-jsa .link_list li{
		font-size:1.3rem;
		display:block;
		border-left:none;
		border-bottom:1px solid #d6d6d6;
		padding:10px 0;
	}
	.wrap-sup-jsa .link_list li:first-child{ padding-top:0;}
	
#jsa-01,
#jsa-03{ padding:0 20px;}
	#jsa-01 .grayarea{ width:100%; padding:15px; margin:2em 0;}
	#jsa-01 .refer_list li{ width:42%; margin:20px 4% 0;}
		#jsa-01 .refer_list li:nth-child(2n+3){ clear:both;}
		#jsa-01 .refer_list li:nth-child(6){ clear:none;}
		#jsa-01 .refer_list li figurecaption span{ padding-top:6px; font-size:1.3rem; width:32px; height:32px;}
#jsa-02{ background-image:none; padding:3em 20px; margin-top:2em;}
	#jsa-02 .container{ padding-right:0;}
	
/*----- manual -----*/
.wrap-sup-manual .btn_area{ margin-top:3em;}
	.wrap-sup-manual .btn_area li{ padding:0 5px;}
		.wrap-sup-manual .btn_area li a.button{ width:45%; padding:.6em 0;}
		.wrap-sup-manual .btn_area li a.button::before{ left:0.5em;}

.wrap-sup-manual table{ border-spacing:0 2em;}
	.wrap-sup-manual table th,
	.wrap-sup-manual table td{ display:block; width:100%; padding:10px 0;}
	.wrap-sup-manual table th{ border-right:none;}
	.wrap-sup-manual table td{ border-bottom:1px solid #dcdcdc; padding-bottom:2.5em;}
	
/*----- maintenance -----*/
.wrap-sup-maint .maint_box_01{ height:200px;}
	.wrap-sup-maint .maint_box_01 h3{
		height:45%;
		font-size:1.7rem;
		line-height:180%;
	}
		.wrap-sup-maint .maint_box_01 h3 .pc_none{ display:block;}
.wrap-sup-maint h4{ font-size:1.8rem; margin-top:2em; padding:10px 0 10px 10px;}
	.wrap-sup-maint h4 br{ display:none;}
.wrap-sup-maint .caution{ margin-top:3em; padding:20px;}
	.wrap-sup-maint .caution .container{ width:100%; padding:15px;}
	.wrap-sup-maint .caution h5{ margin-bottom:1em;}
	.wrap-sup-maint .caution ul{ margin-left:20px;}
.wrap-sup-maint .btn_list{ margin-top:3em; padding:0 20px;}
	.wrap-sup-maint .btn_list ul li{ width:100%; margin:0 0 1em 0;}
		.wrap-sup-maint .btn_list ul li .button{ font-size:1.7rem; padding:.5em 0;}
		
/*----- maintenance/detail -----*/
.wrap-sup-maint-detail .subBase h3.midashi{ margin-top:2em; font-size:2rem;}
.wrap-sup-maint-detail .btn_list{ display:none;}
.wrap-sup-maint-detail .pull-right{ margin-left:0;}
.wrap-sup-maint-detail .sp_w100 img{ width:100%; height:auto;}

.wrap-sup-maint-detail .repair{ padding:20px; margin-top:2em;}
	.wrap-sup-maint-detail .repair h3.midashi{ margin-top:0;}
	
/*-------------
　■ dealer
---------------*/
.wrap-dealer .mainContents{ width:100%; float:none;}
	.wrap-dealer .mainContents h3{ font-size:2rem;}
	.wrap-dealer .mainContents h4{ margin:0; padding:.50em 1em .50em 1.5em;}
	.wrap-dealer .mainContents .shadow{ padding:0px;
	box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;}
	.wrap-dealer .mainContents table{ margin-bottom:1em;}
	.wrap-dealer .mainContents table tr{ display:block; padding:10px 0;}
		.wrap-dealer .mainContents table th,
		.wrap-dealer .mainContents table td{ width:100%; display:block; padding:0 10px;}
		.wrap-dealer .mainContents table td{ padding-top:5px;}
			.wrap-dealer .mainContents table td.btnArea{ width:100%;}
				.wrap-dealer .mainContents table td.btnArea a{ margin:0 10px 0 0;}

.wrap-dealer .sideNavi{ width:100%; float:none; margin-top:4em;}
	.wrap-dealer .sideNavi h3 + ul{ border-bottom:none;}
	.wrap-dealer .sideNavi h3 + ul li{
		background:none;
		display:inline-block;
		padding:0;
		border-left:1px solid #ccc;
		padding:0 10px;
		margin-bottom:5px;
	}
		.wrap-dealer .sideNavi h3 + ul li:first-child{ border-left:none; padding-left:0;}
	.wrap-dealer .sideNavi ul.bnr li img{ width:100%;}

/*-------------
　■ sitemap
---------------*/
.wrap-sitemap .subBase{ display:block;}
	.wrap-sitemap .subBase > ul{ width:100%;}


}