@charset "shift_jis";
/* CSS Document */

/*
	-------------------------
	 common
	-------------------------
*/
#contents_header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff url(/support/ichigan/enjoy/photo/acc/flash/en/wireless/images/wireless_flash_ttl.png) no-repeat right;
	background-color: #fff;
	border-bottom: solid 1px #ccc;
	clear: both;
	height: 52px;
	margin: 20px auto 0;
	padding: 1em 0 1em 2em;
}
#contents_header h1 {
	line-height: 1.0;
	font-size: 2em;
}
@media screen and (max-width: 768px) {
	#contents_header {
		padding: 1em .5em 1em;
	}
	#contents_header h1 {
		/*text-shadow: 2px 2px 3px rgba(255, 255, 255, .9);*/
		text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
	}
	:root #contents_header h1 {
		filter: dropshadow(color=#ffffff, offX=1, offY=1);
	}
}
h4.ttl_bar {
	background-color: #999;
	color: #fff;
	margin: 15px 0;
	padding: 3px 15px;
}
h5.ttl_bar {
	background-color: #ddd;
	color: #333;
	margin: 15px 0;
	padding: 3px 15px;
}
@media screen and (max-width: 768px) {
	h4.ttl_bar {
		font-size: 1.25em;
	}
	h5.ttl_bar {
		font-size: 1.125em;
	}
}
#contents img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: bottom;
}
.section-inner {
	clear: both;
	padding: 0 15px 15px;
}
.section-inner:before,
.section-inner:after {
	content: " ";
	display: table;
}

.section-inner h4,
.section-inner h5 {
	margin: 0 0 0.75em 0;
}
@media screen and (max-width: 480px) {
	.section-inner {
		padding: 0 0 15px;
	}
}
div.responsive_image img,
figure img {
	height: auto;
	max-width: 100%;
	width: auto;
}
@media screen and (max-width: 768px) {
	div.responsive_image {
		margin-bottom: 15px;
	}
}
img.icon_image {
	margin: 0 2px;
	vertical-align: middle;
}
.unit.row {
	margin: 0 -15px 0;
	width: auto;
}
.unit.row .one-half,
.unit.row .one-third,
.unit.row .two-thirds,
.unit.row .one-quarter,
.unit.row .three-quarters,
.unit.row .two-fifths,
.unit.row .three-fifths {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 15px 0;
}
.unit.row .one-half:before,
.unit.row .one-half:after,
.unit.row .one-third:before,
.unit.row .one-third:after,
.unit.row .two-thirds:before,
.unit.row .two-thirds:after,
.unit.row .one-quarter:before,
.unit.row .one-quarter:after,
.unit.row .three-quarters:before,
.unit.row .three-quarters:after,
.unit.row .two-fifths:before,
.unit.row .two-fifths:after,
.unit.row .three-fifths:before,
.unit.row .three-fifths:after {
	content: " ";
	display: table;
}
.unit.row .one-half:after,
.unit.row .one-third:after,
.unit.row .two-thirds:after,
.unit.row .one-quarter:after,
.unit.row .three-quarters:after,
.unit.row .two-fifths:after,
.unit.row .three-fifths:after {
	clear: both;
}
.unit.row .one-half {
	width: 50%;
}
.unit.row .one-third {
	width: 33.33333333%;
}
.unit.row .two-thirds {
	width: 66.66666667%;
}
.unit.row .one-quarter {
	width: 25%;
}
.unit.row .three-quarters {
	width: 75%;
}
.unit.row .two-fifths {
	width: 40%;
}
.unit.row .three-fifths {
	width: 60%;
}
.unit.row .movie {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px 0;
	width: 75%;
}


html[lang="zh-cn"] .unit.row .movie img.resize {
	height: auto;
	width: 100%;
}
.unit.row div.clear {
	clear: both;
	padding: 10px 15px 0;
}
.only_pc,
.pc_tablet {
	display: block;
}
.only_mobile,
.for_smartphone {
	display: none;
}

@media screen and (max-width: 768px) {
	.unit.row .movie {
		height: auto;
		margin: 0 0 20px 0;
		width: auto;
	}
	.unit.row .one-half,
	.unit.row .one-third,
	.unit.row .two-thirds,
	.unit.row .one-quarter,
	.unit.row .three-quarters,
	.unit.row .two-fifths,
	.unit.row .three-fifths {
		float: none;
		height: auto;
		margin: 0 0 20px 0;
		width: 100%;
	}
	.unit.row .nest {
		padding: 0;
	}
	.only_pc {
		display: none;
	}
	.only_mobile {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.pc_tablet {
		display: none;
	}
	.for_smartphone {
		display: block;
	}
}

.two-thirds_center,
.two-thirds_left,
.three-quarters_center,
.three-quarters_left {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.two-thirds_center,
.two-thirds_left {
	width: 66.66666667%;
}
.three-quarters_center,
.three-quarters_left {
	width: 75%;
}
.two-thirds_center,
.three-quarters_center {
	margin: 0 auto;
}

@media screen and (max-width: 480px) {
	.two-thirds_center,
	.two-thirds_left,
	.three-quarters_center,
	.three-quarters_lef {
		width: auto;
	}
}

.align_center {
	text-align: center;
}

.align_left {
	text-align: left;
}

.align_right {
	text-align: right;
}

.text_blue {
	color: #0075c2;
}

ol.list-upper-alpha {
	list-style: upper-alpha;
	margin-left: 1em;
	padding-left: 1.1em;
}

ol.list-lower-alpha {
	list-style: lower-alpha;
}

.drop-cap:first-letter {
	font-size: 2.75em;
	font-weight: bold;
	line-height: 1.0;
	float: left;
	margin: 0 .2em 0 0;
	padding:0 0 .1em 0;
}

.mod-mainContentContainer hr {
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #cccccc;
	clear: both;
	height: 1px;
	margin: 1.25em auto;
}

/*
	-------------------------
	 show-hide_area
	-------------------------
*/
dl.show-hide_area,
dl.show-hide_area * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

dl.show-hide_area {
	margin: 0 0 30px 0;
}

dl.show-hide_area dt {
	margin: 0;
	padding: 5px 15px;
}
dl.show-hide_area.mb_accordion dt {
	cursor: pointer;
}
dl.show-hide_area dt img.icon {
	display: none;
	margin: 0 0.5em 0 0;
	vertical-align: middle !important;
	-webkit-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
dl.show-hide_area.mb_accordion dt img.icon {
	display: inline-block;
}
dl.show-hide_area dt.open img.icon {
	-webkit-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1);
}
dl.show-hide_area dd {
	margin: 0;
	padding: 15px;
}
dl.show-hide_area dd li {
	margin-bottom: 30px;
}
dl.show-hide_area.dark dt {
	background-color: #999;
	color: #fff;
	font-size: 1.25em;
}

dl.show-hide_area.dark.mb_accordion dd {
	border: solid 2px #999;
}

dl.show-hide_area.light dt {
	background-color: #ddd;
	color: #333;
	font-size: 1.125em;
}

dl.show-hide_area.light.mb_accordion dd {
	border: solid 2px #ddd;
}

/*
	-------------------------
	 for index.html
	-------------------------
*/
.lead {
	margin: 0 0 30px;
	position: relative;
}
.lead h2.ttl_bnr {
	line-height: 0;
	vertical-align: bottom;
}
.lead .header_text_area {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.25em;
	height: auto;
	
	margin: 0;
	padding: 15px;
	position: absolute;
	text-align: left;
	
	/* for IE8 */
	-ms-filter: "alpha(opacity=85)"; 
	background-color: #ffffff\9;
	top: 115px\9;
	width: 395px\9;
	
	/* for modern browser */
	background: rgba(255, 255, 255, .85);
	
}

@media screen and (max-width: 767px) {
	.lead h2.ttl_bnr {
		line-height: 0;
		vertical-align: bottom;
	}
	.lead .header_text_area {
		background-color: #eee;
		position: static;
		padding: 5px 15px;
		width: auto;
	}
}
@media screen and (min-width: 768px) {
	.lead .header_text_area {
		font-size: 1.125em;
		right: 30px;
		left: auto;
		width: 320px;
		
		/* for old Chrome and Safari */
		top: -webkit-calc(50% - 122px / 2);
		
		/* for old Firefox */
		top: -moz-calc(50% - 122px / 2);
		
		/* for modern browser */
		top: calc(50% - 122px / 2);
	}
	html[lang="de"] .lead .header_text_area,
	html[lang="it"] .lead .header_text_area {
		/* for old Chrome and Safari */
		top: -webkit-calc(50% - 145px / 2);
		
		/* for old Firefox */
		top: -moz-calc(50% - 145px / 2);
		
		/* for modern browser */
		top: calc(50% - 145px / 2);
	}
	html[lang="ko"] .lead .header_text_area {
		/* for old Chrome and Safari */
		top: -webkit-calc(50% - 99px / 2);
		
		/* for old Firefox */
		top: -moz-calc(50% - 99px / 2);
		
		/* for modern browser */
		top: calc(50% - 99px / 2);
	}
	html[lang="zh-cn"] .lead .header_text_area,
	html[lang="zh-tw"] .lead .header_text_area {
		/* for old Chrome and Safari */
		top: -webkit-calc(50% - 76px / 2);
		
		/* for old Firefox */
		top: -moz-calc(50% - 76px / 2);
		
		/* for modern browser */
		top: calc(50% - 76px / 2);
	}
}
@media screen and (min-width: 992px) {
	.lead .header_text_area {
		left: auto;
		width: 320px;
		right: 40px;
		
		/* for old Chrome and Safari */
		top: -webkit-calc(50% - 99px / 2);
		
		/* for old Firefox */
		top: -moz-calc(50% - 99px / 2);
		
		/* for modern browser */
		top: calc(50% - 99px / 2);
	}
	html[lang="it"] .lead .header_text_area {
		/* for old Chrome and Safari */
		top: -webkit-calc(50% - 122px / 2);
		
		/* for old Firefox */
		top: -moz-calc(50% - 122px / 2);
		
		/* for modern browser */
		top: calc(50% - 122px / 2);
	}
	html[lang="ko"] .lead .header_text_area {
		/* for old Chrome and Safari */
		top: -webkit-calc(50% - 76px / 2);
		
		/* for old Firefox */
		top: -moz-calc(50% - 76px / 2);
		
		/* for modern browser */
		top: calc(50% - 76px / 2);
	}
}
@media screen and (min-width: 1024px) {
	.lead .header_text_area {
		width: 320px;
	}
	
}
@media screen and (min-width: 1200px) {
	.lead .header_text_area {
		left: auto;
		right: 60px;
		width: 302px;
		
		/* for old Chrome and Safari */
		top: -webkit-calc(50% - 76px / 2);
		
		/* for old Firefox */
		top: -moz-calc(50% - 76px / 2);
		
		/* for modern browser */
		top: calc(50% - 76px / 2);
	}
	html[lang="de"] .lead .header_text_area,
	html[lang="es"] .lead .header_text_area,
	html[lang="fr"] .lead .header_text_area,
	html[lang="nl"] .lead .header_text_area {
		/* for old Chrome and Safari */
		top: -webkit-calc(50% - 99px / 2);
		
		/* for old Firefox */
		top: -moz-calc(50% - 99px / 2);
		
		/* for modern browser */
		top: calc(50% - 99px / 2);
	}
}
.h-349 img {
	height: 349px;
	width: auto;
}
@media screen and (max-width: 991px) {
	.h-349 img {
		height: auto;
		max-width: 100%;
		width: auto;
	}
}

/*
	-------------------------
	 for compatibility.html
	-------------------------
*/
#compatibility .img-right.img200 {
	margin: 0 0 0 auto;
	width: 200px;
}
#compatibility h4 {
	margin: 0 0 5px 20px;
}
#compatibility table, #compatibility th, #compatibility td {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#compatibility table {
	width: calc(100% - 20px);
}
#compatibility th.w-15 {
	width: 15%;
}
#compatibility th.w-17 {
	width: 16.6666667%;
}
#compatibility th.w-19 {
	width: 18.8888889%;
}
#compatibility th.w-25 {
	width: 25%;
}
#compatibility th.w-28 {
	width: 28.3333333%;
}
#compatibility th.w-35 {
	width: 35%;
}
 @media screen and (max-width: 768px) {
	#compatibility .img-right.img200 {
		margin: 0 auto;
	}
	#compatibility td ul {
		list-style: none;
		margin: 0 0 1em;
	}
	#compatibility td li {
		margin-left: 0;
	}
	#compatibility th.w-15,
	#compatibility th.w-17,
	#compatibility th.w-19,
	#compatibility th.w-25,
	#compatibility th.w-28,
	#compatibility th.w-35 {
		width: auto;
	}
}
/*
	-------------------------
	 movie
	-------------------------
*/

.i_flame {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.i_flame iframe {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	
}
a.movie_link img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
 @media screen and (max-width: 640px) {
	.i_flame {
		float: none;
	}
}

/*
	-------------------------
	 #sbi_comment12
	-------------------------
*/
#sbi_comment12 table {
	margin: 0 auto 30px !important;
}


/*
	-------------------------
	 other
	-------------------------
*/
ul.txtlink.f_left {
	overflow: hidden;
}
ul.txtlink.f_left li {
	overflow: hidden;
	float: left;
}


/*
	-------------------------
	returnToTop
	-------------------------
*/
#returnToTop{
    position: relative;
	margin:50px 0 0;
}

#returnToTop_inner{
    position: fixed;
    bottom: 20px;
	max-width: 1200px;
	width: 100%;
}

#returnToTop_button {
	position: absolute;
	cursor: pointer;
	width: 40px;
	height: 32px;
	right: 0;
	top: -40px;
	backface-visibility: hidden;
	transition: top .3s;
	opacity: .5;
}

#returnToTop_button img {
	border: none;
	vertical-align: bottom;
}

@media screen and (max-width:640px) {
	#returnToTop_button {
		right: 5px;
		width: 32px;
		height: 26px;
	}
	
	#returnToTop_button img {
		width: 100%;
		height: auto;
	}
}
/*
	-------------------------
	font
	-------------------------
*/
.font-bold {
	font-weight: bold;
}
.font_24 {
  font-size: 171.42857%;
}
.font_22 {
  font-size: 157.14286%;
}
.font_20 {
  font-size: 142.85714%;
}
.font_19 {
  font-size: 135.71429%;
}
.font_18 {
  font-size: 128.57143%;
}
.font_17 {
  font-size: 121.42857%;
}
.font_16 {
  font-size: 114.28571%;
}
.font_15 {
  font-size: 107.14286%;
}
.font_14 {
  font-size: 100%;
}
.font_13 {
  font-size: 92.85714%;
}
.font_12 {
  font-size: 85.71429%;
}
.font_11 {
  font-size: 78.57143%;
}
.font_10 {
  font-size: 71.42857%;
}
/*
	-------------------------
	padding
	-------------------------
*/
.pb0 {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb45 {
	padding-bottom: 45px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pt0 {
	padding-top: 0px !important;
}
.pt2{
	padding-top: 2px !important;
}
.pt3{
	padding-top: 3px !important;
}
.pt5{
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pl0 { 
	padding-left:0 !important; 
}
.pl5 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl45 {
	padding-left: 45px !important;
}
.pl50 {
	padding-left: 50px !important;
}
.pr0 { 
	padding-right:0 !important; 
}
.pr5 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 35px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr45 {
	padding-right: 45px !important;
}
.pr50 {
	padding-right: 50px !important;
}