/* import */
@media screen and (min-width: 980px) { 
	.inr_cmn { max-width: 980px; width: 100%; margin: 0 auto; display: block; position: relative; }
	#cnt_mm .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_mm.png) 50% top no-repeat; background-size: 900px; padding-bottom: 30px;}
	#cnt_ur .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_ur.png) 50% top no-repeat; background-size: 980px; padding-bottom: 1px;}
	#cnt_kn .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_kn.png) 50% top no-repeat; background-size: 850px; padding-bottom: 1px;}
	#cnt_kg .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_kg.png) 50% top no-repeat; background-size: 1478px;padding-bottom: 1px; }
	#cnt_ot .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_ot.png) 50% top no-repeat; background-size: 960px;padding-bottom: 1px; }
	#cnt_on .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_on.png) 50% top no-repeat; background-size: 900px; padding-bottom: 1px;}
	#cnt_or .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_or.png) 50% top no-repeat; background-size: 1266px;padding-bottom: 1px;}
	#cnt_tk .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_tk.png) 50% top no-repeat; background-size: 850px; padding-bottom: 1px;}
	#cnt_oy .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_oy.png) 50% top no-repeat; background-size: 1232px;padding-bottom: 1px; }
	#cnt_mj .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_mj.png) 50% top no-repeat; background-size: 1232px; padding-bottom: 1px;}
	#cnt_ik .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_ik.png) 50% top no-repeat; background-size: 900px;padding-bottom: 1px; }
	#cnt_mmh .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_mmh.png) 50% top no-repeat; background-size: 900px;padding-bottom: 1px; }
}

@media screen and (max-width: 979px) and (min-width: 769px)  { 
	.inr_cmn { max-width: 980px; width: 100%; display: block; position: relative;  }
	#cnt_mm .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_mm.png) 50% top no-repeat; background-size: 94%; padding-bottom: 30px;}
	#cnt_ur .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_ur.png) 50% top no-repeat; background-size: 101%; padding-bottom: 1px;}
	#cnt_kn .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_kn.png) 50% top no-repeat; background-size: 89%; padding-bottom: 1px;}
	#cnt_kg .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_kg.png) 50% top no-repeat; background-size: 150%; padding-bottom: 1px;}
	#cnt_ot .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_ot.png) 50% top no-repeat; background-size: 100%;padding-bottom: 1px; }
	#cnt_on .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_on.png) 50% top no-repeat; background-size: 94%; padding-bottom: 1px;}
	#cnt_or .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_or.png) 50% top no-repeat; background-size: 132%;padding-bottom: 1px; }
	#cnt_tk .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_tk.png) 50% top no-repeat; background-size: 100%;padding-bottom: 1px; }
	#cnt_oy .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_oy.png) 50% top no-repeat; background-size: 132%;padding-bottom: 1px; }
	#cnt_mj .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_mj.png) 50% top no-repeat; background-size: 132%; padding-bottom: 1px;}
    #cnt_ik .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_ik.png) 50% top no-repeat; background-size: 100%; padding-bottom: 1px;}
	#cnt_mmh .inr_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/img_mmh.png) 50% top no-repeat; background-size: 96%;padding-bottom: 1px; }
}
/*//// hdr ////*/
@media screen and (min-width: 769px) { 
.hdr_cmn { width: 100%; background-color: #fff; }
.hdr_cmn a { display: block; transition: all .2s ease-in; }
.hdr_cmn a:hover { opacity: 0.5; }

.lg_hdr_cmn { width: 83px; margin: 10px 13px 0 0; float: left; display: block; }

.img_hdr_cmn { width: 166px; float: left; display: block; }

.lnk_hdr_cmn { width: 98px; margin: 22px 215px 16px 0; float: right; display: block; background: url(/content/dam/au-com/pr/cm/3taro/images/lnk_hdr_cmn.gif) left top; vertical-align: top; }
.lnk_hdr_cmn span { line-height: 1; }
.lnk_hdr_cmn img { vertical-align: top; }

.lnk_hdr_cmn:hover { background: url(/content/dam/au-com/pr/cm/3taro/images/lnk_hdr_cmn_on.gif) left top; }

.gn-socials { top: 20px; }
}



@media screen and (max-width: 768px) and (min-width: 0px) {
body { width: 100%; overflow-x: hidden; }

.hdr_cmn { width: 100%; background-color: #fff; }
.lg_hdr_cmn { width: 18.75%; float: left; display: block; }
.img_hdr_cmn { width: 26.5625%; float: left; display: block; }
.lnk_hdr_cmn { width: 24.21%; float: right; display: block; }
}

/*//// nv ////*/
.cnt_cmn .pc_char_box a { opacity:1}
.cnt_cmn .pc_char_box a:hover { opacity:1}
.pc_char_box a img.ovon { display: none  }
.pc_char_box a:hover img.ovon { display: block }
.pc_char_box a img.ovoff { display: block  }
.pc_char_box a:hover img.ovoff { display: none }

@media screen and (min-width: 980px) { 
.nv_cmn { width: 100%; background-color: #333; }
.nv_cmn .inr_cmn { width: 980px; margin: 0 auto; display: block; position: relative; }

.btn_nv_cmn { width: 245px; float: left; display: block; position: relative; }
.btn_nv_cmn a { width: 100%; height: 100%; display: block; }
.btn_nv_cmn a img { transition: all .2s ease-in;  }
.btn_nv_cmn a:hover img, .btn_nv_cmn a.current img { opacity: 0; }
.btn_nv_cmn.btn01_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr01_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
.btn_nv_cmn.btn02_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr02_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
.btn_nv_cmn.btn03_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr03_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
.btn_nv_cmn.btn04_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr04_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }

.chr_nv_cmn { width: 100%; height: 0; overflow: hidden; position: absolute; z-index: 10; left: 0; top: 100%; background-color: #333; transition: all .8s ease-in; }
.open .chr_nv_cmn { /*height: 560px;*/height: 630px; transition: all .4s ease-in;  }

.btn_chr_nv_cmn { opacity: 0; width: 100%; font-size: 20px; transform: scale(1, 0.9) translate(0, -5px); transform-origin: 50% top; -webkit-transform-origin: 50% top; }
	
.btn_chr_nv_cmn.btn01_chr_nv_cmn { transition: all 0.2s ease-in 0.6s; }
.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn01_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.1s;  }
.btn_chr_nv_cmn.btn02_chr_nv_cmn { transition: all 0.2s ease-in 0.5s; }
.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn02_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.2s;  }
.btn_chr_nv_cmn.btn03_chr_nv_cmn { transition: all 0.2s ease-in 0.4s; }
.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn03_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.3s;  }
.btn_chr_nv_cmn.btn04_chr_nv_cmn { transition: all 0.2s ease-in 0.3s; }
.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn04_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.4s;  }
.btn_chr_nv_cmn.btn05_chr_nv_cmn { transition: all 0.2s ease-in 0.2s; }
.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn05_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.5s;  }
.btn_chr_nv_cmn.btn06_chr_nv_cmn { transition: all 0.2s ease-in 0.1s; }
.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn06_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.6s;  }
.btn_chr_nv_cmn.btn07_chr_nv_cmn { transition: all 0.2s ease-in 0s; }
.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn07_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.7s;  }
.btn_chr_nv_cmn.btn08_chr_nv_cmn { transition: all 0.2s ease-in 0s; }
.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn08_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.8s; }
.btn_chr_nv_cmn.btn09_chr_nv_cmn { transition: all 0.2s ease-in 0s; }
.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn09_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.8s; }
.btn_chr_nv_cmn.btn10_chr_nv_cmn { transition: all 0.2s ease-in 0s; }
.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn10_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.9s; }
    
.btn_chr_nv_cmn.btn01_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr01_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
.btn_chr_nv_cmn.btn02_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr02_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
.btn_chr_nv_cmn.btn03_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr03_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
.btn_chr_nv_cmn.btn04_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr04_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
.btn_chr_nv_cmn a { width: 100%; min-height: 70px; padding: 20px 10px 20px 125px; box-sizing: border-box!important; font-size: 20px; background-position: 27px 50%; background-repeat: no-repeat; background-size: 33.2%; transition: all .2s ease-in; }
.btn_chr_nv_cmn a:hover { background-color: rgba(255, 255, 255, 0.3); opacity: .8; text-decoration: none; }
.btn_chr_nv_cmn:nth-child(odd) a { background-color: #414141; }
.btn_chr_nv_cmn:nth-child(even) a { background-color: #333; }

.btn01_chr_nv_cmn a { color: #eb5505!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr01_nv_cmn.png); background-size: auto 90%; }
.btn02_chr_nv_cmn a { color: #517bb6!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr02_nv_cmn.png); background-size: auto 90%; }
.btn03_chr_nv_cmn a { color: #de5fa2!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr03_nv_cmn.png); background-size: auto 90%; }
.btn04_chr_nv_cmn a { color: #cbc942!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr04_nv_cmn.png); background-size: auto 90%; }
.btn05_chr_nv_cmn a { color: #a89fcc!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr05_nv_cmn.png); background-size: auto 90%; }
.btn06_chr_nv_cmn a { color: #a88050!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr06_nv_cmn.png); background-size: auto 90%; }
.btn07_chr_nv_cmn a { color: #ff7677!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr07_nv_cmn.png); background-size: auto 90%; }
.btn08_chr_nv_cmn a { color: #ECF118!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr08_nv_cmn.png); background-size: auto 90%; }
.btn09_chr_nv_cmn a { color: #d71a18!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr09_nv_cmn.png); background-size: auto 90%; }
/*.btn10_chr_nv_cmn a { color: #d2baaa!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr10_nv_cmn.png); background-size: auto 90%; }
}*/
.btn10_chr_nv_cmn a { color: #5cb5ed!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr13_nv_cmn.png); background-size: auto 90%; }
}

@media all and (-ms-high-contrast: none){
  .open .chr_nv_cmn { height: 640px; }
}

@supports (-ms-ime-align: auto) {
  .open .chr_nv_cmn { height: 640px; }
}

@-moz-document url-prefix(){
  .open .chr_nv_cmn { height: 640px; }
}

@media screen and (max-width: 979px) and (min-width: 769px)  { 
	.nv_cmn { width: 100%; background-color: #333; }
	.nv_cmn .inr_cmn { width: 100%; max-width: 980px; margin: 0 auto; display: block; position: relative; }
	
	.btn_nv_cmn { width: 25%; float: left; display: block; position: relative; }
	.btn_nv_cmn a { width: 100%; height: 100%; display: block; }
	.btn_nv_cmn a img { transition: all .2s ease-in; }
	.btn_nv_cmn a:hover img, .btn_nv_cmn a.current img { opacity: 0; }
	.btn_nv_cmn.btn01_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr01_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
	.btn_nv_cmn.btn02_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr02_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
	.btn_nv_cmn.btn03_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr03_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
	.btn_nv_cmn.btn04_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr04_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
	
	.chr_nv_cmn { width: 100%; height: 0; overflow: hidden; position: absolute; z-index: 10; left: 0; top: 100%; transition: all .8s ease-in; }
	.open .chr_nv_cmn { /*height: 540px;*/height: 560px; transition: all .4s ease-in; }
	
	@media all and (-ms-high-contrast: none){
	  .open .chr_nv_cmn { height: 560px; }
	}
	
	@supports (-ms-ime-align: auto) {
	  .open .chr_nv_cmn { height: 560px; }
	}
	@-moz-document url-prefix(){
	  .open .chr_nv_cmn { height: 560px; }
	}
	
	.btn_chr_nv_cmn { opacity: 0; width: 100%; font-size: 20px; transform: scale(1, 0.9) translate(0, -5px); transform-origin: 50% top; -webkit-transform-origin: 50% top; }
	.btn_chr_nv_cmn.btn01_chr_nv_cmn { transition: all 0.2s ease-in 0.6s; }
	.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn01_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.1s; }
	.btn_chr_nv_cmn.btn02_chr_nv_cmn { transition: all 0.2s ease-in 0.5s; }
	.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn02_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.2s; }
	.btn_chr_nv_cmn.btn03_chr_nv_cmn { transition: all 0.2s ease-in 0.4s; }
	.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn03_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.3s; }
	.btn_chr_nv_cmn.btn04_chr_nv_cmn { transition: all 0.2s ease-in 0.3s; }
	.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn04_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.4s; }
	.btn_chr_nv_cmn.btn05_chr_nv_cmn { transition: all 0.2s ease-in 0.2s; }
	.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn05_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.5s; }
	.btn_chr_nv_cmn.btn06_chr_nv_cmn { transition: all 0.2s ease-in 0.1s; }
	.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn06_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.6s; }
	.btn_chr_nv_cmn.btn07_chr_nv_cmn { transition: all 0.2s ease-in 0s; }
	.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn07_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.7s; }
	.btn_chr_nv_cmn.btn08_chr_nv_cmn { transition: all 0.2s ease-in 0s; }
	.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn08_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.8s; }
	.btn_chr_nv_cmn.btn09_chr_nv_cmn { transition: all 0.2s ease-in 0s; }
	.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn09_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.8s; }
	.btn_chr_nv_cmn.btn10_chr_nv_cmn { transition: all 0.2s ease-in 0s; }
	.btn02_nv_cmn:hover .btn_chr_nv_cmn.btn10_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.8s; }
	
	.btn_chr_nv_cmn.btn01_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr01_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
	.btn_chr_nv_cmn.btn02_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr02_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
	.btn_chr_nv_cmn.btn03_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr03_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
	.btn_chr_nv_cmn.btn04_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/images/hvr04_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
	.btn_chr_nv_cmn a { width: 100%; min-height: 60px; padding: 20px 0 20px 52%; box-sizing: border-box!important; font-size: 16px; background-position: 27px 50%; background-repeat: no-repeat; background-size: 33.2%; transition: all .2s ease-in; }
	.btn_chr_nv_cmn a:hover { background-color: rgba(255, 255, 255, 0.3); opacity: .8; text-decoration: none; }
	.btn_chr_nv_cmn:nth-child(odd) a { background-color: #414141; }
	.btn_chr_nv_cmn:nth-child(even) a { background-color: #333; }
	.btn01_chr_nv_cmn a { color: #eb5505!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr01_nv_cmn.png);background-size: auto 90%; }
	.btn02_chr_nv_cmn a { color: #517bb6!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr02_nv_cmn.png);background-size: auto 90%; }
	.btn03_chr_nv_cmn a { color: #de5fa2!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr03_nv_cmn.png);background-size: auto 90%; }
	.btn04_chr_nv_cmn a { color: #cbc942!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr04_nv_cmn.png);background-size: auto 90%; }
	.btn05_chr_nv_cmn a { color: #a89fcc!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr05_nv_cmn.png);background-size: auto 90%; }
	.btn06_chr_nv_cmn a { color: #a88050!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr06_nv_cmn.png);background-size: auto 90%; }
	.btn07_chr_nv_cmn a { color: #ff7677!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr07_nv_cmn.png);background-size: auto 90%; }
	.btn08_chr_nv_cmn a { color: #ECF118!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr08_nv_cmn.png);background-size: auto 90%; }
	.btn09_chr_nv_cmn a { color: #d71a18!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr09_nv_cmn.png);background-size: auto 90%; }
	/*.btn10_chr_nv_cmn a { color: #d2baaa!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr10_nv_cmn.png);background-size: auto 90%; }*/
	.btn10_chr_nv_cmn a { color: #d2baaa!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr13_nv_cmn.png);background-size: auto 90%; }
}

@media screen and (max-width: 768px) and (min-width: 0px) { 
.nv_cmn { width: 100%; background-color: #333; }

.btn_nv_cmn { float: left; display: block; position: relative; }
.btn_nv_cmn.btn01_nv_cmn { width: 19.6875%; }
.btn_nv_cmn.btn02_nv_cmn { width: 33.125%; }
.btn_nv_cmn.btn03_nv_cmn { width: 26.71875%; }
.btn_nv_cmn.btn04_nv_cmn { width: 20.46875%; }
.btn_nv_cmn a { width: 100%; height: 100%; display: block; }
.btn_nv_cmn a:hover img, .btn_nv_cmn a.current img { opacity: 0; }
.btn_nv_cmn.btn01_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/sp/images/hvr01_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
.btn_nv_cmn.btn02_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/sp/images/hvr02_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
.btn_nv_cmn.btn03_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/sp/images/hvr03_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }
.btn_nv_cmn.btn04_nv_cmn > a { background: url(/content/dam/au-com/pr/cm/3taro/sp/images/hvr04_nv_cmn.gif) 50% 50% no-repeat; background-size: 100%; }

.chr_nv_cmn { width: 100%; height: 0; overflow: hidden; position: absolute; z-index: 3; left: 0; top: 100%; transition: all .8s ease-in; }
.open .chr_nv_cmn { height: 940%; transition: all .4s ease-in; }

.btn_chr_nv_cmn { opacity: 0; width: 100%; font-size: 100%; transform: scale(1, 0.9) translate(0, -5px); -webkit-transform: scale(1, 0.9) translate(0, -5px); transform-origin: 50% top; -webkit-transform-origin: 50% top; }
.btn_chr_nv_cmn.btn01_chr_nv_cmn { transition: all 0.2s ease-in 0.8s; }
.open .btn_chr_nv_cmn.btn01_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.1s; }
.btn_chr_nv_cmn.btn02_chr_nv_cmn { transition: all 0.2s ease-in 0.7s; }
.open .btn_chr_nv_cmn.btn02_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.2s; }
.btn_chr_nv_cmn.btn03_chr_nv_cmn { transition: all 0.2s ease-in 0.6s; }
.open .btn_chr_nv_cmn.btn03_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.3s; }
.btn_chr_nv_cmn.btn04_chr_nv_cmn { transition: all 0.2s ease-in 0.5s; }
.open .btn_chr_nv_cmn.btn04_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.4s; }
.btn_chr_nv_cmn.btn05_chr_nv_cmn { transition: all 0.2s ease-in 0.4s; }
.open .btn_chr_nv_cmn.btn05_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.5s; }
.btn_chr_nv_cmn.btn06_chr_nv_cmn { transition: all 0.2s ease-in 0.3s; }
.open .btn_chr_nv_cmn.btn06_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.6s; }
.btn_chr_nv_cmn.btn07_chr_nv_cmn { transition: all 0.2s ease-in 0.2s; }
.open .btn_chr_nv_cmn.btn07_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.7s; }
.btn_chr_nv_cmn.btn08_chr_nv_cmn { transition: all 0.2s ease-in 0s;  }
.open .btn_chr_nv_cmn.btn08_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.8s; }
.btn_chr_nv_cmn.btn09_chr_nv_cmn { transition: all 0.2s ease-in 0.1s; }
.open .btn_chr_nv_cmn.btn09_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.8s; }
.btn_chr_nv_cmn.btn10_chr_nv_cmn { transition: all 0.2s ease-in 0s; }
.open .btn_chr_nv_cmn.btn10_chr_nv_cmn { opacity: 1; transform: scale(1, 1) translate(0, 0); transition: all 0.2s ease-in 0.9s; }
	
.btn_chr_nv_cmn a { width: 100%; padding: 11% 0.45% 11% 43%; box-sizing: border-box!important; background-position: 5% 50%; background-repeat: no-repeat; background-size: 33.2%; font-size: 136%; }
.btn_chr_nv_cmn:nth-child(odd) a { background-color: #414141; }
.btn_chr_nv_cmn:nth-child(even) a { background-color: #333; }

.btn01_chr_nv_cmn a { color: #eb5505!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr01_nv_cmn.png);  background-size: auto 90%;}
.btn02_chr_nv_cmn a { color: #517bb6!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr02_nv_cmn.png); background-size: auto 90%; }
.btn03_chr_nv_cmn a { color: #de5fa2!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr03_nv_cmn.png); background-size: auto 90%; }
.btn04_chr_nv_cmn a { color: #cbc942!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr04_nv_cmn.png); background-size: auto 90%; }
.btn05_chr_nv_cmn a { color: #a89fcc!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr05_nv_cmn.png); background-size: auto 90%; }
.btn06_chr_nv_cmn a { color: #a88050!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr06_nv_cmn.png); background-size: auto 90%; }
.btn07_chr_nv_cmn a { color: #ff7677!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr07_nv_cmn.png); background-size: auto 90%; }
.btn08_chr_nv_cmn a { color: #ECF118!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr08_nv_cmn.png); background-size: auto 90%; }
.btn09_chr_nv_cmn a { color: #d71a18!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr09_nv_cmn.png); background-size: auto 90%; }
/*.btn10_chr_nv_cmn a { color: #d2baaa!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr10_nv_cmn.png); background-size: auto 90%; }*/
.btn10_chr_nv_cmn a { color: #d2baaa!important; background-image: url(/content/dam/au-com/pr/cm/3taro/images/chr13_nv_cmn.png); background-size: auto 90%; }

}

@media screen and (max-width: 555px) and (min-width: 0px) { 
	.btn_chr_nv_cmn { font-size: 60%;}
}

/*//// cnt ////*/
@media screen and (min-width: 769px) { 
.cnt_cmn { width: 100%; /*min-width: 980px;*/ overflow: hidden; position: relative; z-index: 1; background-position: left top,right top; background-size: 360px,360px; background-repeat: repeat-y,repeat-y; }
.cnt_cmn#cnt_mm { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bgl_mm.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_mm.jpg); background-color: #ff9d26; }
	
.cnt_cmn#cnt_ur { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bgl_ur.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_ur.jpg); background-color: #517bb6; }
	
.cnt_cmn#cnt_kn { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bgl_kn.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_kn.jpg); background-color: #de5fa2; }
	
.cnt_cmn#cnt_kg { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bg_kg.png), url(/content/dam/au-com/pr/cm/3taro/images/bgl_kg.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_kg.jpg); background-color: #cbc942; background-position: 50% top,left top,right top; background-size: 1478px,360px,360px; background-repeat: no-repeat,repeat-y,repeat-y; }
	
.cnt_cmn#cnt_ot { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bgl_ot.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_ot.jpg); background-color: #a89fcc; }
	
.cnt_cmn#cnt_on { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bgl_on.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_on.jpg); background-color: #a88050; }
	
.cnt_cmn#cnt_or { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bg_or.png),url(/content/dam/au-com/pr/cm/3taro/images/bgl_or.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_or.jpg); background-size: 1266px,360px,360px; background-position: 50% top,left top,right top;  background-repeat: no-repeat,repeat-y,repeat-y; background-color: #ffa2a2; }
	
.cnt_cmn#cnt_tk {background-image: url(/content/dam/au-com/pr/cm/3taro/images/bgl_tk.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_tk.jpg);  background-color: #f5e137;  }
	
.cnt_cmn#cnt_oy { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bgl_oy.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_oy.jpg);  background-color: #e70012; }

.cnt_cmn#cnt_mj { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bgl_mj.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_mj.jpg); background-color: #dbbcab; }

.cnt_cmn#cnt_ik { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bgl_ik.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_ik.jpg); background-color: #f4d985; }
	
.cnt_cmn#cnt_mmh { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bgl_mmh.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_mmh.jpg); background-color: #8ed2f5; }

.cnt_cmn#cnt_ind { background-image: url(/content/dam/au-com/pr/cm/3taro/images/bgl_ind.jpg), url(/content/dam/au-com/pr/cm/3taro/images/bgr_ind.jpg); background-color: #fbf8db; }
	
.cnt_cmn a { transition: all .2s ease-in; }
.cnt_cmn a { transition: all .2s ease-in; }
.cnt_cmn a:hover { opacity: .8; text-decoration: none; }

.wrp_cmn { width:100%; max-width: 900px; margin: 0 auto; box-sizing: border-box!important; position: relative; }
}


@media screen and (max-width: 768px) and (min-width: 0px) { 
.cnt_cmn { width: 100%; overflow: hidden; position: relative; z-index: 1; background-repeat: repeat-y; background-size: 100%; background-position: 50% 50%; }
.cnt_cmn#cnt_mm { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_mm.jpg); }
.cnt_cmn#cnt_ur { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_ur.jpg); }
.cnt_cmn#cnt_kn { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_kn.jpg); }
.cnt_cmn#cnt_kg { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_kg.jpg); }
.cnt_cmn#cnt_ot { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_ot.jpg); }
.cnt_cmn#cnt_on { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_on.jpg); }
.cnt_cmn#cnt_or { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_or.jpg); }
.cnt_cmn#cnt_tk { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_tk.jpg); }
.cnt_cmn#cnt_oy { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_oy.jpg); }
.cnt_cmn#cnt_mj { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_mj.jpg); }
.cnt_cmn#cnt_ik { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_ik.jpg); }
.cnt_cmn#cnt_mmh { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_mmh.jpg); }
.cnt_cmn#cnt_ind { background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_ind.jpg); }

.wrp_cmn { width: 100%; padding-left: 4%; padding-right: 4%; padding-bottom: 16%; box-sizing: border-box!important; position: relative; }

.cld_cmn { width: 100%; position: absolute; z-index: -1; top: 0; left: 0; transition: all 2s ease-out; }
.cld_cmn.cld01_cmn { top: auto; bottom: 0; }
.cld_cmn.cld02_cmn { opacity: 0; transform: translate(27%, 50%); }
.cld_cmn.cld02_cmn.start { opacity: 1; transform: translate(2%, 50%); }
.cld_cmn.cld02_cmn img { transform: scale(1); transform-origin: left 50%; }
.cld_cmn.cld03_cmn { opacity: 0; transform: translate(-50%, -35%); transform-origin: right 50%; }
.cld_cmn.cld03_cmn.start { opacity: 1; transform: translate(-7%, -35%); }
.cld_cmn.cld03_cmn img { transform: scale(1); transform-origin: left 50%; }
.cld_cmn.cld04_cmn { margin-top: 6%; opacity: 0; transform: translate(15%, 50%); }
.cld_cmn.cld04_cmn.start { opacity: 1; transform: translate(0, 50%); }
.cld_cmn.cld04_cmn img { transform: scale(1.3); transform-origin: 50% 50%; }
	
#cnt_oy .cld_cmn.cld04_cmn { margin-top: 0%; opacity: 0; transform: translate(-50%, -30%); }
#cnt_oy .cld_cmn.cld04_cmn.start { opacity: 1; transform: translate(-30%, -30%); }
#cnt_oy .cld_cmn.cld04_cmn img { transform: scale(-1.3); transform-origin: 50% 50%; }

}

/*// kv //*/

@media screen and (min-width: 769px) { 
.ttl_cmn { width: 100%; position: relative; }
#cnt_mm .ttl_cmn { width: 150px; padding: 40px 30px 523px 80%; }
#cnt_ur .ttl_cmn { width: 150px; padding: 40px 30px 462px 80%; }
#cnt_kn .ttl_cmn { width: 150px; padding: 40px 30px 610px 80%; }
#cnt_kg .ttl_cmn { width: 150px; padding: 40px 30px 505px 80%; }
#cnt_ot .ttl_cmn { width: 150px; padding: 40px 30px 753px 80%; }
#cnt_on .ttl_cmn { width: 150px; padding: 40px 30px 880px 80%; }
#cnt_or .ttl_cmn { width: 150px; padding: 40px 40px 400px 80%; }
#cnt_tk .ttl_cmn { width: 150px; padding: 40px 30px 610px 80%; }
#cnt_oy .ttl_cmn { width: 150px; padding: 40px 40px 360px 80%; }
#cnt_mj .ttl_cmn { width: 150px; padding: 40px 40px 360px 80%; }
#cnt_ik .ttl_cmn { width: 150px; padding: 40px 40px 420px 80%; }
#cnt_mmh .ttl_cmn { width: 150px; padding: 40px 30px 620px 80%; }

.dt_cmn { position: absolute; }
#cnt_mm .dt_cmn:nth-child(2) { width: 71px; left: 79px; top: 289px; }
#cnt_mm .dt_cmn:nth-child(3) { width: 108px; left: 706px; top: 583px; }
#cnt_ur .dt_cmn:nth-child(2) { width: 267px; left: 20px; top: 532px; }
#cnt_ur .dt_cmn:nth-child(3) { width: 87px; left: 870px; top: 855px; }
#cnt_kn .dt_cmn:nth-child(2) { width: 233px; left: 77px; top: 660px; }
#cnt_kn .dt_cmn:nth-child(3) { width: 85px; left: 826px; top: 902px; }
#cnt_kg .dt_cmn:nth-child(2) { width: 174px; left: 10px; top: 772px; }
#cnt_kg .dt_cmn:nth-child(3) { width: 62px; left: 824px; top: 788px; }
#cnt_ot .dt_cmn:nth-child(2) { width: 87px; left: 76px; top: 483px; }
#cnt_ot .dt_cmn:nth-child(3) { width: 168px; left: 802px; top: 552px; }
#cnt_on .dt_cmn:nth-child(2) { width: 50px; left: 48px; top: 723px; }
#cnt_on .dt_cmn:nth-child(3) { width: 171px; left: 760px; top: 914px; }

}

@media screen and (max-width: 768px) and (min-width: 0px) {
    .kv_cmn { position: relative; }
}

/*// prf //*/

@media screen and (min-width: 769px) { 
.bg_prof_cmn { padding: 0 4%;}
.wrp_prf_cmn { margin-bottom: 100px; background-color: rgba(255, 255, 255, 0.9); }
#cnt_or .wrp_prf_cmn { margin-bottom: 200px; }
#cnt_oy .wrp_prf_cmn { margin-bottom: 180px; }
#cnt_mmh .wrp_prf_cmn { margin-bottom: 320px; }
	
.ttl_prf_cmn { width: 183px; margin: 0 auto; padding: 20px 0; }
.txt_prf_cmn { padding-bottom: 38px; }
}


@media screen and (max-width: 768px) and (min-width: 0px) { 
	.bg_prof_cmn { padding: 5.1% 6.3% 0; background-color: rgba(255, 255, 255, 0.9); }
	#cnt_mm .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_prf_mm.png) 50% top no-repeat; background-size: 100%; }
	#cnt_ur .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_prf_ur.png) 50% top no-repeat; background-size: 100%; }
	#cnt_kn .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_prf_kn.png) 50% top no-repeat; background-size: 100%; }
	#cnt_kg .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_prf_kg.png) 50% top no-repeat; background-size: 100%; }
	#cnt_ot .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_prf_ot.png) 50% top no-repeat; background-size: 100%; }
	#cnt_on .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_prf_on.png) 50% top no-repeat; background-size: 100%; }
	#cnt_or .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background-size: 100%; }
	#cnt_tk .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_prf_tk.png) 50% top no-repeat; background-size: 100%; }
	#cnt_oy .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_prf_oy.png) 50% top no-repeat; background-size: 100%; }
	#cnt_mj .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_prf_mj.png) 50% top no-repeat; background-size: 100%; }
	#cnt_ik .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_prf_ik.png) 50% top no-repeat; background-size: 100%; }
	#cnt_mmh .bg_prof_cmn::after { content: ''; width: 100%; height: 20em; display: block; position: absolute; z-index: -1; left: 0; top: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_prf_mmh.png) 50% top no-repeat; background-size: 100%; }
    
	.ttl_prf_cmn { width: 35.73%; margin: 0 auto; }
	.txt_prf_cmn { width: 100%; padding: 4.27% 0 9.7%; }
}

/*// itm //*/

@media screen and (min-width: 980px) { 
    .wrp_itm_cmn { padding-bottom: 100px; }
    .ttl_itm_cmn { width: 126px; margin: 0 auto 20px; }
    .btn_itm_cmn { width: 265px; margin-right: 52px; margin-bottom: 30px; float: left; box-sizing: border-box!important; display: block; }
    .btn_itm_cmn:nth-child(3n) { margin-right: 0; }
    .btn_itm_cmn:nth-last-of-type(1), .btn_itm_cmn:nth-last-of-type(2), .btn_itm_cmn:nth-last-of-type(3) { margin-bottom: 0; }
    .btn_itm_cmn a { width: 100%; height: 100%; display: block; }
    .btn_itm_cmn img { opacity: 1; transition: all .3s ease-out; }
    .btn_itm_cmn img:hover { opacity: .6; transition: all .3s ease-out; }
}

@media screen and (max-width: 979px) and (min-width: 769px)  {
    .wrp_itm_cmn { padding-bottom: 100px; }
    .ttl_itm_cmn { width: 126px; margin: 0 auto 20px; }
    .btn_itm_cmn { width: 30%; margin-right: 5%; margin-bottom: 30px; float: left; box-sizing: border-box!important; display: block; }
    .btn_itm_cmn:nth-child(3n) { margin-right: 0; }
    .btn_itm_cmn:nth-last-of-type(1), .btn_itm_cmn:nth-last-of-type(2), .btn_itm_cmn:nth-last-of-type(3) { margin-bottom: 0; }
    .btn_itm_cmn a { width: 100%; height: 100%; display: block; }
}

@media screen and (max-width: 768px) and (min-width: 0px) { 
    .wrp_itm_cmn { padding-top: 10%; padding-bottom: 1.8%; }
    .ttl_itm_cmn { width: 17%; margin: 0 auto; }
    .btn_itm_cmn { width: 50%; padding: 3.4% 2.4% 1.7%; float: left; box-sizing: border-box!important; display: block; }
    .btn_itm_cmn a { width: 100%; height: 100%; display: block; }
}

/*// pck //*/
.wrp_pck_cmn li a { background: #fff;}

@media screen and (min-width: 980px) { 
    .wrp_pck_cmn { padding-bottom: 70px; }
    .ttl_pck_cmn { width: 286px; margin: 0 auto 20px; }
    .btn_pck_cmn { width: 436px; padding-bottom: 40px; float: left; display: block; }
    .btn_pck_cmn:nth-child(odd) { padding-right: 14px; }
    .btn_pck_cmn:nth-child(even) { padding-left: 14px; }
    .btn_pck_cmn a { width: 100%; height: 100%; display: block; }
    
    /* cld */
    .wrp_cld_cmn { width: 100%; min-width: 980px; margin: 0 auto; position: relative; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; }
    #cnt_kg .wrp_cld_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/bg_kg.png) 50% top no-repeat; background-size: 1478px; }
    .cld_cmn { position: absolute; margin: auto; z-index: -1; transition: all 2s ease-out; }
    .cld_cmn.cld01_cmn { opacity: 0; width: 896.6px; left: 0; right: 0; height: 697px; box-sizing: border-box!important; background: url(/content/dam/au-com/pr/cm/3taro/images/cld01_cmn.png) 50% 50% no-repeat; background-size: 100%; transition: transform,opacity 6s,2s ease-out; top: 543px; margin: auto; left: 0; right: 0; transform: translate(750px, 0) scale(3); }
    .cld_cmn.cld01_cmn.start { opacity: 1; transform: translate(0, 0) scale(3);  }
    .cld_cmn.cld02_cmn { opacity: 0; width: 100%; height: 497px; background: url(/content/dam/au-com/pr/cm/3taro/images/cld02_cmn.png) 50% 50% no-repeat; background-size: 2886px; transform-origin: right 50%; -webkit-transform-origin: right 50%; top: 1916px; margin: auto; left: 0; right: 0; transform: translate(-250px, 0); }
    #cnt_oy .cld_cmn.cld02_cmn { opacity: 0; width: 100%; height: 497px; background: url(/content/dam/au-com/pr/cm/3taro/images/cld02_cmn.png) 50% 50% no-repeat; background-size: 2886px; transform-origin: right 50%; -webkit-transform-origin: right 50%; top: 1540px; margin: auto; left: 0; right: 0; transform: translate(-250px, 0); }
    .cld_cmn.cld02_cmn.start { opacity: 1; transform: translate(0, 0); }
    #cnt_oy .cld_cmn.cld02_cmn.start { opacity: 1; transform: translate(0, 0); }
    .cld_cmn.cld03_cmn { opacity: 0; width: 100%; height: 650px; background: url(/content/dam/au-com/pr/cm/3taro/images/cld03_cmn.png) 50% 50% no-repeat; background-size: 2548px; top: 2748px; margin: auto; left: 0; right: 0; transform: translate(250px, 0); }
    .cld_cmn.cld03_cmn.start { opacity: 1; transform: translate(0, 0); }
}


@media screen and (max-width: 979px) and (min-width: 769px)  {
    .wrp_pck_cmn { padding-bottom: 70px; }
    .ttl_pck_cmn { width: 286px; margin: 0 auto 20px; }
    .btn_pck_cmn { width: 50%; padding-bottom: 40px; float: left; display: block; }
    .btn_pck_cmn:nth-child(odd) { padding-right: 2%; }
    .btn_pck_cmn:nth-child(even) { padding-left: 2%; }
    .btn_pck_cmn a { width: 100%; height: 100%; display: block; }
    /* cld */
    .wrp_cld_cmn { width: 100%; min-width: 980px; margin: 0 auto; position: relative; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; }
    #cnt_kg .wrp_cld_cmn { background: url(/content/dam/au-com/pr/cm/3taro/images/bg_kg.png) 50% top no-repeat; background-size: 1478px; }
    .cld_cmn { position: absolute; margin: auto; z-index: -1; transition: all 2s ease-out; }
    .cld_cmn.cld01_cmn { opacity: 0; width: 896.6px; left: 0; right: 0; height: 697px; box-sizing: border-box!important; background: url(/content/dam/au-com/pr/cm/3taro/images/cld01_cmn.png) 50% 50% no-repeat; background-size: 100%; transition: transform,opacity 6s,2s ease-out; top: 543px; margin: auto; left: 0; right: 0; transform: translate(750px, 0) scale(3); -webkit-transform: translate(750px, 0) scale(3); }
    .cld_cmn.cld01_cmn.start { opacity: 1; transform: translate(0, 0) scale(3); -webkit-transform: translate(0, 0) scale(3); }
    .cld_cmn.cld02_cmn { opacity: 0; width: 100%; height: 497px; background: url(/content/dam/au-com/pr/cm/3taro/images/cld02_cmn.png) 50% 50% no-repeat; background-size: 2886px; transform-origin: right 50%; -webkit-transform-origin: right 50%; top: 1916px; margin: auto; left: 0; right: 0; transform: translate(-250px, 0); -webkit-transform: translate(-250px, 0); }
    .cld_cmn.cld02_cmn.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
    .cld_cmn.cld03_cmn { opacity: 0; width: 100%; height: 650px; background: url(/content/dam/au-com/pr/cm/3taro/images/cld03_cmn.png) 50% 50% no-repeat; background-size: 2548px; top: 2748px; margin: auto; left: 0; right: 0; transform: translate(250px, 0); -webkit-transform: translate(250px, 0); }
    .cld_cmn.cld03_cmn.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
}

@media screen and (max-width: 768px) and (min-width: 0px) { 
    .wrp_pck_cmn { padding-top: 10%; padding-bottom: 13.75%; }
    .ttl_pck_cmn { width: 39.45%; margin: 0 auto 3.2%; }
    .btn_pck_cmn { width: 49.3%; padding-bottom: .7%; float: left; display: block; }
    .btn_pck_cmn:nth-child(odd) { padding-right: .35%; }
    .btn_pck_cmn:nth-child(even) { padding-left: .35%; } 
    .btn_pck_cmn a { width: 100%; height: 100%; display: block; }
    .btn_top_cmn { width: 26.09%; padding: 0 4% 2.4% 69.91%; display: block; text-align: right; }
}

@media screen and (max-width: 768px) and (min-width: 0px) { 
	.bnr-inst { margin-top: 5%; display: block;}
}

/*//// ppp ////*/
@media screen and (min-width: 769px) { 
    .wrp_ppp_cmn { display: none; width: 100%; position: fixed; z-index: 10; left: 0; top: 0; }
    .bg_ppp_cmn { width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.5); position: fixed; }
    .bx_ppp_cmn { max-width: 980px; width: 100%; padding: 40px 80px; box-sizing: border-box!important; margin: auto; position: absolute; z-index: 11; left: 0; right: 0; top: 10%; background: url(/content/dam/au-com/pr/cm/3taro/images/bg_ppp_cmn.gif) left top; background-size: 86px; border-radius: 10px; }
    .inr_ppp_cmn { display: none; width: 100%; position: relative; }
    .inr_ppp_cmn.current { display: block; }
    .cls_ppp_cmn { width: 26px; position: absolute; right: -47px; top: -10px; font-size: 1.4rem; }
    .ttl_ppp_cmn { font-size: 250%; font-weight: bold; }
    .txt_ppp_cmn { padding: 0.5em 0; font-size: 18px; line-height: 1.6; }
    .mv_ppp_cmn { width: 100%; padding-top: 56.25%; position: relative; }
    .mv_ppp_cmn_non { width: 100%; padding-top: 56.25%; position: relative; }
    .mv_ppp_cmn iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
    #endLogo { padding: 80px 0 40px; text-align: center; border-top: 1px solid #ef5401; }
}

@media screen and (max-width: 768px) and (min-width: 0px) { 
    .wrp_ppp_cmn { display: none; width: 100%; position: fixed; z-index: 10; left: 0; top: 0; }
    .bg_ppp_cmn { width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 11; }
    .bx_ppp_cmn { width: 92%; padding: 5.08%; box-sizing: border-box!important; margin: auto; position: absolute; z-index: 12; left: 0; right: 0; top: 10%; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_ppp_cmn.gif) left top; background-size: 10%; border-radius: 10px; }
    .inr_ppp_cmn { display: none; width: 100%; position: relative; }
    .inr_ppp_cmn.current { display: block; }
    .cls_ppp_cmn { width: 7.9%; position: absolute; right: 0; top: 0; font-size: 1rem; }
    .ttl_ppp_cmn { font-size: 1.2rem; font-weight: bold; }
    .txt_ppp_cmn { padding: 0.5em 0; font-size: 1.2rem; line-height: 1.6em; }
    .mv_ppp_cmn { width: 100%; padding-top: 56.25%; position: relative; }
    .mv_ppp_cmn iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
}

@media screen and (min-width: 1199px) { .wrp_ppp_cmn {  left: 90px!important;} }
@media screen and (min-width: 769px) { 
.logoFoot { width: 100%; height: 0; padding-top: 150px; line-height: 2; overflow: hidden; border-top: 1px solid #ff6817; background: url(/content/dam/au-com/pr/cm/3taro/images/end-logo-0513.png) center bottom no-repeat #fff; background-size: 274px; margin: 0 auto; }
}
@media screen and (max-width: 768px) and (min-width: 0px) { 
.logoFoot { width: 100%; height: 0; padding-top: 37.5%; line-height: 2; overflow: hidden; border-top: 1px solid #ff6817; background: url(/content/dam/au-com/pr/cm/3taro/images/end-logo-0513.png) 50% 50% no-repeat #fff; background-size: 42.375%; }
}
@media screen and (min-width: 769px) { 
	.pc-Hide { display: none; }
	.sp-Hide { display: block; }
}
@media screen and (min-width: 0px) and (max-width: 768px) {
	.pc-Hide { display: block; }
	.sp-Hide { display: none; }
}
#sp_social_v2 { padding-top: 0!important; margin-top: 0!important}
#sp_social_v2 ul { margin: 0!important}