@charset "shift_jis";

/*
 * version		: 0.0.3 
 * LastUpdated	: 2017/07/04
 */


/* ------------------------------------
 * override bootstrap class
 */

.row{
	margin-left:0;
	margin-right:0;
}
body .container {
    padding-left:0;
    padding-right:0;
    width:100%;
}

/* ------------------------------------
 * responsive tag
 */


@media (min-width:768px) {
	*{
		font-size:14px;
	}
	.wbr{display:none;}
	h2 {
		background-color: #ffffff;
		border: 1px solid #e5e5e5;
		font-size: 120%;
		font-weight: bold;
		line-height: 1.5;
		margin-top: 2em;
		padding: 2px;
	}
	h2 span {
		background-color: #f9f9f9;
		border-left: 5px solid #eb5505;
		display: block;
		font-size: 120%;
		overflow: hidden;
		padding: 8px 10px 7px;
	}
	.inner{
		width:980px;
		margin:0 auto;
		position: relative;
	}
}
@media (max-width:767px) {
	*{
		font-size:14px;
	}
	.wbr{display:block;}
	h2{
		background-color: #f3f3f3;
		color: #555;
		font-size: 125%;
		line-height: 1.2em;
		padding: 8px 5px;
	}
	h2 span{
		border-left: 5px solid #ff6a2e;
		padding-left: 5px;
	}
}

/* ------------------------------------
 * base tag
 */

*{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", verdana, sans-serif;
}
ul li {
  list-style:none;
}

/* ------------------------------------
 * common class
 */

.tleft  {text-align:left !important;}
.tright {text-align:right !important;}
.tcenter{text-align:center !important;}
.indent{
	text-indent:-1em;
	padding-left:1em;
}
.bold{font-weight:bold !important;}

.ma100 { margin: 100px !important;}
.ma95 { margin: 95px !important;}
.ma90 { margin: 90px !important;}
.ma85 { margin: 85px !important;}
.ma80 { margin: 80px !important;}
.ma75 { margin: 75px !important;}
.ma70 { margin: 70px !important;}
.ma65 { margin: 65px !important;}
.ma60 { margin: 60px !important;}
.ma55 { margin: 55px !important;}
.ma50 { margin: 50px !important;}
.ma45 { margin: 45px !important;}
.ma40 { margin: 40px !important;}
.ma35 { margin: 35px !important;}
.ma30 { margin: 30px !important;}
.ma25 { margin: 25px !important;}
.ma20 { margin: 20px !important;}
.ma15 { margin: 15px !important;}
.ma10 { margin: 10px !important;}
.ma5 { margin: 5px !important;}
.mauto {margin-left:auto;margin-right:auto;}

.mt100 { margin-top: 100px !important; }
.mt95 { margin-top: 95px !important; }
.mt90 { margin-top: 90px !important; }
.mt85 { margin-top: 85px !important; }
.mt80 { margin-top: 80px !important; }
.mt75 { margin-top: 75px !important; }
.mt70 { margin-top: 70px !important; }
.mt65 { margin-top: 65px !important; }
.mt60 { margin-top: 60px !important; }
.mt55 { margin-top: 55px !important; }
.mt50 { margin-top: 50px !important; }
.mt45 { margin-top: 45px !important; }
.mt40 { margin-top: 40px !important; }
.mt35 { margin-top: 35px !important; }
.mt30 { margin-top: 30px !important; }
.mt25 { margin-top: 25px !important; }
.mt20 { margin-top: 20px !important; }
.mt15 { margin-top: 15px !important; }
.mt10 { margin-top: 10px !important; }
.mt5 { margin-top: 5px !important; }
.mt0 { margin-top: 0 !important; }

.mb100 { margin-bottom: 100px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb0 { margin-bottom: 0px !important; }

.mr100 { margin-right: 100px !important; }
.mr95 { margin-right: 95px !important; }
.mr90 { margin-right: 90px !important; }
.mr85 { margin-right: 85px !important; }
.mr80 { margin-right: 80px !important; }
.mr75 { margin-right: 75px !important; }
.mr70 { margin-right: 70px !important; }
.mr65 { margin-right: 65px !important; }
.mr60 { margin-right: 60px !important; }
.mr55 { margin-right: 55px !important; }
.mr50 { margin-right: 50px !important; }
.mr45 { margin-right: 45px !important; }
.mr40 { margin-right: 40px !important; }
.mr35 { margin-right: 35px !important; }
.mr30 { margin-right: 30px !important; }
.mr25 { margin-right: 25px !important; }
.mr20 { margin-right: 20px !important; }
.mr15 { margin-right: 15px !important; }
.mr10 { margin-right: 10px !important; }
.mr5 { margin-right: 5px !important; }
.mr0 { margin-right: 0 !important; }

.ml100 { margin-left: 100px !important; }
.ml95 { margin-left: 95px !important; }
.ml90 { margin-left: 90px !important; }
.ml85 { margin-left: 85px !important; }
.ml80 { margin-left: 80px !important; }
.ml75 { margin-left: 75px !important; }
.ml70 { margin-left: 70px !important; }
.ml65 { margin-left: 65px !important; }
.ml60 { margin-left: 60px !important; }
.ml55 { margin-left: 55px !important; }
.ml50 { margin-left: 50px !important; }
.ml45 { margin-left: 45px !important; }
.ml40 { margin-left: 40px !important; }
.ml35 { margin-left: 35px !important; }
.ml30 { margin-left: 30px !important; }
.ml25 { margin-left: 25px !important; }
.ml20 { margin-left: 20px !important; }
.ml15 { margin-left: 15px !important; }
.ml10 { margin-left: 10px !important; }
.ml5 { margin-left: 5px !important; }
.ml0 { margin-left: 0 !important; }

.pa100 { padding: 100px !important; }
.pa95 { padding: 95px !important; }
.pa90 { padding: 90px !important; }
.pa85 { padding: 85px !important; }
.pa80 { padding: 80px !important; }
.pa75 { padding: 75px !important; }
.pa70 { padding: 70px !important; }
.pa65 { padding: 65px !important; }
.pa60 { padding: 60px !important; }
.pa55 { padding: 55px !important; }
.pa50 { padding: 50px !important; }
.pa45 { padding: 45px !important; }
.pa40 { padding: 40px !important; }
.pa35 { padding: 35px !important; }
.pa30 { padding: 30px !important; }
.pa25 { padding: 25px !important; }
.pa20 { padding: 20px !important; }
.pa15 { padding: 15px !important; }
.pa10 { padding: 10px !important; }
.pa5 { padding: 5px !important; }
.pa0 { padding: 0 !important; }

.pt100 { padding-top: 100px !important; }
.pt95 { padding-top: 95px !important; }
.pt90 { padding-top: 90px !important; }
.pt85 { padding-top: 85px !important; }
.pt80 { padding-top: 80px !important; }
.pt75 { padding-top: 75px !important; }
.pt70 { padding-top: 70px !important; }
.pt65 { padding-top: 65px !important; }
.pt60 { padding-top: 60px !important; }
.pt55 { padding-top: 55px !important; }
.pt50 { padding-top: 50px !important; }
.pt45 { padding-top: 45px !important; }
.pt40 { padding-top: 40px !important; }
.pt35 { padding-top: 35px !important; }
.pt30 { padding-top: 30px !important; }
.pt25 { padding-top: 25px !important; }
.pt20 { padding-top: 20px !important; }
.pt15 { padding-top: 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt5 { padding-top: 5px !important; }
.pt0 { padding-top: 0px !important; }

.pb100 { padding-bottom: 100px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb0 { padding-bottom: 0 !important; }

.pr100 { padding-right: 100px !important; }
.pr95 { padding-right: 95px !important; }
.pr90 { padding-right: 90px !important; }
.pr85 { padding-right: 85px !important; }
.pr80 { padding-right: 80px !important; }
.pr75 { padding-right: 75px !important; }
.pr70 { padding-right: 70px !important; }
.pr65 { padding-right: 65px !important; }
.pr60 { padding-right: 60px !important; }
.pr55 { padding-right: 55px !important; }
.pr50 { padding-right: 50px !important; }
.pr45 { padding-right: 45px !important; }
.pr40 { padding-right: 40px !important; }
.pr35 { padding-right: 35px !important; }
.pr30 { padding-right: 30px !important; }
.pr25 { padding-right: 25px !important; }
.pr20 { padding-right: 20px !important; }
.pr15 { padding-right: 15px !important; }
.pr10 { padding-right: 10px !important; }
.pr5 { padding-right: 5px !important; }
.pr0 { padding-right: 0 !important; }

.pl100 { padding-left: 100px !important; }
.pl95 { padding-left: 95px !important; }
.pl90 { padding-left: 90px !important; }
.pl85 { padding-left: 85px !important; }
.pl80 { padding-left: 80px !important; }
.pl75 { padding-left: 75px !important; }
.pl70 { padding-left: 70px !important; }
.pl65 { padding-left: 65px !important; }
.pl60 { padding-left: 60px !important; }
.pl55 { padding-left: 55px !important; }
.pl50 { padding-left: 50px !important; }
.pl45 { padding-left: 45px !important; }
.pl40 { padding-left: 40px !important; }
.pl35 { padding-left: 35px !important; }
.pl30 { padding-left: 30px !important; }
.pl25 { padding-left: 25px !important; }
.pl20 { padding-left: 20px !important; }
.pl15 { padding-left: 15px !important; }
.pl10 { padding-left: 10px !important; }
.pl5 { padding-left: 5px !important; }
.pl0 { padding-left: 0 !important; }

.wid100{width:100% !important;}
.wid95 {width: 95% !important;}
.wid90 {width: 90% !important;}
.wid85 {width: 85% !important;}
.wid80 {width: 80% !important;}
.wid75 {width: 75% !important;}
.wid70 {width: 70% !important;}
.wid65 {width: 65% !important;}
.wid60 {width: 60% !important;}
.wid55 {width: 55% !important;}
.wid50 {width: 50% !important;}
.wid45 {width: 45% !important;}
.wid40 {width: 40% !important;}

.fs200 {font-size:200% !important;}
.fs195 {font-size:195% !important;}
.fs190 {font-size:190% !important;}
.fs185 {font-size:185% !important;}
.fs180 {font-size:180% !important;}
.fs175 {font-size:175% !important;}
.fs170 {font-size:170% !important;}
.fs165 {font-size:165% !important;}
.fs160 {font-size:160% !important;}
.fs155 {font-size:155% !important;}
.fs150 {font-size:150% !important;}
.fs145 {font-size:145% !important;}
.fs140 {font-size:140% !important;}
.fs135 {font-size:135% !important;}
.fs130 {font-size:130% !important;}
.fs125 {font-size:125% !important;}
.fs120 {font-size:120% !important;}
.fs115 {font-size:115% !important;}
.fs110 {font-size:110% !important;}
.fs105 {font-size:105% !important;}
.fs100 {font-size:100% !important;}
.fs95 {font-size:95% !important;}
.fs90 {font-size:90% !important;}
.fs85 {font-size:85% !important;}
.fs80 {font-size:80% !important;}
.fs75 {font-size:75% !important;}
.fs70 {font-size:70% !important;}
.fs65 {font-size:65% !important;}
.fs60 {font-size:60% !important;}
.fs55 {font-size:55% !important;}
.fs50 {font-size:50% !important;}
.fs45 {font-size:45% !important;}
.fs40 {font-size:40% !important;}
.fs35 {font-size:35% !important;}
.fs30 {font-size:30% !important;}
.fs25 {font-size:25% !important;}
.fs20 {font-size:20% !important;}



ul.disc li{
	list-style:disc inside;
	text-indent:-1em;
	padding-left:1em;
}
ul.dec li{
	list-style:decimal inside;
	text-indent:-1em;
	padding-left:1em;
}


.icon_arrow{
	background: url(/images/_v1/common/icn_arrow_right_s.gif) no-repeat scroll 5px center;
	padding-left:1.5em;
}
.icon_external{
	background: url(/images/parts/sp_icn_blank.png) no-repeat scroll 0px center;
	background-size:12px;
	padding-left:1.5em;
}

.has_arrow{
	position:relative;
}
.has_arrow:before{
	width:20px;
	background-color:#fff;
	border-radius:50%;
	position:absolute;
	content:"";
	right:10px;
}
.has_arrow:after{
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: "";
	height: 7px;
	width: 7px;
	position: absolute;
	right: 17px;
	top: 44%;
	transform: rotate(45deg);
}

.bg_white{background-color:#fff !important;}
.bg_stripe_1{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#FFC760 25%, #FFC760 50%,
		#fff 50%, #fff 75%,
		#FFC760 75%, #FFC760
	);
	background-size: 8px 8px;
}
/* ------------------------------------
 * header PC
 */
#pc_corporate_logo{
	height:76px;
	border-bottom:1px solid #e5e5e5;
}

#pc_logo_au{
	text-align: center;
	padding-top: 30px;
}
#pc_head_terms{
	text-align:right;
	position:absolute;
	right:0px;
	width:360px;
	top:16px;
}
#pc_head_terms a{
	padding-left: 10px;
    background: url(/images/_v1/common/icn_arrow_right_s.gif) no-repeat 0 5px;
    line-height: 1;
	margin-bottom:8px;
	margin-left: 11px;
    display: inline-block;
}
#pc_head_terms a:hover{
	opacity: 0.8;
}
#pc_head_terms a img{
	vertical-align: bottom;
}
.global_navi{
  width:990px;
  height:46px;
}
.global_navi ul{
  margin:0;
  padding:0;
  overflow:hidden;
  font-weight: 550;
}
.global_navi li{
  float:left;
  margin:0;
  display: table-cell;
  list-style-type:none;
  height:46px;
  border-bottom:1px solid #ccc;
}
.global_navi li a{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-left:1px solid #ccc;
  height:46px;
  color: #6a6a6a;
  text-decoration: none;
  font-size:90%;
  line-height:110%;
}
.global_navi li a:hover{color:#eb5505;}
.global_navi li.iphone a{
  width:135px;
  background-position:0 0;
  border-left:none;
}
.global_navi li.ipad a{width:135px; background-position:-135px 0;}
.global_navi li.smartphone a{width:135px; background-position:-270px 0;}
.global_navi li.mobile a{width:135px; background-position:-405px 0;}
.global_navi li.data a{
  width:140px;
  background-position:-540px 0;
  text-align:left;
  padding-left:25%;
}
.global_navi li.option a{
  width:160px;
  background-position:-680px 0;
  text-align:left;
  padding-left:15%;
}
.global_navi li.itunes a{width:140px; background-position:-840px 0;}
/* over */
.global_navi li.iphone a:hover{width:135px; background-position:0 -46px;}
.global_navi li.ipad a:hover{width:135px; background-position:-135px -46px;}
.global_navi li.smartphone a:hover{width:135px; background-position:-270px -46px;}
.global_navi li.mobile a:hover{width:135px; background-position:-405px -46px;}
.global_navi li.data a:hover{width:140px; background-position:-540px -46px;}
.global_navi li.option a:hover{width:160px; background-position:-680px -46px;}
.global_navi li.itunes a:hover{width:140px; background-position:-840px -46px;}
/* current */
div.iphone .global_navi li.iphone a{width:135px; background-position:0 -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.ipad .global_navi li.ipad a{width:135px; background-position:-135px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.smartphone .global_navi li.smartphone a{width:135px; background-position:-270px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.mobile .global_navi li.mobile a{width:135px; background-position:-405px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.data .global_navi li.data a{width:140px; background-position:-540px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.option .global_navi li.option a{width:160px; background-position:-680px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.itunes .global_navi li.itunes a{width:140px; background-position:-840px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
#pc_gnav ul:after{
	content: "";
	display: block;
	clear:both;
	}
#pc_gnav ul li{
	list-style: none;
	float: left
}
#pc_gnav ul li a{
	display: block;
    height: 46px;
    background: url(/images/_v1/common/navi_global.gif) no-repeat 0 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#pc_gnav .iphone a{
	width: 135px;
	background-position: 0 0;
}
#pc_gnav .iphone a:hover{
	width: 135px;
	background-position: 0 -46px;
}
#pc_gnav .ipad a{
	width: 135px;
    background-position: -135px 0;
}
#pc_gnav .ipad a:hover{
	width: 135px;
    background-position: -135px -46px;
}
#pc_gnav .smartphone a{
	width: 135px;
    background-position: -270px 0;
}
#pc_gnav .smartphone a:hover{
	width: 135px;
    background-position: -270px -46px;
}
#pc_gnav .mobile a{
	width: 135px;
    background-position: -405px 0;
}
#pc_gnav .mobile a:hover{
	width: 135px;
    background-position: -405px -46px;
}
#pc_gnav .data a{
	width: 140px;
    background-position: -540px 0;
}
#pc_gnav .data a:hover{
	width: 140px;
    background-position: -540px -46px;
}
#pc_gnav .collection a{
	width: 155px;
    background-position: -561px 0px;
}
#pc_gnav .collection a:hover{
    background-position: -561px -46px;
}
#pc_gnav .option a{
	width: 160px;
    background-position: -680px 0;
}
#pc_gnav .option a:hover{
	width: 160px;
    background-position: -680px -46px;
}
#pc_gnav .itunes a{
	width: 140px;
    background-position: -840px 0;
}
#pc_gnav .itunes a:hover{
	width: 140px;
    background-position: -840px -46px;
}

#pc_site_logo{
	border-bottom:1px solid #e5e5e5;
}
#pc_site_logo h1{
	padding:24px 0 6px;
}

/* ------------------------------------
 * header SP
 */
#globalnav{
  -moz-user-select: none;
  background-color: #fff;
  display: block;
  font-size: 18px;
  height: 50px;
  left: 0;
  margin: 0;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
#gn-content {
  z-index:2;
  padding: 0;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

/* overray */
#globalnav + #gn-overray {
  background: rgba(0,0,0,0.2);
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
}
#globalnav.menu-active + #gn-overray,
#globalnav.cart-active + #gn-overray{
  display: block;
}

/* header */
.gn-header{
  height:50px;
  width:100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 3;
}

/* icon */
.gn-hide {
  display:none;
}
.gn-icon{
  height:50px;
  width:50px;
  position:absolute;
  z-index:2;
}
.gn-icon.gn-menu{
  left:0;
  top:0;
}
.gn-icon.gn-logo{
  width:170px;
  left:50%;
  top:0;
  margin-left:-85px;
}
.gn-icon.gn-logo a{
  padding:15px 10px;
  display:block;
}
.gn-icon.gn-logo img{
  width:150px;
  height:20px;
  vertical-align: baseline !important;
}
.gn-icon.gn-cart{
  right:0;
  top:0;
}
/* when menu or cart icon selected, another icon hide */
#globalnav.menu-active .gn-icon.gn-cart,
#globalnav.cart-active .gn-icon.gn-menu {
  display:none;
}

.gn-icon.gn-cart .gn-cart-icon{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.gn-icon.gn-cart .gn-cart-icon {
  position: relative;
  width: 50px;
  height: 50px;
  cursor:pointer;
}
.gn-icon.gn-cart .gn-cart-icon span{
  background-image:url('data:image/gif;base64,R0lGODlhEgATANUAAO7u7vX19aysrKurq+rq6tLS0u3t7fj4+Pv7+6+vr62trefn593d3czMzLa2trGxseXl5fn5+bm5ufr6+s7OzsfHx8XFxdPT09TU1P7+/tnZ2b29vcvLy9HR0dbW1rKyssDAwPT09Pz8/Obm5vDw8L6+vrW1tevr68PDw+jo6Lu7u6qqqv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAASABMAAAaAQJZwSCwOI46CcSkMCRIG5vLgUahQDQYEkJGyCquwePVRcS4MQ2A4GrvHiiFi8H6DiJu6G0ME68ULRAt/YQMTRCJ0fxJGJYQNRhoCDiqVlpUQRhEDa15DBxSMRiSdnw8rCaVCFSsCBEQphGEdRAgmKw8EALu7Fq2vRBMnCEtqQkEAOw==');
  background-repeat:no-repeat;
  background-scroll:none;
  display:block;
  height:19px;
  width:18px;
  margin:15px;
}

.gn-menu-bars,
.gn-menu-bars span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.gn-menu-bars {
  position: relative;
  width: 50px;
  height: 50px;
  cursor:pointer;
}
.gn-menu-bars span {
  position: absolute;
  left: 20px;
  width: 16px;
  height: 2px;
  background-color: #aaa;
  border-radius: 4px;
}
.gn-menu-bars span::before {
  position: absolute;
  top: 0;
  left: -6px;
  content: '';
  width: 4px;
  height: 2px;
  background-color: #aaa;
  border-radius: 4px;
}
.gn-menu-bars span:nth-of-type(1) {
  top: 18px;
}
.gn-menu-bars span:nth-of-type(2) {
  top: 24px;
}
.gn-menu-bars span:nth-of-type(3) {
  top: 30px;
}
#globalnav.menu-active .gn-menu-bars span{
  width: 22px;
  left:14px;
}
#globalnav.menu-active .gn-menu-bars span::before{
  display:none;
}

/* form change animation */ 
#globalnav.menu-active .gn-menu-bars span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg);
}
#globalnav.menu-active .gn-menu-bars span:nth-of-type(2) {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  opacity: 0;
}
#globalnav.menu-active .gn-menu-bars span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}

.gn-balloon span {
  height: 10px;
  margin-bottom: 0;
  bottom: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
}
.gn-balloon:after{
  border: 1px solid #eee;
  content: "";
  display: none;
  position: absolute;
  top: -10px;
  width: 12px;
  height: 12px;
  background-color: #eee;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  z-index: 1;
}
.cart-active .gn-cart-wrap .gn-balloon:after{
  right: 10px;
  display:block;
}
.menu-active .gn-menu-wrap .gn-balloon:after{
  left: 25px;
  display:block;
}

.gn-menu-wrap a,
.gn-cart-wrap a,
.gn-menu-wrap p,
.gn-cart-wrap p{
  color:#333 !important;
  font-size:14px;
  display: block;
  outline-offset: 0;
  padding: 10px;
  width: auto;
  text-decoration:none;
  -ms-user-select: text;
  -webkit-user-select: auto;
  -moz-user-select: text;
}

.gn-menu-wrap,
.gn-cart-wrap{
  display:none;
  background-color: #eee;
  border-radius: 0;
  border-width: 0 0 1px;
  top: 50px;
  left: 0;
  right: 0;
  width: 100%;
  position:absolute;
  z-index:1;
  box-sizing: content-box;
}
#globalnav.menu-active .gn-menu-wrap {
  display:block;
}
#globalnav.cart-active .gn-cart-wrap {
  display:block;
}

.gn-menu-wrap ul,
.gn-cart-wrap ul {
  background-color:#eee;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
  right: 0;
  top: 50px;
  z-index: 2;
}
.gn-menu-wrap li,
.gn-cart-wrap li {
    border-bottom: 1px solid #ccc;
}
.gn-menu-wrap li:last-child,
.gn-cart-wrap li:last-child {
  border-bottom: none;
}

#header{
	padding: 0px !important;
}

/* ------------------------------------
 * 5point PC
 */
.value_box{
	background-color: #f7f5f0;
}
.value_box .value_box-title {
    position: relative;
    padding: 8px 10px;
}
.value_box .value_box-title .detail {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 7px 18px;
    background-color: #fff;
}
.value_box .value_box-title .detail a{
	background: url(/images/_v1/common/icn_arrow_right_s.gif) no-repeat 0 50%;
	padding-left: 10px;
}
.value_box .value_box-contents {
    padding: 0 10px 10px;
}
.value_box .au_value {
    overflow: hidden;
    margin: 0;
    padding: 26px 0 15px;
    background-color: #fff;
}
.value_box .au_value li {
    float: left;
    height: 147px;
    margin: 0;
    padding: 0 10px;
    border-left: 1px solid #e5e5e5;
    list-style-type: none;
}
.value_box .au_value li:first-child {
    border-left: 0;
}

/* ------------------------------------
 * footer PC
 */
.footer{
	clear: both;
    width: 100%;
    background-color: #f7f7f7;
    border-top: 1px solid #e5e5e5;
    font-size: 72%;
    color: #777;
}
.footer .inner {
    height: 150px;
    text-align: left;
}
.footer .logo {
    padding: 23px 0 0 2px;
}
.footer .footer_navi {
    position: absolute;
    top: 18px;
    right: 0;
}
.footer .footer_navi ul li{
	list-style: none;
	display: inline-block;
    vertical-align: top;
    margin-left: 8px;
    padding-left: 10px;
    border-left: 1px solid #e5e5e5;
}
.footer .footer_navi ul li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}
.footer .footer_navi ul li a{
	background: url(/images/_v1/common/icn_arrow_right_s.gif) no-repeat 0 50%;
	padding-left: 12px;
	font-size:10px;
}
.footer .footer_navi ul li a.icon{
	background: url(../../images/_v1/common/icn_arrow_right.png) no-repeat 0 0.4em;
}

.footer .copyright {
    position: absolute;
    bottom: 15px;
    right: 0;
}

/* ------------------------------------
 * footer SP
 */
#footer{
	position:relative;
	border-top :1px solid #e5e5e5;
	background-color:#f7f7f7;
}
#footer > div {
	font-size:12px;
}
#footer .linkArea {
	width:100%;
	margin-bottom: 20px;
}

#footer .linkArea td {
    margin: 0px auto 1px;
    padding: 0 !important;
    background: #eee url(/images/parts/SP_btn_arrow.png) no-repeat scroll right center;
    height: 35px;
    border-top: 1px solid #FFF;
}
#footer .linkArea td:first-child {
    border-right: 1px solid #FFF;
}
#footer .linkArea a {
    display: table-cell;
    color: #333;
    padding: 15px 30px 15px 10px;
    vertical-align: middle;
    height: 35px;
    font-weight: normal !important;
	font-size: 12px;
}
#foot_au{
	position:absolute;
	left:10px;
	bottom:30px;
}
#foot_kddi{
	position:absolute;
	right:10px;
	bottom:30px;
}
#footer .copyright{
	text-align: center;
	font-size: 11px;
	padding-top:35px;
	padding-bottom:15px;
}
#footer .sp_guides a{
	background: #eee url(/images/parts/SP_btn_arrow.png) no-repeat scroll right center;
	padding: 15px 0 15px 10px;
	border:1px solid #fff;
	cursor:pointer;
	color:#333;
}