@import url("common.css");

/*トップページ共通*/

/*トップページキャッチコピー*/
h2.cc{
	text-align:center;
	line-height:60px;
	margin:24px 10px 74px;
	}
	
h2.cc img{
	width:100%;
	max-width:480px;
}

/*トップ_ローカルナビのアニメーション*/	
div.topLocalNavi ul li{
	position:relative;
	}
	
img.iconText{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:rgba(0,0,0,0);
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	}

img.iconText:hover{
	top:-5px;
	padding-bottom:5px;
	background:rgba(0,0,0,0.3);
	}

img.iconBG{
	width:100%;
}
	
/*新着情報と展示会情報共通*/
div.infomation{
	float:left;
	}
	
div.exhibitionInfo{
	float:right;
	}
	
div.infomation, div.exhibitionInfo{
	width:47.75%;
	}
	
#infoWrap{
	overflow:hidden;
	clear:both;
	margin-bottom:60px;
	}
	
#infoWrap h3{
	position:relative;
	padding-left:10px;
	padding-bottom:20px;
	}

#infoWrap .article{	
	position:relative
	}
	
#infoWrap p.viewAll a{
	font-size:14px;
	position:absolute;
	top:14px;
	right:10px;
	width:160px;
	height:28px;
	line-height:28px;
	text-align:center;
	display:block;
	border:1px solid #3C3C3C;
	background:url(../images/arrow_01.png) no-repeat;
	background-position:140px 0;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	}
	
#infoWrap p.viewAll a:hover{
	color:#fff;
	background-color:#3c3c3c;
	background-position:140px -28px;
	}
	
#infoWrap ul{
	overflow:hidden;
	border-top:1px solid #3C3C3C;
	border-bottom:1px solid #3C3C3C;
	padding:0 10px;
	}
	
#infoWrap ul li:last-child{
	border-bottom:none;
	}

/*新着情報のフロート解除*/
@media screen and (max-width:768px){

div.infomation, div.exhibitionInfo{
	float:none;
	width:100%;
	margin-bottom:40px;
	}

}

/*新着情報共通*/
div.infomation ul li{
	font-size:14px;
	height:90px;
	line-height:90px;
	border-bottom:1px dotted #3C3C3C;
	overflow: hidden;
	}
	
div.infomation ul li p.cap a{
	float:right;
	width:70%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
	
div.infomation ul li p.date{
	float:left;
	width:20%;
	}
	
@media screen and (max-width:768px){
	div.infomation ul li{
	height:60px;
	line-height:60px;
	}	
	}
	
/*展示会情報共通*/
div.exhibitionInfo ul li{ 	
	font-size:14px;
	padding:20px 0;
	height:50px;
	line-height:25px;
	border-bottom:1px dotted #3C3C3C;
	}	

.feature ul li img{
    width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}

@media screen and (max-width:480px){
	/*for iPhone Landscape　(iPhone 横)*/
	
	/*スマホ向けトップページローカルメニュー*/
	div.topLocalNavi{
		width:100%;
		}
	
	div.topLocalNavi ul{
	overflow:hidden;
	margin:0 auto 74px;
	}
	
	div.topLocalNavi ul li{
	float:left;
	width:48%;
	margin:1%;
	}
	
	div.topLocalNavi ul li a img{
	width:100%;
		}
	
	div.topLocalNavi ul li.lastChild{
	margin-right:0;
	}
	
 
	
	img.iconText:hover{
	top:0;
	padding-bottom:0;
	background:rgba(0,0,0,0.3);
	}
	
	#infoWrap p.viewAll a{
	position:static;
	margin-top:10px;
	}
}


@media screen and (min-width:480px) and ( max-width:1024px) {
    /*　for iPad 　*/
	div.topLocalNavi ul{
	margin:0 auto 74px;
	overflow:hidden;
	width:auto;
	}
	
	div.topLocalNavi ul li{
	float:left;
	width:24.21%;
	margin-right:0.97%;
	}
	
	div.topLocalNavi ul li.lastChild{
	margin-right:0;
	}
	
	div.topLocalNavi ul li a{
	diplay:block;
	}
	
	/*新着情報とお知らせ*/
	#infoWrap p.viewAll a{
	width:100px;
	}
	
}

@media screen and (min-width:1025px) {
    /*　for PC　*/
#container{
	width:1024px;
	margin:0 auto;
	}

/*トップページ_メインコンテンツ*/

div.topLocalNavi ul{
	margin:0 auto 74px;
	overflow:hidden;
	width:100%;
	}
	
div.topLocalNavi ul li{
	float:left;
	width:24.21%;
	margin-right:10px;
	}
	
div.topLocalNavi ul li.lastChild{
	margin-right:0;
	}
}

/*特集共通*/
#slider2{
	margin-bottom:60px;
	}

#feature ul li{
	float:left;
	width:33%;
	}
	
#feature ul li img{
	height:auto;
	width:100%;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
	}
	
#feature ul li img:hover{
	opacity:0.8;
}

#feature{
	width:100%;	
	}


/*下部お問い合わせ情報*/

#tellInfo{
	padding:15px 0;
	clear:both;
	margin:0 auto;
	text-align:center;
	background:#3c3c3c;
	}
	
#tellInfo h4{
	color:#fff;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:18px;
	}
	
#tellInfo p{
	color:#fff;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:13px;
	}

#tellInfo p a{
	width:220px;
	padding:5px 0;
	letter-spacing:2px;
	color:#fff;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:28px;
	}








/*製品一覧ページ*/
#product h3{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:2.250em;
	line-height:50px;
	letter-spacing:10px;
	font-weight: lighter;
	padding:50px 20px 40px;
	}
	
@media screen and ( max-width:768px){
#product h3{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:1.5em;
	line-height:35px;
	letter-spacing:8px;
	font-weight: lighter;
	padding:50px 20px 40px;
	}
	}
	
@media screen and ( max-width:480px){
#product h3{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:1.250em;
	line-height:30px;
	letter-spacing:8px;
	font-weight: lighter;
	padding:50px 20px 40px;
	}
	}
	
#product p{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:1em;
	line-height:35px;
	margin:0 20px 40px;
	}

.catchBox{
	border-top:1px solid #3c3c3c;
	border-bottom:1px solid #3c3c3c;
	margin:35px 0;
	overflow:hidden;
	}

	ul.subMenu{
	width:100%;
	overflow:hidden;
	margin-bottom:40px;
	}
	
	ul.subMenu li a{	
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
	}
	
	ul.subMenu li a:hover{
	opacity:0.4;	
	}

@media screen and (min-width:481px){	
ul.subMenu{
	width:100%;
	overflow:hidden;
	}
	
ul.subMenu li{
	text-align:center;
	float:left;
	width:25%;
	border-left:1px solid #3c3c3c;
	box-sizing:border-box;
	}
	
	
ul.subMenu li.last-child{
	border-right:1px solid #3c3c3c;
	}
}

@media screen and (max-width:480px){
	ul.subMenu{
	border-top:1px solid #3c3c3c;
	}
	
ul.subMenu li{
	text-align:center;
	float:left;
	width:50%;
	border-left:1px solid #3c3c3c;
	border-bottom:1px solid #3c3c3c;
	box-sizing:border-box;
	padding:10px 0;
	}

ul.subMenu li.odd{

	}

ul.subMenu li.even{
	border-right:1px solid #3c3c3c;
	}
}
/*製品一覧ここまで*/


/*製品一覧の詳細*/
h4.category{
	text-align:center;
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:1px solid #3c3c3c;
	}
	
.half{
	width:50%;
	}

/*サブ_製品一覧各項目*/	
div.subProduct{
	margin:0 auto;
	}


	div.subProduct ul{
	margin:0 auto 54px;
	overflow:hidden;
	width:auto;
	}

div.subProduct ul li{
	margin:30px auto 0;
	position:relative;
	}
	
img.sub_iconText{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:rgba(0,0,0,0.3);
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	}

img.sub_iconText:hover{
	background:rgba(0,0,0,0);
	}

img.sub_iconBG{
	width:100%;
}

img.sub_viewAll{
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin:0 auto 20px;
	width:206px;
	text-align:center;
	}

@media screen and (max-width:480px){
	/*スマホ向け*/
	div.subProduct{
		width:100%;
		}
	
	div.subProduct ul{
	overflow:hidden;
	margin:0 auto 74px;
	}

	div.subProduct ul li{
	float:none;
	}
	
	img.iconText:hover{
	top:0;
	padding-bottom:0;
	background:rgba(0,0,0,0.3);
	}
	
	img.sub_viewAll{
	width:206px;
	}
	
	#infoWrap p.viewAll a{
	position:static;
	margin-top:10px;
	max-width:206px;
	}
}

@media screen and (min-width:481px) and ( max-width:768px){
	div.subProduct ul li{
	float:left;
	width:50%;
	}
	
	img.sub_viewAll{
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin:0 auto 20px;
	width:65%;
	text-align:center;
	}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　for iPad 　*/
	div.subProduct ul{
	margin:0 auto 74px;
	overflow:hidden;
	width:auto;
	}
	
	div.subProduct ul li{
	float:left;
	width:50%;
	}
}
	
@media screen and (min-width:1025px) {
    /*　for PC　*/
div.subProduct ul{
	margin:0 auto 74px;
	overflow:hidden;
	width:100%;
	}
	
div.subProduct ul li{
	float:left;
	width:50%;
	}
}
/*サブ_製品一覧各項目おわり*/

/*製品詳細*/
h2.productName {
	margin-top:45px;
	margin-bottom:20px;
	text-align: center;
	font-size: 2.250em;
	font-weight: normal;
	letter-spacing: 8px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

p.productPhoto{
	margin:0 0 50px;
	}
	
p.productPhoto img{
	width:100%;
	max-width: 100%;
	min-height:100px;
	}

p.productCopy{
	width:65%;
	line-height:30px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin:0 auto 70px;
	}

@media screen and ( max-width:768px){
dl.detail{
	text-align:center;
	width:100%;
	margin:0 auto 50px;
	/*border-top:1px solid #3c3c3c;
	border-bottom:1px solid #3c3c3c;*/
	padding:10px 0;
	overflow:hidden;
	}
	
dl.detail img{
	text-align:center;
	max-width:1024px;
	width:100%;
	height:auto;
	margin:0 auto;
	}

dd.productName{
	letter-spacing:8px;
	line-height:36px;
	width:100%;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:24px;
	margin-top:1%;
	}
	
dd span{
	letter-spacing:10px;
	width:50%;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	display:inline-block;
	font-size:18px;
	margin-top:3.5%;
	}	
	
dd.productSize{
		font-size:16px;
		margin-bottom:6px;
	}
	
.border{
	width:36%;
	height:1px;
	background: #3c3c3c;
	margin:20px auto 20px;
	clear:both;
	overflow:hidden;
	display:inherit;
	text-align:left;
			position:relative;
	}

}



@media screen and ( min-width:769px){
dl.detail{
	text-align:center;
	width:100%;
	margin:0 auto 50px;
	/*border-top:1px solid #3c3c3c;
	border-bottom:1px solid #3c3c3c;*/
	padding:10px 0;
	overflow:hidden;
	}
	
dl.detail img{
	text-align:center;
	max-width:1024px;
	width:100%;
	height:auto;
	margin:0 auto;
	}
	
dl.detail dt{
	float:left;
	width:50%;
	}

dd.productName{
	letter-spacing:10px;
	line-height:36px;
	width:100%;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:26px;
	margin-top:1%;
	}
	
dd span{
	letter-spacing:10px;
	width:50%;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	display:inline-block;
	font-size:20px;
	margin-top:4%;
	}	
	
dd.productSize{
		font-size:16px;
		margin-bottom:6px;
	}
	
.border{
	width:36%;
	height:1px;
	background: #3c3c3c;
	margin:20px auto 20px auto;
	overflow:hidden;
	display:inherit;
		text-align:left;
			position:relative;


	}
	
}
	
/*製品詳細おわり*/

/*屋久杉についてここから*/
#yakusugi{
	max-width:1024px;
	}

#yakusugi p{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:0.875em;
	line-height:26px;
	margin:22px auto 18px;
	max-width:920px;
	}
	
p.yakusugi_top_img img{
	max-width:920px;
	width:100%;
	}
	
#yakusugi h3{
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	text-align:center;
	font-size:24px;
	letter-spacing:12px;
	margin-top:65px;
	}

li.domaiboku_text1, li.domaiboku_text2{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	margin:0 auto;
	max-width:480px;
	}
	
li.domaiboku_text1{
	text-align:center;
	letter-spacing:8px;
	font-size:1.250em;
	margin-bottom:15px;
	}
	
li.domaiboku_text2{
	text-align:center;
	line-height:22px;
	font-size:0.875em;
	}
			
p.arrrow_large, p.domaiboku_image{
	max-width:480px;
	text-align:center;
	}

p.domaiboku_image img{
	max-width:480px;
		width:100%;
	height:100%;
	}
	
@media screen and ( max-width:920px) {
#yakusugi div.catchBox{
	margin:0 auto;
	padding:0 15px 0;
	}
	
#yakusugi h3, #yakusugi h2{
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	text-align:center;
	font-size:24px;
	letter-spacing:12px;
	margin:65px 0 20px;
	}
	}

/*屋久杉についてここまで*/

/*展示即売会ここから*/
#schedule #table{
	width:100%;
	margin:15px auto;
	text-align:center;
	border:1px solid #3c3c3c;
	}

#schedule th, #schedule td{
	padding:12px 10px;
	text-align:center;
	border-top:1px solid #3c3c3c;
		border-bottom:1px solid #3c3c3c;
		border-left:1px dotted #3c3c3c;
		border-right:1px dotted #3c3c3c;
		font-weight:bold;
		}

#schedule thead th{
	font-size:0.875em;
	background:#5c5c5c;
	color:#fff;
	}
	
div.exhibitionInfo_wide{
	width:100%;
	margin:0 5px;
	text-align:center;
	font-size:1.250em;
	}
	
div.exhibitionInfo_wide li{
	border-bottom:1px solid #ddd;
	margin:0 auto;
	}	
	
div.exhibitionInfo_wide li p{
	margin:0 auto;
	}


@media only screen and (max-width:480px){
#schedule #table{
		width:100%;
		border:none;
		list-style-type:none;
		}
		
#schedule thead{
	display:none;
	}
	
#schedule th, td{
		padding:8px;
		}
	
	
#schedule tbody tr{
		border-top:1px solid #3c3c3c;
		border-bottom:1px solid #3c3c3c;
        display: block;
        margin-bottom: 1.5em;
    }
	
	
    #schedule tbody th,
    #schedule tbody td{
        display: list-item;
        border: none;
    }
}
/*展示即売会ここまで*/

/*注文方法ここから*/
ol.order{
	display:block;
	width:100%;
	margin:30px 52px 30px;
	}
	
@media screen and ( max-width:920px) {
ol.order{
	margin:0;
	}
}

ol.order ul{
	margin-bottom:20px;
	}

ol.order li{
	font-size:1em;
	margin:10px 0 10px;
	line-height:20px;
	}
/*注文方法ここまで*/

/*配送と設置ここから*/
li.otodoke img{
	display: block;
	max-width:686px;
	width:100%;
	margin:0 auto;
	}
	
li.otodoke{
	background:#000;
	margin:0 auto;
	}
/*配送と設置ここまで*/

/*会社概要*/
table.profile{
	text-align:left;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	max-width:920px;
	margin:30px auto;
	}

table.profile tr{
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;

	}
	
table.profile th, table.profile td{
	text-align:left;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing:0.1em;
	padding:10px;
	line-height:20px;
	}
	
table.profile th{
	text-align:right;
	padding-right:10px;
	width:20%;
	font-weight:bold;
	}
	
table.profile td{
	font-size:0.875em;
	padding-left:10px;
	width:80%;
	}
	
@media only screen and (max-width:480px){
table.profile{
		width:100%;
		border:none;
		list-style-type:none;
		}
		
table.profile thead{
	display:none;
	}
	
table.profile th, td{
		padding:8px;
		}
	
	
table.profile tbody tr{
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
        display: block;
        margin-bottom: 1.5em;
    }
	
	
    table.profile tbody th,
    table.profile tbody td{
        display: list-item;
        border: none;
    }
	
    table.profile tbody th{
	text-align:center;
	width:100%;
	padding:8px 0;
    }
	
    table.profile tbody td{
	text-align:center;
	width:100%;
	padding:0;
    }
}	
	
.company_banner{
	background:#000;
		text-align:center;
	}
	
.company_banner img{
width:100%;
max-width:778px;
	}
	
p.ceo{
	text-align:right;
	}

.ggmap {
position: relative;
margin-top:20px;
margin-bottom:20px;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*会社概要ここまで*/

/*お問い合わせ*/
p.tellnum a{
	text-align:center;
	font-size:2em;
	}
	
p.caution{
	text-align:center;	
	}

#mailform{
	margin-bottom:20px;
	}
	
#mailform table{	
margin:20px auto 0;
	}

#mailform tr{
	border-top:1px solid #3c3c3c;
	border-bottom:1px solid #3c3c3c;
	text-align: left;
	}
	
#mailform th{
	padding-left:50px;
	width:30%
	}
	
#mailform th.req{
	background:url(../images/req.png) left center no-repeat;
	}

		
#mailform td{
	padding:20px;
	width:70%;
	}
	
.conteiner_button input{
	padding:4px 8px;
	}
	
.paragraph p{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	text-align:center;
	font-size:0.875em;
	}

h3.contact_heading{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:1.250em;
	margin-bottom:10px;
	}
	
@media only screen and (max-width:480px){

#mailform th.req{
	background:url(../images/req.png) bottom center no-repeat;
	margin-bottom:10px;
	padding-bottom:30px;
	}	

#mailform table{
		width:100%;
		border:none;
		list-style-type:none;
		}
		
#mailform table thead{
	display:none;
	}
	
#mailform table th, td{
		padding:8px;
		}
	
	
#mailform table tbody tr{
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
        display: block;
        margin-bottom: 1.5em;
    }
	
	
    #mailform table tbody th,
    #mailform table tbody td{
        display: list-item;
        border: none;
    }
	
    #mailform table tbody th{
	text-align:center;
	width:100%;
	padding:8px 0;
    }
	
    #mailform table tbody td{
	text-align:center;
	width:100%;
	padding:0;
    }
	
	input{
		margin-bottom:20px;
		}
}	

/*お問い合わせここまで*/

/*特集ページ共通*/
p.featureimg img{
	display: block;
	max-width:794px;
	width:100%;
	margin:0 auto;
	}
	
p.featureimg{
	background:#000;
	margin:0 auto;
	}

/*特集ページここまで*/

/*従業員紹介*/
div.floatLeft img,div.floatRight img{
	width:100%;
	}

div.floatLeft{
	width:49%;
	float:left;
	text-align:center;
	}

div.floatRight{
	width:49%;
	float:right;
	text-align:center;
	}

#yakusugi p.name{
	margin:0 auto 30px;
	font-size:1.250em;
	letter-spacing:10px;
	}

#yakusugi p.position{
	margin:0 auto 10px;
	font-size:0.875em;
	letter-spacing:10px;
	}
	
@media only screen and (max-width:480px){
	div.floatLeft,div.floatRight{
	width:100%;
	margin:0 auto;
	clear:both;
	}
	
	}
	
/*従業員紹介ここまで*/

/*動画一覧ページ*/
.douga { width:100%; margin:5% auto 20% !important; text-align:center !important;}
.douga li { width:80%; display:block; margin:auto auto 12% !important;}

.youtube {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
margin-bottom:10% !important;
margin-top:5%;

}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width:100% !important;
height:100% !important;
}

#last_douga { margin-bottom:5%;}


@media only screen and (min-width:680px){
.douga li { width:47%; display:inline-block;margin-bottom:4% !important;}
.douga li:nth-child(odd) { margin-right:2% !important;}
.youtube {
margin-bottom:0% !important;
}
}

@media only screen and (min-width:900px){
.youtube {
margin-bottom:-10% !important;
}
.douga { margin-bottom:5%;}
}

@media only screen and (min-width:1080px){
.youtube {margin-bottom:-20% !important;}
.douga li { margin-bottom:12% !important;}
}