@charset "utf-8";
/* CSS Document */


.dakar2018SP_body{
	background:url(/DAKAR/race2018/roadtodakar/images/back_img.jpg);
	background-attachment:fixed;
	background-size:cover;
	padding-top: 0px;}

.dakar2018SP_title img{width:100%}
.dakar2018SP_title h1{
	font-size:24px;
	color:#fff;
	margin-top:-15px;}
.dakar2018SP_logo{
	position: relative;
    top: 60px;
}

.dakar2018SP_bg{
	background:rgba(255,255,255,0.9) ;}

/*トップページcss*/

.dakar2018SP_read{text-align:left; padding: 20px 10%;}
.dakar2018SP_read p{margin-bottom:0.5em;}
.dakar2018SP_read p strong{font-size:1.2em;}
.dakar2018SP_read p a{color:#CC0000;}

#dakar2018SP_menu span img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);}
#dakar2018SP_menu a img {
	-webkit-filter: grayscale(70%);
	filter: grayscale(70%);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	}
#dakar2018SP_menu a:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.soontxt{color:#bbb;}


/*トップページcss*/


/*レポートページcss*/
.dakar2018SP_report{padding: 10px 30px;}
.dakar2018SP_report strong{font-size:20px;}
.dakar2018SP_report p.que{text-indent: -2.5em; margin-left:2.5em;}
.dakar2018SP_report p.ans{text-indent: -2.5em; margin-left:2.5em;}
.dakar2018SP_report p.word{margin-top:40px;border-bottom: 1px solid #d6d6d6;	margin-bottom:10px; color: #444;}
.dakar2018SP_report p.ans img,
.dakar2018SP_report p.que img{height:1.5em; margin-right: 0.5em;}
.dakar2018SP_report p.que{margin-top:40px;border-bottom: 1px solid #d6d6d6;	margin-bottom:10px; color: #444;}
.dakar2018SP_report p.ans strong{color:#cc0000;}
.dakar2018SP_report p{margin-bottom:1em;}
.dakar2018SP_com{padding:1em 4%;}
.dakar2018SP_com ul{
	border: 5px #666 double;
	background: rgba(168,144,92,0.3);
	padding: 1em;}
.dakar2018SP_com a{text-decoration:underline;}

.dakar2018SP_photo{
	float: right;
    width: 50%;
	height:auto;
    margin: 1em;}
	
.dakar2018SP_photoL{
	float: none;
    width: 70%;
    margin: 20px auto;}
	
#dakar2018SP_navi{
	border: 1px solid #999;
	border-left:none; border-right:none;
    margin-top: 30px;
    padding:20px 0;}
	
#dakar2018SP_navi h2{
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;}

#dakar2018SP_navi span img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}


#dakar2018SP_navi a img {
	-webkit-filter: grayscale(70%);
	filter: grayscale(70%);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	}
#dakar2018SP_navi a:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}	

#dakar2018SP_navi ul{width:90%; margin:0 auto;}
#dakar2018SP_navi ul li{
	margin-bottom:5px;
	background:#fff;
	border:#999 1px solid;
	clear:both;}
#dakar2018SP_navi ul li img{width:100px; float:left;}
#dakar2018SP_navi ul li span{
	float:left;
	margin-left: 15px;
    margin-top: 5px;}	
#dakar2018SP_navi ul li span em{display: block; font-size: 11px;}

.dakar_backbtn{margin: 30px 0; display: block; text-align:center;}	
.dakar_backbtn a{
	padding: 10px 15px;
    background: #222;
    color: #FFF;
    margin: 10px 0 0;
    font-size: 12px;}



	

/*レポートページcss*/


/*記事一覧css*/
#dakar2018SP_menu{margin-top: 30px; padding:0 2%;}
#dakar2018SP_menu h2{
	margin-bottom:25px;
	border-bottom:1px solid #999;}

.dakar_menubox{
	overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;}

.dakar_menuitem{
	border:1px solid #999;
	background:#fff;
	text-align:left;}

#dakar2018SP_menu .dakar_menuitem{
	flex: 0 1 47%;
    margin: 10px 1.5%;
	padding-bottom: 10px;}
#dakar2018SP_navi .dakar_menuitem{
	flex:0 1 31.3%;
	margin:0 1%;
	padding-bottom: 8px;}

.dakar_menutext{
	padding:0 10px;
	line-height:1.3em;}
.dakar_menuitem em{
	display:block;
	font-size:10px;}
/*記事一覧css*/


@media(max-width: 736px){
	
.dakar2018SP_logo{position:static;}
.dakar2018SP_title{
	height:auto;
	text-align:center;
	background:url(/DAKAR/race2018/roadtodakar/images/bnr.jpg);
    background-size: cover;}
	
.dakar2018SP_read{text-align:left; padding: 0 5%;}
	
.dakar2018SP_report{padding: 10px 5px;}
.dakar2018SP_photo{
	float: none;
    width: 100%;
    margin-top:20px;}
.dakar2018SP_photoL{
	float: none;
    width: 100%;
    margin-top:20px;}
	
/*記事一覧css*/
#dakar2018SP_menu{margin-top: 10px;}
#dakar2018SP_menu h2{margin-bottom:10px;}

.dakar_menubox{display: block;}
.dakar_menuitem{margin-bottom:10px;}
#dakar2018SP_menu .dakar_menuitem{margin:5px 1%}
#dakar2018SP_navi .dakar_menuitem{margin:5px 1%}

.dakar_menutext{padding:0 10px;}
.dakar_menuitem em{
	display:block;
	font-size:10px;}
/*記事一覧css*/
	
	
	}