@charset "utf-8";

.onlysp {display:none;}

.onlyspbr {display:none;}

#spNavPrd,
#spNavCat {
	display: none;
}

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

	.tableType03 col.col01 { width: auto; }
	.tableType03 col.col02 { width: auto; }
	.tableType03 col.col03 { width: auto; }

	.supportDetailTab {
		background-image: none;
		margin-bottom: 10px;
	}

	#supportDetailTabMenu {
		background-image: none;
		border-right: 1px solid #d6d6d6;
		box-sizing: border-box;
		display: table;
		font-size: 14px;
		padding: 0;
		table-layout: fixed;
		width: 100%;
	}

	#supportDetailTabMenu li {
		background-image: none;
		border-left: 1px solid #d6d6d6;
		display: table-cell !important;
		float: none;
		padding: 0;
	}

	#supportDetailTabMenu li a {
		display: block;
		padding: 0;
		width: auto;
	}

	#supportDetailTabMenu li a span {
		background-image: none;
		height: auto;
		line-height: inherit;
		padding: 10px 5px;
	}

	#supportDetailTabMenu li.active {
		background-color: #eee;
		background-image: none;
		margin: 0;
	}

	#supportDetailTabMenu li.active a {
		background-image: none;
	}

	#supportDetailTabMenu li.active a span {
		background-image: none;
	}

	#supportDetailTabMenu::after {
		display: none;
	}

	#supportDetailTabContents03 .SelectBox2 {
		box-sizing: border-box;
		float: none;
		margin-right: 0;
		width: 100%;
	}

	.Select_iPod_canvas {
		width: 100%;
	}

	table.select_iPod3,
	table.select_iPod3 > tbody,
	table.select_iPod3 > tbody > tr,
	table.select_iPod3 > tbody > tr > th,
	table.select_iPod3 > tbody > tr > td {
		display: block;
	}

	.boxDataList {
		padding: 10px;
	}

	.boxDataList h6 {
		padding: 0px;
		width: 30%;
	}

	.boxDataList ul {
		padding: 0px;
		font-size: 14px;
	}

	.boxChart .caption em {
		font-size: 18px;
	}

	.columnContent {
		display: block;
	}

	.columnContent > .col {
		display: block;
	}
	
	.columnContent.column2 > .col {
		width: auto;
	}

	.columnContent.column2 > .col + .col {
		margin-top: 20px;
	}

	.columnContent.column2article > .col {
		width: auto;
	}

	.columnContent.column2article > .col + .col {
		margin-top: 40px;
	}
	
	.columnContent.column2article.swapCol,
	.centerContent.swapCol {
		display: flex;
		flex-direction: column;
	}
	
	.columnContent.column2article.swapCol > .col,
	.centerContent.swapCol .desc {
		margin-top: 40px;
		order: 2;
	}
	
	.columnContent.column2article.swapCol > .col + .col,
	.centerContent.swapCol .figure {
		margin-top: 0;
		order: 1;
		overflow: hidden;
	}

	.columnContent.column2Grid2to1 > .col {
		width: auto;
	}

	.columnContent.column2Grid2to1 > .col + .col {
		margin-top: 30px;
		width: auto;
	}

	.columnContent.column2dataList {
		margin-top: 25px;
	}

	.columnContent.column2dataList > .col {
		padding: 0;
		width: auto;
	}

	.columnContent.column2dataList > .col + .col {
		margin-top: 25px;
		padding: 0;
	}

	.columnContent.column2chart {
		margin-top: 20px;
	}

	.columnContent.column2chart > .col {
		padding: 0;
		width: auto;
	}

	.columnContent.column2chart > .col + .col {
		padding: 0;
		margin-top: 15px;
	}

	.ctr .section {
		padding: 60px 10%;
		text-align: center;
	}

	.section .heading {
		font-size: 32px;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.section .heading ~ .heading, .section .desc + .heading {
		margin-top: 30px;
	}

	.section .heading.hasIcon .icon {
		display: block;
		float: none;
		margin-right: 0;
		margin-top: 10px;
	}

	.section .heading.hasIcon .text {
		display: block;
		padding-top: 0;
	}

	.section .heading.hasIcon02{
	  flex-direction: column;
	}

	.section .figure img {
		width: 100%;
	}

	.section .figure .icon img {
		width: auto;
	}
	
	.section .desc + .figure {
		margin-top: 30px;
	}

	.section .desc {
		font-size: 14px;
		word-break: break-word;
	}

	.sectionKeyvisual {
		margin: 0px;
	}

	.sectionKeyvisual .figure {
		border: none;
	}

	.sectionKeyvisual .figure img {
		width: 100%;
	}
	
	.sectionProduct {
		padding: 40px 10%;
	}
	
	.sectionProduct .figure.sp {
		margin-bottom: 20px;
	}
	
	.sectionProduct .figure.sp img {
		width: 100%;
	}

	.sectionProduct .columnContent > .col {
		padding: 0;
		width: auto;
	}

	.sectionProduct .columnContent > .col + .col {
		padding: 0;
		width: auto;
	}

	.sectionProduct .col > .name {
		font-size: 26px;
	}

	.sectionProduct .col > .desc {
		margin-bottom: 20px;
	}

	.sectionProduct .col > .boxIconDesc {
		margin-top: 20px;
	}

	/* additionalcommon.css */

	.scroll{
		color: #666;
		padding: 0 7px;
		text-align: right;
		font-size: 12px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}

	div.scroll span{ font-size:20px; }

	.tableType03 td:last-child{ position: relative;}
	.tableType03 td:last-child a {
		position: absolute;
		height:100%;
		width: 100%;
		text-align: center;
		left:0;
	}

	.tableType03 td:last-child {
		position: relative;
	}
		
	.tableType03 td:last-child a {
		position: absolute;
		height: 100%;
		width: 100%;
		text-align: center;
		left: 0;
	}

	.fltr {
		float: none;
	}

	#header {
		width: 100%;
		min-width: 0px;
	}
		
	.onlypc { display: none; }	
		
	body { min-width: 0px; }

	#productMain {
		width: 100%;
		min-width: 100%;
		margin: 0 auto 0;
	}

	.brsp { display: none; }
	.onlyspbr { display: block; }

	.section .wrapper {
		width: 85%;
		padding-top: 50px;
		font-size: 14px;
	}

	.onlysp { display: block; }

	.productDetailBox {
		padding: 5px 5px 15px 5px; 
		border: 0;
		width: 100%;
		box-sizing: border-box;
	}

	#productMain {
		width: 100%;
	}

	#productMain > .wrapper {
		width: 100%;
	}
	
	div.tableType01{ overflow: auto; }
	.tableType01 table { font-size:13px; min-width:550px; width:100%; }
	.tableType01 th { padding:10px; }
	.tableType01 td { padding:10px; }

	.supportDetailTabContentsBox { padding:0px; }

	.roundCornerBox04 {
		border: 0px;
		background: #fff;
	}

	.tableType03 col.col01,
	.tableType03 col.col02,
	.tableType03 col.col03 { width:100% }

	#supportDetailTabContents01 table { width: 100%; border: none; padding: 10px; box-sizing: border-box; }
	#supportDetailTabContents01 thead { display: none;}
	#supportDetailTabContents01 tr {
		display: block;
		margin: 5px 0 15px 0;
		box-sizing: border-box;
	}

	#supportDetailTabContents01 td:first-child { background-color:#ddd; }
	#supportDetailTabContents01 td:nth-child(2):before {
		content: "Release Date\:  ";
	}
	#supportDetailTabContents01 td:nth-child(4):before {
		content: "File Size\:  ";
	}

	#supportDetailTabContents01 td {
		text-align: center;
		display: block;
		padding: 5px;
		border-top: 0;
		box-sizing: border-box;
	}

	/* acordionmenu.css */
	.spnavclearfix:before,
	.spnavclearfix:after {
		content: "";
		display: table;
	}

	.spnavclearfix:after {
	    clear: both;
	}

	.spnavclearfix {
	    zoom: 1;
	}

	/* ======================================== */
	.spnav {
		background: #ced2d7;
		padding: 0;
		width: 100%;
		z-index: 1000;
	}

	.accordion-control {
		display: block;
		font-size: 16px;
		font-weight: bold;
		padding: 13px 0 13px 15px;
	}

	.accordion-control em {
		font-style: normal;
	}

	.accordion-control span {
		cursor: pointer;
		float: right;
		margin-right: 20px;
		width: 20px;
		height: 18px;
		background: no-repeat right;
	}

	.accordion-control:hover {
		text-decoration: none;
	}

	.accordion-control span { background-image:url(../images/icon_open.png); }
	.accordion-control span.open { background-image:url(../images/icon_close.png); }

	/* サブナビゲーション */
	.accordion-panel {
		background-color: #0a5473;
		display: none;
		position: absolute;
		width: 100%;
		z-index: 1000;
	}

	.accordion-panel .navTab {
		border-bottom: 1px solid #0e79a5;
	}

	.accordion-panel .navTab ul {
		display: table;
		width: 100%;
	}

	.accordion-panel .navTab ul:after {
		display: none;
	}

	.accordion-panel .navTab ul li.tab {
		border: none;
		box-sizing: border-box;
		display: table-cell;
		float: none;
		width: auto;
	}

	.accordion-panel .navTab ul.tab3 li.tab {
		width: 33%;
	}

	.accordion-panel .navTab ul.tab4 li.tab {
		width: 25%;
	}

	.accordion-panel .navTab ul li.tab + li.tab {
		border-left: 1px solid #0e79a5;
		margin: 0;
	}

	.accordion-panel .navTab ul li.tab a {
		background-color: transparent;
		border: none;
		border-radius: inherit;
		box-shadow: inherit;
		color: #fff;
		display: block;
		font-size: 14px;
		font-weight: normal;
		height: auto;
		line-height: 1;
		margin: 0;
		padding: 13px 0;
	}

	.accordion-panel .navTab ul li.tab a:hover {
		text-decoration: underline;
	}

	.accordion-panel .navTab ul li.tab.active a {
		background-color: #0e79a5;
		color: #fff;
	}

	.accordion-panel .navAnchor {
		padding: 10px;
	}

	.accordion-panel .navAnchor li + li {
		margin-top: 10px;
	}

	.accordion-panel .navAnchor li a {
		border: 1px solid #fff;
		border-radius: 5px;
		color: #fff;
		display: block;
		padding: 5px;
		text-align: center;
	}

	.spnav.fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}

	#spNavPrd,
	#spNavCat {
		border-bottom: 2px solid #dbdbdb;
		display: block;
		padding: 15px 13px;
	}

	#spNavPrd h6,
	#spNavCat h6 {
		color: #303030;
		font-size: 24px;
		margin-bottom: 20px;
	}

	#spNavPrd ul,
	#spNavCat ul {
		font-size: 13px;
	}

	#spNavPrd ul li,
	#spNavCat ul li {
		background-image: url("/ae/common/images/respo/s_arrow_gray.png");
		background-position: 0 50%;
		background-repeat: no-repeat;
		background-size: 10px 11px;
		padding-left: 15px;
	}

	#spNavPrd ul li + li,
	#spNavCat ul li + li {
		margin-top: 10px;
	}

	#spNavPrd a,
	#spNavCat a {
		color: #5a5a5a;
	}

	iframe {
		max-width: 100%;
	}
}