@charset 'uft-8';

@media screen and (max-width : 768px) {

    .section_content .content { width: 100%; padding-bottom: 50px; }

    .section_content .content .title h2 {
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 5px;
        margin-bottom: 13px;
        background-size: auto 3px;
    }
		.section_content .content .title h2.line1{
			font-size: 20px;
      padding-top: 6px;
			min-height:0;
		}

    .section_content .content .title h2 strong { font-size: 20px; }

.section_content .content .left {
	margin-bottom: 50px;
}		

    .section_content .content .sns {
        border-top: none;
        padding: 0;
				border-top: 1px #e6e6e6 dashed;
        border-bottom: 1px #e6e6e6 dashed;
    }
    .section_content .content .sns a{
			padding: 10px 11px 10px 43px;
    }
    .section_content .content .sns:after  { border-left: 1px #e6e6e6 dashed; }
    
    .section_content .content .sns .facebook { margin-right: 26px; }
    
    .section_content .content .material {
        margin-top: 13px;
        margin-bottom: 33px;
    }
    

    
    .section_content .content ul {
        font-size: 14px;
        padding: 4px 0 0;
        border: none;
    }
    
    .section_content .content ul li {
        line-height: 32px;
        padding: 0 0 0 5px;
    }
    .section_content .content ul li:last-child {
        border-bottom: 1px #dcdcdc solid;
    }

    .section_content .content .back a {
        font-size: 14px;
        width: 100%;
        line-height: 48px;
        margin: 21px 0 0;
        padding: 0;
        background-size: 21px auto;
        background-position: 22px center;
        text-align: center;
    }

.content img{ width:100%;}
/*----------------------
	mv
-----------------------*/

#mv{
	overflow:hidden;
	border-radius:10px;
	background-color:#f7f6ef;
	margin-bottom:25px;
}
#mv .pic{
	float:none;
}
#mv .textArea{
	overflow:hidden;
	zoom:1;
	padding:20px 20px 10px;
	text-align:left;
	font-size:16px;
	line-height:1.6;
}
#mv .textArea dt{ margin-bottom:10px; font-weight:bold;}
#mv .textArea dt span{
	display:inline-block;
	padding:5px 15px; 
	background-color:#000;
	color:#fff;
	border-radius:5px;
	line-height:1;
}
#mv .textArea dd{ margin-bottom:10px; font-weight:bold;}

/*----------------------
	detail_txt
-----------------------*/
#detailTxt{
	text-align:left;
	padding-bottom:0px;
	padding-top:25px
}
#detailTxt dt{
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
}
#detailTxt dt:before{
	content:"●";
	color:#2eb7ae;
	margin-right:10px;
	font-size:16px;
}
#detailTxt dd{
	font-size:16px;
	line-height:1.8;
	padding-bottom:20px;
	border-bottom:2px dashed #e6e6e6;
	margin-bottom:20px;
}
#detailTxt dd:last-child{ border:0;}

#detailTxt .aboutBox{
	border:1px solid #dcd9c6;
	overflow:hidden;
	margin-top:20px;
}
#detailTxt .aboutBox h4{
	background-color:#f7f6ef;
	text-align:center;
	font-weight:bold;
}
#detailTxt .aboutBox .textArea{
	overflow:hidden;
	padding:10px 35px;
	display:block;
}
#detailTxt .aboutBox p{
	display:block;
	vertical-align:middle;
	padding-right:0px;
}
#detailTxt .aboutBox .pic{
	display:block;
	vertical-align:middle;
	width:60%;
	margin:20px auto 0;
}

#detailTxt ul.picList{
	overflow:hidden;
	border:0;
	padding:0;
	margin-left:0px;
	padding-top:20px;
	margin-bottom:-20px;
}
#detailTxt ul.picList li{
	border:none;
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	float:none;
	margin-left:0px;
	margin-bottom:20px;
}
#detailTxt ul.picList li img{
	display:block;
	border:1px solid #dcdcdc;
	border-radius:10px;
	margin-bottom:5px;
}
#detailTxt ul.picList li p{
	font-size:14px;
	line-height:1.6;
	position:relative;
	margin-left:17px;
}
#detailTxt ul.picList li p:before{
	content:"●";
	color:#2eb7ae;
	margin-right:10px;
	font-size:12px;
	position:absolute;
	top:2px;
	left:-17px;
}
 
/*----------------------
	監修者
-----------------------*/

#prof{
	clear:both;
	padding-top:30px;
}
#prof h4{
	font-size:20px;
	color:#fff;
	background-color:#2eb7ae;
	padding:10px 0;
	font-weight:bold;
}
#prof .profWrap{
	background-color:#f5f5f5;
	overflow:hidden;
	padding:30px 20px;
}
#prof .profWrap .pic{
	float:none;
	font-size:16px;
	line-height:1.4;
	font-weight:bold;
	width:60%;
	margin:0 auto 25px;
}
#prof .profWrap .pic p{ margin-top:10px;}
#prof .profWrap .pic span{ display:block; font-size:12px; font-weight:normal;}
#prof .profWrap .textArea{
	overflow:hidden;
	zoom:1;
	text-align:left;
	font-size:14px;
	line-height:1.8;
}
#prof .profWrap .textArea p.name{
	margin-top:15px;
	padding-top:15px;
	border-top:1p dashed #b6b6b6;
}

/*----------------------
	anchrList
-----------------------*/

#anchrList{
	overflow:hidden;
	margin-bottom:20px;
}

#anchrList .anchrWrap{
	overflow:hidden;
	background-color:#efefef;
	padding:10px 15px 15px;
}
#anchrList .anchrWrap ul{ overflow:hidden; margin-bottom:-20px; border:0; margin-left:-2%;}
#anchrList .anchrWrap li{
	float:left;
	width:48%;
	margin-left:2%;
	margin-bottom:20px;
	border:0;
	list-style:none;
}
#anchrList .anchrWrap li:nth-child(3n+1){ clear:none;}
#anchrList .anchrWrap li:nth-child(2n+1){ clear:both;}
#anchrList .anchrWrap li a{
	display:block;
	background:url(/outdoor/knowledge/images/icatch1.png) no-repeat 0 4px;
	background-size:13px;
	padding-left:23px;
	font-size:14px;
	text-align:left;
	color:#000;
	line-height:1.6;
}

/*----------------------
	termList
-----------------------*/

#termList{
	overflow:hidden;
	padding-bottom:40px;
	margin-top:30px; 
}
#termList ul{
	border:0;
	padding:0;
}
#termList li{
	clear:both;
	list-style:none;
	padding:0;
	border:0;
	overflow:hidden;
	padding-bottom:30px;
}
#termList li h3{
	background:url(../terms/images/h3_bg.gif) repeat-x 0 0;
	background-size:contain;
	font-size:16px;
	color:#fff;
	margin-bottom:10px;
	padding:3px 20px;
}
#termList li p{
	font-size:16px;
	line-height:1.8;
}

#termList li .pic{
	overflow:hidden;
	width:100%;
	border:1px solid #dcdcdc;
	border-radius:10px;
	float:none;
	box-sizing:border-box;
	margin-top:10px;
}
#termList li p.fR{
	float:none;
	width:auto;
}
#termList p.alignR{ text-align:left; font-size:13px;}
.termsDetail{ padding-bottom:50px !important;}
  

}