@charset "UTF-8";

@-ms-viewport	{width: device-width;}
/*--------------------------------------------------------------------------
birzman
--------------------------------------------------------------------------*/
/*font-family: 'Roboto Condensed', sans-serif;
*/
body{
	font-family:'メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック' , sans-serif;
	line-height: 1.6;
}
img{
	max-width:100%;
	height:auto;
}
a:focus, *:focus { 
	outline:none; 
}
/*汎用スタイル*/
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
	line-height: 1.2;
	font-size:50%;
	display:inline-block;
}

p{
	line-height: 1.6;
}
/*汎用スタイル*/
img.stretch{width:100%; height:auto; border:none; max-width:100%; vertical-align:top;}
/*----------------------------------------
■■■■■HEADER■■■■■
----------------------------------------*/
.head-logo{
	margin:10px auto 5px 10px;
	width:180px;
	height:auto;
}
.social-icon img{
	width:auto;
	height:20px;
}
.nav > li.social-icon a{
	display:inline-block;
}
.nav > li.social-icon a+a{
	padding-left:0;
}

/*----------------------------------------
■■■■■NAVBAR■■■■■
----------------------------------------*/
.navbar-nav{
	margin-top:0;
}
.navbar-inverse {
	width:100%;
    background: rgba(0,0,0,0.8);
	border-radius:0;
	box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.4);
	z-index: 1;
}
.navbar-inverse .navbar-nav > li > a{
font-size:110%;
	color:#CCC;
}
.navbar-inverse .navbar-nav > li > a:hover{
	color:#B1CD3D;
}
.dropdown-menu li a{
	background-image:url('../images/common/dot-arrow.svg') ;
	background-repeat:no-repeat;
	background-position:left 8px center;
}
/*----------------------------------------
■■■■■パンくず■■■■■
----------------------------------------*/
.breadcrumb{
	background:none;
}
/*----------------------------------------
■■■■■FOOTER NAV■■■■■
----------------------------------------*/
.foot-nav{
	margin-top:30px;
	padding:30px 0;
	background-color:#EFEFEF;
	border-top:1px solid #CCC;
	box-shadow: 0 -20px 80px 0 rgba(0,0,0,0.2) inset;
	font-size:100%;
}
.foot-nav ul > li{
	margin-bottom:4px;

}
.foot-nav ul li ul{
	margin-left:0;
	padding-left:0;
}
.foot-nav ul li ul li{
	margin-bottom:0;
}
.foot-nav strong{
	padding-left:24px;
	display:block;
	width:100%;
	font-size:150%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	/*background:url('../images/common/dot-arrow-circle.svg') no-repeat left center;*/
	background:url('../images/common/dot-arrow-square.svg') no-repeat left center;
}
/*----------------------------------------
■■■■■FOOTER NAV SUB■■■■■
----------------------------------------*/
ul.foot-sub-menu{
	list-style-type: none;
}
ul.foot-sub-menu li{
	padding-left:18px;
	background:url('../images/common/dot-tree-t.svg') no-repeat left center;
}
ul.foot-sub-menu li:last-child{
	padding-left:18px;
	background:url('../images/common/dot-tree-l.svg') no-repeat left center;
}
.footer-menu li a{
	font-size:11pt;
	font-weight:bold;
}
/*フッターニュース*/
.news-box iframe{
		margin-bottom:12px;
		padding:0;
		border:0;
		border-top:1px solid #CCCCCC;
		width:100%;
		height:364px;
}
/*ニュース一覧へ*/
.go-news-all{
	margin:10px auto auto 10px;
	padding-left:18px;
	font-size:60%;
	font-family:'メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック' , sans-serif;
	font-weight:normal;
	background:url('../images/common/dot-arrow-news-all.svg') no-repeat left center;
	float:right;
}
/*バナー*/
.bn-box img{
	margin-bottom:10px;
	border:1px solid #222;
}
.social-icon{
	margin:25px auto;
	padding:0;
	list-style-type: none;
}
.social-icon li{
	padding:10px 5px;
	display:inline;
}
.social-icon img{
	width:auto;
	height:32px;
}
/*重要なお知らせ*/

.text-attention{
	margin:auto;
	padding:10px 10px 10px 35px;
	background:url('../images/common/ico-attention.png') left center no-repeat;
	font-weight:bold;
	font-size: 11pt;
	display:table;
}
a:link.text-attention,a:visited.text-attention{
	color:#222222;
}
a:hover.text-attention,a:active.text-attention{
	color:#666666;
	text-decoration: none;
}
/*----------------------------------------
■■■■■FOOTER■■■■■
----------------------------------------*/
footer{
	margin-top:0;
	padding:15px 0 10px 0;
	background: #222;
}
footer p{
	margin:6px auto;
}
.text-copyright{
	text-align: center;
	font-size:85%;
	color:#B1CD3D;
	font-family: 'Roboto', sans-serif;
}
.f-logo img{
	margin:5px auto auto auto;
	width:160px;
	height:auto;
}
.f-logo-asahi{
	text-align: right;
}
.f-logo-asahi img{
	margin:6px 15px;
	width:160px;
	height:auto;
}
.f-logo-asahi a small{
	font-size:75%;
}
.f-logo-asahi a:link small,.f-logo-asahi a:visited small,.f-logo-asahi a:active small,.f-logo-asahi a:hover small{
	color:#FFF;
	text-decoration: none;
}
/*----------------------------------------
■■■■■CONTENTS■■■■■
----------------------------------------*/
/*-----<color>-----*/
/*
birzman-green:#B1CD3D;
*/
.text-birzman{
	color:#B1CD3D;
}
.text-new{
	color:#DD0000;
	font-weight:bold;
	background-color:#DD0000;
	color:#FFF;
}
hr{
	border-top: 1px solid #999;
}
.text-alert {
  display: table;
  padding: 3px 10px;
  border: 2px solid #ff0000;
  border-radius: 1px;
  background: rgba(255, 0, 0, 0.05);
  color: #222;
}

.text-alert-s {
  display: table;
  padding: 3px 10px;
  border: 1px solid #FF0000;
  border-radius: 1px;
  background: rgba(255, 0, 0, 0.05);
  color: #666;
  font-size: 50%;
}
/*-----<background>-----*/
.bg-birzman{
	background-color:#B1CD3D;
}
.head-img-box{
	margin:-20px 0 0 0;
	padding:0;
	display:block;
	width:100%;
	height:280px;
	position:relative;
}
.head-img-box h1{
	margin:0;
	padding-left:15px;
	position:absolute;
	bottom:10px;
	display:block;
	height:auto;
	font-size:400%;
	line-height: 1;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	color:#FFF;
	opacity:0.80;
}
.bg-img-about{
	background:url('../images/bg-img-about.jpg') center center no-repeat;
	background-size:cover;
}

/*----------------------------------------
■■■■■INDEX■■■■■
----------------------------------------*/
/*メインイメージ部分*/
#player{
	position:relative;
	z-index: 1;
}
.main-img-box{
	margin-top:-20px;
	padding-bottom:56.25%;
	padding-bottom:39.375%;
	display:block;
	position:relative;
	width:100%;
	height:0;
	vertical-align: middle;
	overflow: hidden;
	background-color:#333333;
	z-index: 0;
}
#youtube-movie-content {
	padding-top: 56.25%;
	margin-top:-8.4375%;
	position: relative;
	width: 100%;
}
#youtube-movie-content iframe {
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
	z-index: 2;
}
.carousel{
	margin-top:-20px;
	position:relative;
	z-index: 0;
}
.top-nav-box{
	/*margin-bottom:-30px;*/
	padding:30px 0 14px 0;
	background-color: #B1CD3D;
}
img.stretch{width:100%; height:auto; border:none; max-width:100%; vertical-align:top;}
.top-menu a.block-link:link img,
.top-menu a.block-link:visited img,
.top-menu a.block-link:active img{
	background-color:black;
	opacity:0.40;
	filter: alpha(opacity=40); 
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
.top-menu a.block-link:hover img{
	background-color:black;
	opacity:0.30;
	filter: alpha(opacity=30);
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
.top-menu a.block-link img{
	background-color:transparent;
}
.block-link .block-link-text{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:0; width:100%;
	text-align:center;
	padding:3%;
	word-wrap: break-word;
}
.top-btn{
	display:block;
	width:100%;
}
div.top-menu a {
	margin:0 0 16px 0!important;
	padding:0!important;
	width:100%;
	vertical-align: middle;
	line-height: 1.2;
	border:1px solid #FFF;
}
div.top-menu strong{
	color:#FFF;
	font-size: 26pt;
	font-family: 'Roboto Condensed', sans-serif,'メイリオ' , Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック', sans-serif;
	font-weight: 600;
	text-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4);
}
div.top-menu small{
	font-size:1.4rem;
	display:block;
	font-family:'メイリオ' , Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック', sans-serif; font-weight: 600;
	font-weight: normal;
	color:#FFF;
}

.bg-about{
	background:url('../images/bg-bu-about.jpg') no-repeat center top;
	background-size: cover;
}
.bg-product{
	background:url('../images/bg-bu-product.jpg') no-repeat center top;
	background-size: cover;
}
.bg-dealers{
	background:url('../images/bg-bu-dealers.jpg') no-repeat center top;
	background-size: cover;
}
/*-----<slick>-----*/
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-box {
    width: 100%;
    text-align: center;
}
.slick-slider img {
    margin: 0 auto;
}

.slick-prev::before, .slick-next::before {
	margin-top:-32px;
    font-family:'slick';
    font-size: 36px;
    line-height: 1;
    opacity: .40;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.slick-prev:hover::before, .slick-next:hover::before{
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.slick-prev {
    left: 5px;
}
.slick-next {
    right: 5px;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}
.slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li button::before{
	font-family: 'slick';
    font-size: 10px;
	color:#FFF;
}
.slick-dots li.slick-active button::before{
	color:#B1CD3D;
}

div#list_arrows .slick-prev::before,#list_arrows .slick-next::before {
	margin-top:-22px;
    font-family:'slick';
    font-size: 28px;
    line-height: 1;
    opacity: .60;
    color: #B1CD3D;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: 0.2s ;
    transition: 0.2s ;
}
div#list_arrows .slick-prev:hover::before,#list_arrows .slick-next:hover::before {
    opacity: 1;
    -webkit-transition: 0.2s ;
    transition: 0.2s ;

}
.item-list{
	text-align: center;
	overflow: hidden;
}
.item-list a{
	font-family: 'Roboto', sans-serif;
	font-size:100%;
	line-height: 1.2;
}
.item-list a small{
	font-weight:400;
	line-height: 1.2
}
.item-list a img{
	max-height:360px;
	width:auto;
}
.item-list a:link,.item-list a:visited{
	color:#676767;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.item-list a:hover,.item-list a:active{
	color:#000;
	text-decoration: none;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
/*----------------------------------------
■■■■■PRODUCTS LINEUP■■■■■
----------------------------------------*/
.contents-title{
	margin-bottom:30px;
	padding-left:34px ;
	font-size: 1.8rem;
	background: url('../images/common/dot-ico-ti.svg') left center no-repeat;
	line-height: 34px;
}
.cate-title{
	color:#333;
	font-size:24px;
	font-family:'メイリオ' , Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック';
}
.nav-tabs li a {
	outline: none;
}

.nav-tabs li a:focus, *:focus { outline:none; }
.tab-pane a:focus, *:focus { outline-color:#B1CD3D; }
.item-box{
	margin:0 3px 20px 3px;
	padding:10px 0;
	border:1px solid #CCC;
	display:table;
	width:100%;
	box-sizing: border-box;
}
.item-list-img{
	width:130px;
	display:table-cell;
	text-align: right;
}
.item-box img{
	margin-right:10px;
	width:120px;
	height:auto;
}
.item-list-name{
	padding-right:6px;
	font-size:2.2rem;
	line-height: 1.2;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	color:#787878;
	display:table-cell;
	vertical-align: middle;
}
.sub-cate-name{
	font-size:1.2rem;
	font-family:'メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック' , sans-serif;
	color:#999;
	font-weight:normal;
	display:block;
}
.cate-caption{
	font-size:14px;
}
a.item-box{
	text-decoration: none;
}
a:hover.item-box .item-list-name{
	color:#999;
	-webkit-transition: 0.4s ; /* Safariに対応させるため */
	transition: 0.4s ;
}
.new-icon-s {
  position: absolute;
  top: 0;
  left: 18px;
  z-index: 99;
}

.new-icon-s img {
  width: 80px;
  height: auto;
}
/*----------------------------------------
■■■■■PRODUCTS■■■■■
----------------------------------------*/
.item-img-box {
  position: relative;
}

.new-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 99;
}

.new-icon img {
  width: 180px;
  height: auto;
}

.item-description-box{
	margin-bottom:30px;
}
.fotorama{
	margin-bottom:12px;
}
.item-name{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	color:#222222;
}
.item-name small{
	font-family:'メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック' , sans-serif;
	font-weight:normal;
	color:#222222;
	font-size:80%;
}
.price{
	font-family:'メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック' , sans-serif;
	font-weight:normal;
}
.price strong{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:130%;
	font-weight:bold;
}
.item-description-box p{
	margin:12px auto;
	padding-bottom:24px;
	border-bottom:1px solid #999;
}
.item-description-box ul{
	margin:24px 0 12px 12px;
	padding-left:1.6em;
	border-left:1px solid #999;
	list-style-type: none;
}
.item-description-box ul li{
	padding-left:16px;
	background:url('../images/common/list-dot-square.svg') left top no-repeat;
}
.fotorama__nav,.fotorama__stage{
	padding-top:10px;
}
.fotorama__stage{
	padding-top:105%;
}
.fotorama__caption{
	text-align: center;
	font-family:'メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック' , sans-serif;
	color:#333;
}
.fotorama__thumb-border{
	border-color: #B1CD3D;
}
.text-ti{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:160%;
	font-weight:bold;
	padding-left:24px;
	background:url('../images/common/dot-arrow-square.svg') no-repeat left center;
}
.geo{
	width:100%;
}
.geo thead{
	border-top:1px solid #959595;
}
.geo tr th{
	padding:10px 10px;
	font-size:100%;
	font-family: 'Roboto','メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.2;
	font-weight:600;
	vertical-align: top;
	border-bottom:1px solid #959595;
}
.geo tr td{
	padding:10px 10px;
	font-size:100%;
	font-family: 'Roboto','メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック',  sans-serif;
	line-height: 1.2;
	font-weight:400;
	vertical-align: top;
	border-bottom:1px solid #959595;
}
.geo tr th span,.geo tr td span{
	font-size:90%;
	font-family:'メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック',  sans-serif;
	display:inline-block;
}
.spec-coad {
  margin: 20px auto 5px;
  width: 100%; }
  .spec-coad th, .spec-coad td {
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #999;
    line-height: 1.2;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 100%;
}
.spec-coad th {
	background-color: #666;
	color: #FFF;
}
.spec-coad th.spec-head {
	background-color: #003d7f;
}
.spec-coad td.spec-body {
	color: #003d7f;
}
.spec-coad small {
	font-size: 80%;
	font-weight: normal;
}

/*youtube貼り付け*/
.media-box{
	margin:24px auto;
	padding-top:24px;
	border-top:1px solid #999;
	text-align: center;
}
.media-box p{
	margin:20px auto;
	text-align: left;
}
.iframe-wrapper{
	padding-bottom:56.25%;
	height:0;
	position:relative;
}
.iframe-wrapper iframe{
	position:absolute;
 	width:100%;
 	height:100%;
 	top:0;
 	left:0;
}
.yt-box{
	padding-bottom:56.25%;
	height:0;
	position:relative;
}
.yt-box iframe{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
/*----------------------------------------
■■■■■ABOUT■■■■■
----------------------------------------*/
.contents-box{
	margin-bottom:40px;
}
.contents-box p{
	margin:20px auto;
}
.contents-box img{
	margin:10px auto;
	border:1px solid #CCC;
}
.grade-box{
	margin:10px auto;
	padding:10px 15px;
	border:3px solid #999;
	background-color:#FFF;
	border-radius:6px;
	box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
	text-align: center;
}
.grade-box img{
	margin-top:5px;
	margin-bottom:15px;
	width:120px;
	height:auto;
}
.grade-box p{
	font-size:90%;
	text-align: left;
}
/*----------------------------------------
■■■■■SUPPORT■■■■■
----------------------------------------*/
.support-box{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #666;
}
.support-box a:link img,.support-box a:visited img{
	border:4px solid #CCC;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.support-box a:hover img,.support-box a:active img{
	border:4px solid #B1CD3D;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.ti-ul{
	padding:10px 0;
	font-size:240%;
	font-weight:bold;
	color:#B1CD3D;
	font-family: 'Roboto', sans-serif;
	border-bottom:1px solid #666;
}

/*----------------------------------------
■■■■■DEALERS■■■■■
----------------------------------------*/
/*----------------------------------------
■■■■■トップに戻るボタン■■■■■
----------------------------------------*/
#scroll_to_top {
	cursor: pointer;
	position: fixed;
	right: 25px;
	bottom: 70px;
}
#scroll_to_top p{
	padding:7px 8px 10px 8px;
	background-color:#262626;
	display:block;
	width:42px;
	height:42px;
	color:#FFF;
	font-size:140%;
	text-align: center;
	border-radius:21px;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
#scroll_to_top p:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	background-color: #000;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}

/*-----<spacer>-----*/
.ctsp0{margin-top:0!important;}
.cbsp0{margin-bottom:0!important;}
.ctsp1{margin-top:10px;}
.cbsp1{margin-bottom:10px;}
.ctsp2{margin-top:20px;}
.cbsp2{margin-bottom:20px;}
.ctsp3{margin-top:30px;}
.cbsp3{margin-bottom:30px;}
.ctsp4{margin-top:40px;}
.cbsp4{margin-bottom:40px;}
.ctsp-2{margin-top:-20px;}

/* --------------------------------------------------
■■■■■スマホ用設定ここから■■■■■
----------------------------------------------------*/
/* ---------------------------------------------------------
～768px(Extra small)
----------------------------------------------------------*/
@media only screen and (max-width: 48em) {
/*----------------------------------------
■■■■■HEADER（スマホ）■■■■■
----------------------------------------*/
.sub-title{
	font-size:120%;
}
/*-----<navbar-button>-----*/
.navbar-toggle{
	margin-top:0;
}
.navbar-text{
	margin-top:0;
	padding:0;
	font-size:9px;
	line-height: 0;
	font-weight: bold;
	font-family:Arial,sans-selif;
}
.navbar-inverse .navbar-text{
	color:#B1CD3D;
}
.navbar-toggle{
    padding: 0 7px;
}
.navbar-toggle .icon-bar {
    width: 28px;
    height: 3px;
    border-radius:2px;
}

button.navbar-toggle:not(.collapsed) span.bar1{
	-webkit-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
	transition: all 300ms ease-in-out;
}
button.navbar-toggle:not(.collapsed) span.bar2{
	opacity: 0;
	transition: all 300ms ease-in-out;
}
button.navbar-toggle:not(.collapsed) span.bar3{
	-webkit-transform: translateY(-7px) rotate(45deg);
	transform: translateY(-7px) rotate(45deg);
	transition: all 300ms ease-in-out;
}
button.navbar-toggle span.bar1{
	-webkit-transform: translateY(0) rotate(0deg);
	transform: translateY(0) rotate(0deg);
	transition: all 300ms ease-in-out;
}
button.navbar-toggle span.bar2{
	opacity: 100;
	transition: all 300ms ease-in-out;
}
button.navbar-toggle span.bar3{
	-webkit-transform: translateY(0) rotate(0deg);
	transform: translateY(0) rotate(0deg);
	transition: all 300ms ease-in-out;
}
/*----------------------------------------
■■■■■FOOTER（スマホ）■■■■■
----------------------------------------*/
.text-copyright{
	text-align: center;
	font-size:85%;
	color:#B1CD3D;
}
.f-logo{
	text-align: center;
}
.f-logo img{
	margin:10px auto;
}
.f-logo-asahi{
	text-align: center;
}
.f-logo-asahi img{
	margin:6px 15px;
	width:140px;
	height:auto;
}
.f-logo-asahi a small{
	font-size:75%;
}
.f-logo-asahi a:link small,
.f-logo-asahi a:visited small,
.f-logo-asahi a:active small,
.f-logo-asahi a:hover small{
	color:#FFF;
	text-decoration: none;
}
/*■■■PRODUCT LINEUP（スマホ）■■■*/
.cate-title{
	font-size:20px;
}
/*----------------------------------------
■■■■■INDEX（スマホ）■■■■■
----------------------------------------*/
.main-img-box{
	margin-top:-20px;
	padding-bottom:56.25%;
	display:block;
	position:relative;
	width:100%;
	height:0;
	vertical-align: middle;
	overflow: hidden;
	background-color:#333333;
	z-index: 0;
}
#youtube-movie-content {
	padding-top: 56.25%;
	margin-top:-8.4375%;
	margin-top:0;
	position: relative;
	width: 100%;
}
/*NEW アイコン*/
.new-icon img{
	width:100px;
	height:auto;
}

}
/* ------------------------------------------
 768px～
------------------------------------------- */
@media only screen and (min-width : 768px) {


}
/* -------------------------------------------
 768px～991px(Small/col-sm)
------------------------------------------- */
@media only screen and (min-width: 48.063em) and (max-width: 61.9375em) { 
/*----------------------------------------
■■■■■PRODUCTS（スマホ）■■■■■
----------------------------------------*/

.item-name{
	font-size:220%;
}
/*NEW アイコン*/
.new-icon img{
	width:140px;
	height:auto;
}
}
/* -------------------------------------------
 992px～1199px(Medium/col-md)
------------------------------------------- */
@media only screen and (min-width: 62em) and (max-width: 74.9375em) {

}
/* -------------------------------------------
 ～1199px
------------------------------------------- */
@media only screen and (max-width: 74.9375em) {

}
/* --------------------------------------------
1200px～(Large/col-lg)
-------------------------------------------- */
@media only screen and (min-width: 90.063em) { }