@charset "UTF-8";
/* CSS Document */
.show {display: block;}
.hide,.shw {display:none;}
.pd40 {padding:40px 0;}
.pd35 {padding:35px 0;}
.pt35 {padding-top:35px;}
.pd25 {padding:25px 0;}
.pd20 {padding:20px 0;}
.blue {color:#002d6f;}
img {max-width: 100%; height: auto;}



/* レイアウト */
.header {
	position: fixed;
	top:0;
	color:#fff;
	width: 100%;
	text-align: center;
	/*padding:20px 0;*/
	/*height:60px;*/
	z-index: 999;
}
.header_outer {
	position: relative;
	background: #004013;
	padding-top: 15px;
	border-bottom: 8px solid #f4e8d0;
	z-index: 1000;
	box-shadow: 0px 4px 0px rgba(100,100,100,0.4);

}
.header_inner {
	width:1000px; 
	margin: 0 auto; 
	padding: 10px 0 0; 
	text-align: center;
}

.inner {
	width:1000px; 
	margin-right: auto; 
	margin-left: auto; 
	/*text-align: center;*/
	/*border: 1px solid #fff;*/
}

.top-bottom-section {
	width:100%;
	background: #f5f7f8;
	padding: 45px 0 0;
}

.footer {
	background: #f4e8d0;
	padding: 25px 0 0px;
	color:#004013;
	position: relative;
}

.head_logo {margin-bottom: 30px;}

	.scroll{
		overflow: auto;　　　　/*tableをスクロールさせる*/
		white-space: nowrap;
	}
	.scroll table th,.scroll table td{white-space: nowrap;}
	.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 	height: 5px;
	}
	.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 	background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 	background: #BCBCBC;
	}	

/* ヘッダー */
.head_logo {
	float:left;
	width:260px;
	position: relative;
	/*border: 1px solid #fff;*/
	margin: 0 0 15px 0;
}
.head_logo:after {
	position: absolute;
	content: "";
	top:30%;
	margin-left:10px;
	width: 135px;
	height: 15px;
	background: url(../img/shibuya_automobile_logo_sub.png) center center no-repeat;
	background-size: cover;
}

.ais {
	float:right;
	font-size: 1.3rem;
	margin-top:10px;
}
.ais img {float: left; }

/*  グローバルメニュー */
.nav {width: 100%;}
.nav li {
	float:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.w88{width:8.8%}
.w152{width:15.2%;}

/* 背景 */
.bg-top {
	background: url(../img/top_img.jpg) center center no-repeat;
	width:100%;
	height: 880px;
	background-size: cover;
	position: relative;
}

.bg-top h1 {
	font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","メイリオ", Meiryo, serif;
	font-weight: normal;
	color:#231815;
	font-size: 3.3rem;
	position:absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	margin: auto;
	width:80%;
	height: 3em;
	text-align: center;
	/*border:1px solid #f00;*/
}
.bg-top h1 span {
	font-size:2.3rem;
}

.bg-light-g {
	background:  #f7f7f7;
}

.bg-maint {
	background: url(../img/maint_img.jpg) center center no-repeat;
	width:100%;
	height: 560px;
	background-size: cover;
	position: relative;
}
.bg-ins {
	background: url(../img/ins_img.jpg) center center no-repeat;
	width:100%;
	height: 560px;
	background-size: cover;
	position: relative;
}
.bg-shop {
	background: url(../img/shop_img.jpg) center center no-repeat;
	width:100%;
	height: 560px;
	background-size: cover;
	position: relative;
}
.bg-parts {
	background: url(../img/parts_img.jpg) center center no-repeat;
	width:100%;
	height: 560px;
	background-size: cover;
	position: relative;
}
.bg-con {
	background: url(../img/con_img.jpg) center center no-repeat;
	width:100%;
	height: 560px;
	background-size: cover;
	position: relative;
}
.bg-stock {
	background: url(../img/stock_img.jpg) center center no-repeat;
	width:100%;
	height: 560px;
	background-size: cover;
	position: relative;
}


.bg-pp {
	background: url(../img/shop_img.jpg) center center no-repeat;
	width:100%;
	height: 300px;
	background-size: cover;
	position: relative;
}

/* TOP */
.top-bnr {	
	overflow: hidden;
	position: relative;
	width:100%;
	height: 320px;
	background: #000;
}

.top-bg-shp:after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background: url(../img/top_shop_bg.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;	
}
.top-bg-stc:after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background: url(../img/top_stock_bg.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;	
}


.top-bnr-btn span {
	color:#fff;
	background:#004013;
	padding:3px 5px;
}
.top-bnr-btn {
	z-index: 1;
    position: absolute;
	bottom:10px;
	right: 10px;
}

.top-bg-shp:hover:after,.top-bg-stc:hover:after {
	opacity: 0.6;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


/* --------------------------- top new Arrival */
.newArr-list li a,.news-section a {
	color:#231815;
}
.newArr-list li {
	float:left;
	width:23%;
	margin-right: 2.666%;
	margin-bottom: 20px;
	background: #f4f4f4;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.newArr-list li:nth-child(4n){
	margin-right: 0%;
}

.ph {margin-bottom:5px;}
.nen {padding:0; margin: 0; }
.car-name {
	padding: 0; margin: 0 !important; 
	overflow: hidden;/* 長い文字を省略*/
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:1.6rem;
}
.price{
	font-size:2rem;
	color:#004013;
	position: relative;
}
.price:after {
	position: absolute;
	content: "";
	background: url(../img/ic_arr.png) center center no-repeat;
	background-size: cover;
	width:20px;
	height:20px;
	top:50%;
	right: 10px;
	margin-top:-10px;
	
}

/* top news */
.news-section {overflow: auto; height:24rem;}
.news-section dt{
	clear:left;
	float:left;
	width:86px;
	margin-bottom:10px;
}
.news-section dd{
	padding-left:100px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
	.news-section dd a {color:#004013 !important;}

/* top link */
.top-link li {
	float:left;
	width:48.6%;
	margin-bottom: 25px;
}
.top-link li:first-child {
	margin-right: 2.8%;
}

.top-link a:hover {
	
}

.ic-arr{
	position: relative;
	color:#004013;
	border-bottom:1px solid #004013;
}
.ic-arr:after {
	position: absolute;
	content: "";
	background: url(../img/ic_arr.png) center center no-repeat;
	background-size: cover;
	width:20px;
	height:20px;
	top:50%;
	right: 2px;
	margin-top:-10px;	
}

/* テキスト */


.tt {
	font-size:1.8rem;
	color:#fff;
	background: #004013;
	padding:5px 10px;
}
.tt small {font-size: 1.6rem;}
.tt-more {float:right;}
.tt-more a {font-size: 1.4rem; color:#fff !important; display: block; padding: 2px 7px; border: 1px solid #fff;}


.ttt {font-size:3rem;
	font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","メイリオ", Meiryo, serif;
	font-weight: normal;
}

.tt-sec {
	font-size:1.8rem;
	color:004013;
	border-bottom:1px solid #004013;
}
.tt-sec small {font-size: 1.6rem;}

.min {
	font-size: 1.5rem;
	line-height: 1.7;
	font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","メイリオ", Meiryo, serif;
}

.copy-sec {
	font-size:3.0rem;
	font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","メイリオ", Meiryo, serif;
	font-weight: normal;
	color:004013;
}

.mido {
	color:#004013;
}

.txt {line-height: 1.7;}

/* ボタン */
.btn {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.btn:before {
	font-family: ionicons;
	content: '\f363';
	color:#fff;
	position: absolute;
	top:50%;
	left:10px;
	margin-top:-14px;
	font-size: 2rem;
}
.btn a{
	display:block;
	background:#002d6f;
	color:#fff;
	text-align: center;
	padding:3px 10px;
}
.btn a:hover {
	background:#7dccf3;
}

.bt2 a {opacity: 1.0;}
.bt2 a:hover{
	opacity: 0.6;
}

.btn-sec a{
	padding:7px 9px;
	color:#fff;
	background: #004013;
}

/* -------------- footer */
.footer-copy {
	width: 100%;
	padding:10px 0;
	text-align: center;
	font-size:1.0rem; ;
	color: #fff;
	background: #004013;
}
.footer-address dl dt {
	float:left;
	width:21.1%;
	/*border: 1px solid #f00;*/
}
.footer-address dl dd {
	float:right;
	width:78%;
	font-size:1.2rem;
	/*border: 1px solid #f00;*/
	padding-top:10px;
}


.footer ul.nav li {
	float:left;
	width:14.2%;
	text-align: center;
	font-size: 1.4rem;
	border-left:1px solid #004013;
	margin-bottom: 20px;
}
.footer ul.nav li:last-child {border-right:1px solid #004013;}
.footer ul.nav li a {
	display: block;
	color:#004013;
	padding:7px 0;
}

.footer-nav-sub {
	text-align: center;
		font-size: 1.4rem;
}
.footer-nav-sub a {
	color: #004013;
	border-bottom: 1px solid #004013;
}

/* -------------------------- pagetop --*/

    #pageTop {
      position: fixed;
      bottom: 10px;
      right: 20px;
	z-index: 9999;
    }   
    #pageTop a {opacity: 0.5;}
    #pageTop a:hover { opacity: 1;}

.p-top {
	position: absolute;
	top:-40px;
	right:20px;
}

/* ------------------------- MAINTENACE --*/

.maint-ph li {
	float:left;
	width:48.6%;
	margin-right:2.8%;
	margin-bottom: 20px;
}
.maint-ph li:nth-child(2n){
	margin-right:0%;
}

/* ------------------------- 保険 --*/
.ins {font-size: 1.8rem;}
.ins strong {font-size: 2.6rem; font-weight: bold !important;}
.ins span {font-size: 2.1rem; font-weight: bold !important;}

/* ------------------------- parts --*/

.parts-maker {
	display: flex;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.parts-maker li {
	
}

/* ------------------------- shop --*/
.shop-map {
	width:100%;
	height: 400px;
}

.shop-map-sv {
	width:48.6%;/*640 */
	margin-left:auto;
	margin-right: auto;
}

/* ------------------------- privacy --*/

.pp-list dt {
	margin-bottom:0.5em;
	color:#004013;
	font-weight: bold;
}
.pp-list dd {
	margin-left:1em;
	margin-bottom:1.5em;
}

/*------------------------- toi --*/
.toi-tab {width:100%; margin-bottom: 20px;}
.toi-tab th {padding:10px; border-bottom:1px dotted #ccc; text-align:left; vertical-align: middle;}
.toi-tab td {padding:10px; border-bottom:1px dotted #ccc;  }
.toi-tab input.ex1 {width:98%; padding:3px;}
.toi-tab input.ex2 {width:45%; padding:3px;}
.toi-tab textarea {width:98%; padding:3px;}
.cap-box-buy {margin-bottom:40px;}

#submitBtn {
	background: #004013;
	color:#fff;
	border-radius: 6px;
	font-size: 1.6rem;
	padding:10px 20px;
	border:none;
	width:300px !important;
	text-align: center;
}

/* ------------------------------- blog */
.side {
	float:right;
	width:30%;
}
.main-blog {
	float:left;
	width:66%; /* 660px */
	margin-bottom: 40px;
}

/* side */
.modu {margin-bottom: 20px; font-size:1.3rem;}
.modu-tt {background: #004013; color: #fff; font-size:1.4rem; margin-bottom: 10px; padding:3px 10px;
box-sizing: border-box;}
.side a{color:#333;}
/*.modu-list li {}*/
.cal a{color:#e50012;}
.cal > * {text-align: center;}

/* main-article */
.main-blog img {max-width: 100% !important; height: auto !important;}
.ttl-entry {background: #004013; color: #fff; font-size:1.4rem; margin-bottom: 20px; padding:3px 10px;
box-sizing: border-box;}/* ブログのカテゴリのタイトル */

.main-section a{color:#000;}
.main-section b:first-of-type {color:#004013;}

dl.main_newarrivals {border-bottom:1px solid #ccc; width: 100%; margin-bottom: 15px; padding-bottom: 10px;}/* 記事のくくり */
dl.main_newarrivals a {color:#000;}
dl.main_newarrivals a:hover {color:#e50012;}
dl.main_newarrivals dt {float:left; width: 13.6363%; /*100px */ margin-right:1.515% ; /*border:1px solid #0f0;*/}
dl.main_newarrivals dd.arr-ttl {float:left; width:63.63%; /*420px*/ /*border:1px solid #f00;*/ }
dl.main_newarrivals dd.arr-day {float:right; width:18.18%; /*120px */ font-size: 1.2rem; color: #666; text-align: right; /*border:1px solid #f00;*/}
dl.main_newarrivals:after{ 
	display: block;
    content: "";
    clear: both;}

.ttl {font-size:1.6rem; color: #000; font-weight: normal;}/* 記事のタイトル */
.arr-ttl p {font-size:1.3rem; color: #666;}/* 記事本文*/

/* 記事詳細 */
.main-article-entry h2.ttl-entry {font-size:1.8rem;}
.main-section-entry {margin-bottom: 40px;}

/* コメント */
.comme-box {
	border:1px solid #ccc;
	padding: 2% 5%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.comme-tt {font-size:1.4rem; color: #000; font-weight: normal; margin-bottom: 10px;}
.comme-tab {
	width: 100%;
	/*margin:0 auto;
	border-collapse: separate;
	border-spacing:1px;*/
}
.comme-th {font-size:1.3rem; color:#333; font-weight: normal; padding:5px; width:20%; vertical-align: top;}
.comme-td {
	padding:5px;
	width: 80%;
}

.comme-td input[type=text] {
	width:98%;
	padding:3px;
	font-size:100%;
}

.comme-td textarea {
	width:98%;
	padding:3px;
	font-size:100%;
}
.send-btn {
	margin:1em auto;
	width:120px;
}
.send-btn input[type=submit] {
	background:#ccc;
	color: #333;
	border:1px solid #808080;
	width:120px;
	height:30px;
	cursor: pointer;
	border-radius: 4px;
	font-size: 100%;
}

/*  画像認証 */
.cap-box {font-size:1.3rem;}

/* ------------------------- chat --*/

.w162 {width:162px;}
#banner {
	display: inline-block;
	position: fixed;
	bottom: 10px; right: 15px;
	z-index: 999;
}
#chat_box {
	display: none;
	position: fixed;
	bottom: 10px; right: 15px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
	border-radius: 10px 10px 0 0;
	z-index: 999;
}
#chat_frame {
	width: 320px;
	height: 400px;
	margin: 0;
	border: none;
	vertical-align: bottom;
}
#chat_header {
	display: block;
	box-sizing: border-box;
	width: 320px;
	padding: 3px 10px;
	background: #000;
	border-radius: 10px 10px 0 0;
	text-align: right;
	color: #fff;
}
#chat_header a {
		color:#fff;
}

.chat-bnr {
		background: #000;
		border-radius: 10px 10px 0 0;
		font-size: 1.4rem;
		padding: 3px 10px;
	border:1px solid #666;
}	




/* タブレット */
@media screen and  (max-width:835px) {

	.hide {display: block;}
	.header_inner,.inner {width:93.75%;}
	.nav li {
	font-size: 1.2rem;
	}
	.footer-address dl dt {
	float:none;
	width:100%;
	text-align: center;
		margin-bottom: 20px;
	}
	.footer-address dl dd {
	float:none;
	width:100%;
	font-size:1.2rem;
	position: relative;
	height: auto;
	/*border: 1px solid #f00;*/
		text-align: center;
	}
	.add {
	position: relative;
	}

		/* 背景 */
	.bg-top { 
	width:100%; 
	height:580px; 
	background: url(../img/top_img.jpg) center 70px no-repeat;
	background-size: cover; 
	text-align: center;
	}
	
	.bg-top h1 {
	font-size: 3rem;
	position:absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	margin: auto;
	width:60%;
	height: 3em;		
	}

	.footer ul.nav li,.footer-nav-sub {
	font-size: 1.0rem;
	}
	
}

@media screen and  (max-width:668px) {
	
	.ais {display:none;}
	.fL,.fR {float:none;}
	.show {display:none;}

	
	.header .nav {display: none;}
	.footer ul.nav li {
	float:left;
	width:25%;
	text-align: center;
	font-size: 1.1rem;
	border-left:1px solid #004013;
	margin-bottom: 20px;}	
	.footer ul.nav li:nth-child(4){
		border-right:1px solid #004013;
	}

		

	/* hanbager */
	.btns  {
		background:url(../img/btn.png) no-repeat 0 0;
		display: block;
		width:40px;
		height: 40px;
		position: absolute;
		top:20px;
		right:10px;
	}	

	
	/* テキスト */

/* ------------------------- shop --*/

.shop-map-sv {
	width:100%;
	margin-left:auto;
	margin-right: auto;
}

/* --------------------------- blog */
	.side, .main-blog {width:100%; float: none;}
	
}

@media screen and (max-width:480px){
	
	/* 背景 */
	.bg-top { 
	width:100%; 
	height:380px; 
	background: url(../img/top_img.jpg) center 70px no-repeat;
	background-size: cover; 
	text-align: center;
	}
	
	.bg-top h1 {
	font-size: 3rem;
	position:absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	margin: auto;
	width:80%;
	height: 3em;		
	}	
	
	.head_logo:after {
	position: absolute;
	content: "";
	top:0%;
	margin-left:00px;
	width: 0px;
	height: 0px;
	background: none;
	background-size: cover;
	}
	
	
	.bg-top h1 {
	font-size: 1.9rem;
	position:absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	margin: auto;
	width:90%;
	height: 3em;		
	}
	
	.bg-top h1 span {
	font-size:1.4rem;
	}	
	
	.bg-maint,.bg-ins,.bg-shop,.bg-parts,.bg-con,.bg-stock {
	height: 260px;
	}
	
	.bg-pp {
	height: 130px;	
	}

	
	/* TOP */
	.top-bnr {	
	overflow: hidden;
	position: relative;
	width:100%;
	height: 120px;
	background: #000;
	}
	
	/* --------------------------- top new Arrival */

	.newArr-list li {
	float:left;
	width:49%;
	margin-right: 2%;
	}
	.newArr-list li:nth-child(2n){
	margin-right: 0%;
	}

	.ph {margin-bottom:5px;}
	.car-name,.nen {
	font-size:1.3rem;
	}
	.price{
	font-size:1.6rem;
	color:#004013;
	position: relative;
	}
	.price:after {
	position: absolute;
	content: "";
	background: url(../img/ic_arr.png) center center no-repeat;
	background-size: cover;
	width:20px;
	height:20px;
	top:50%;
	right: 5px;
	margin-top:-10px;	
	}
	/* top link */
	.top-link li {
	font-size:1.3rem;
		}
	
	/* --------------------------- top news */
	.news-section {width: 100%;}
	.news-section {overflow: auto; height:30rem;}
	.news-section dt{
	clear:left;
	float:left;
	width:90px;
	margin-bottom:0px;
	padding-right: 10px;
	margin-top: -7px;
	}
	.news-section dd{
	padding-left:0px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	font-size:1.3rem;
	}
	.news-section dd span {display: block; padding:1px 0 5px 0; /*border: 1px solid #f00;*/ }		
	

	
	/* テキスト */

	.tt {
	font-size:1.5rem;
	color:#fff;
	background: #004013;
	padding:5px 10px;
	}
	.tt small {font-size: 1.2rem;}
	.tt-more {float:right;}
	.tt-more a {font-size: 1.0rem; color:#fff; display: block; padding: 2px; border: 1px solid #fff;}
	
	.copy-sec {font-size: 2.4rem;}
	
	/* ------------------------- parts --*/

	.parts-maker {
	display: flex;
flex-wrap: wrap;
	}
	.parts-maker li {
	
	}
	/*------------------------- toi --*/
.toi-tab {width:100%; margin-bottom: 20px;}
.toi-tab th {padding:10px; border-bottom:1px dotted #ccc; text-align:left; vertical-align: middle; display: block;}
.toi-tab td {padding:10px; border-bottom:0px dotted #fff;  display: block; }
.toi-tab input.ex1 {width:98%; padding:3px;}
.toi-tab input.ex2 {width:98%; padding:3px;}
}

@media screen and (max-width:415px){

	
	/* ------------------------- chat --*/
	
	.w162 {width:81px;}
#banner {
	display: inline-block;
	position: fixed;
	bottom: 10px; right: 15px;
	z-index: 99;
}
#chat_box {
	display: none;
	position: fixed;
	bottom: 10px; right: 5px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
	border-radius: 10px 10px 0 0;
	z-index: 99;
}
#chat_frame {
	width: 320px;
	height: 360px;
	margin: 0;
	border: none;
	vertical-align: bottom;
}
#chat_header {
	display: block;
	box-sizing: border-box;
	width: 320px;
	padding: 3px 10px;
	background: #000;
	border-radius: 10px 10px 0 0;
	text-align: right;
	color: #fff;
}
#chat_header a {
		color:#fff;
}

.chat-bnr {
		background: #000;
		border-radius: 10px 10px 0 0;
		font-size: 1.4rem;
		padding: 3px 10px;
		border:1px solid #666;
	}	
		
	
}

@media screen and (max-width:320px){
	.shw {
		display: block;
	}
}

/* モーダル全体(背景＋本体) */
.modal{
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
	z-index: 1000;
}

/* モーダル背景 */
.modal-bg{
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
}

/* モーダル本体 */
.modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;/* これが無いと「overflow:scroll」が利かない */
  background:#000;
}

video {
display: block;
}

/* モーダルウィンドウ表示中に記事本体を固定 */
/*body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}*/
.modal__close {font-size:32px; position: absolute; top:-28px; right: -20px; display: block;}
.modal__close a {color:#fff !important;}
.modal__close a:visited{color:#fff;}

@media screen and (max-width:800px){
.modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;/* これが無いと「overflow:scroll」が利かない */
  background:#000;
}	
}

div.error, div.updated {
    display:none !important;
}