@charset "utf-8";
/*----------
main color：#e84653
-----------*/

@media screen and (max-width:720px){
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#page-top{
	display:none;
}

/*-common-*/
header{
	height:60px;
	margin:0 10px;
	text-align:left;
	position:relative;
}
header .offcialBtn{
	position: absolute;
	top:10px;
	right:0px;
	margin:0 5px;
    display: inline-block;
	padding:10px 10px;
    text-decoration: none;
    color: #FFF;
    background: #e84653;/*色*/
    border: solid 1px #e84653;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	
}
header .offcialBtn:active {/*ボタンを押したとき*/
    border: solid 1px #e84653;
    box-shadow: none;
    text-shadow: none;
}
header h1{
	font-size:15px;
	float:left;
	margin-right:15px;
	padding-top:15px;
}
header h1 a{
	color:#787878;
	font-weight:bold;
}
header h1 img{
	width:35px;
	height:auto;
	margin-right:10px;
}
header .conLink, header .menu{
	float:left;
	font-size:14px;
	color:#e84653;
	height:100px;
	position:absolute;
	top:40px;
	right:0;
	line-height:1em;
	display:none;
}
header .conLink a, header .menu li{
	margin:0 5px;
	border:1px solid #494a50;
	padding:5px 15px !important;
	color:#494a50;
	text-align:center;
	display:inline;
	/*-radius-*/
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}
header .menu li a{
	color:#494a50;
}
.rssFeed{
	padding:10px 0;
	text-align:left;
}
.rssFeed a{
	background: url(../img/ico_rss.png) left no-repeat;
	background-size:15px auto;
	font-size:12px;
	padding:10px 0 10px 20px;
}
.panKuz{
	padding:10px 10px;
	background:#f5f5f5;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	z-index:1;
}
.panKuz .home{
	background: url(../img/ico_home.png) left no-repeat;
	background-size:18px auto;
	padding-left:22px;
}
.panKuz .main{
	margin:0 auto;
	text-align:left;
}
.topVisual{
	border-bottom:1px solid #e6e6e6;
}
.topVisual .main{
	margin:0 auto;
}
.topVisual .main .left{
	margin-bottom:15px;
}
.topVisual .main .left img{
	width:100%;
	max-height:300px;
	object-fit: cover;
}
.topVisual .main .right{
	padding:10px 10px;
	background:#FFFFFF;
	float:right;
	text-align:left;
}
.topVisual .main .right .ttlRank{
	color:#505050;
	font-size:18px;
	background: url(../img/ico_rank.png) left no-repeat;
	background-size:25px auto;
	padding:3px 0 3px 28px;
	text-align:left;
	font-weight:bold;
	margin:0 0 10px 0;
}
.topVisual .main .right aside{
	font-size:12px;
	color:#868686;
	margin-bottom:10px;
}
.topVisual .main .right .moreLink{
	text-align:right;
	padding:10px 0;
}
/*-1-*/
.topVisual .main .right .thumb1{
	background:#FFFFFF;
	padding:0;
	/* box-shadow */
	box-shadow:0px 0px 3px 0px #6c6c6c;
	margin-bottom:15px;
}
.topVisual .main .right .thumb1 .photo{
	width:50%;
	height:120px;
	float:left;
	position:relative;
}
.topVisual .main .right .thumb1 .photo img{
	width:100%;
	height:120px;
	object-fit: cover;
}
.topVisual .main .right .thumb1 .photo .triangle::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 3em solid transparent;
    border-left: 3em solid #aa8a4c; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.topVisual .main .right .thumb1 .photo .triangle::after {
    content: "1";
    display: block;
    top: 3px;
    color: #fff; /* 文字色はここで変更 */
    left: 7px;
    position: absolute;
    z-index: 101;
}
.topVisual .main .right .thumb1 .txt{
	height:120px;
	text-align:left;
	position:relative;
	padding:5px 5px 5px 52%;
	color:#333333;
	font-size:12px;
}
.topVisual .main .right .thumb1 .txt strong{
	color:#494a50;
	font-size:14px;
	font-weight:bold;
}
.topVisual .main .right .thumb1 .txt .category{
	position:absolute;
	bottom:0;
	right:5px;
	color:#a5a5a5;
}
.topVisual .main .right .thumb1 .txt .category em{
	font-weight:bold;
	margin-left:10px;
	font-size:14px;
	font-style:normal;
}

/*-2-*/
.topVisual .main .right .thumb2{
	width:49.5%;
	float:left;
	padding:0;
	margin-bottom:15px;
	/* box-shadow */
	box-shadow:0px 0px 3px 0px #6c6c6c;
}
.topVisual .main .right .thumb2 .photo{
	width:100%;
	height:80px;
	position:relative;
}
.topVisual .main .right .thumb2 .photo img{
	width:100%;
	height:80px;
	object-fit: cover;
}
.topVisual .main .right .thumb2 .photo .triangle::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 2em solid transparent;
    border-left: 2em solid #c9c2cd; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.topVisual .main .right .thumb2 .photo .triangle::after {
    content: "2";
    display: block;
    top: -1px;
    color: #fff; /* 文字色はここで変更 */
    left: 3px;
    position: absolute;
    z-index: 101;
}
.topVisual .main .right .thumb2 .txt{
	height:80px;
	text-align:left;
	position:relative;
	color:#a5a5a5;
	padding:5px;
	font-size:10px;
}
.topVisual .main .right .thumb2 .txt strong{
	color:#494a50;
	font-size:14px;
	font-weight:bold;
}
.topVisual .main .right .thumb2 .txt .category{
	position:absolute;
	bottom:5px;
	right:5px;
}
.topVisual .main .right .thumb2 .txt .category em{
	font-weight:bold;
	margin-left:10px;
	font-size:14px;
	font-style:normal;
}
/*-3-*/
.topVisual .main .right .thumb3{
	width:49.5%;
	float:right;
	padding:0;
	margin-bottom:15px;
	/* box-shadow */
	box-shadow:0px 0px 3px 0px #6c6c6c;
}
.topVisual .main .right .thumb3 .photo{
	width:100%;
	height:80px;
	position:relative;
}
.topVisual .main .right .thumb3 .photo img{
	width:100%;
	height:80px;
	object-fit: cover;
}
.topVisual .main .right .thumb3 .photo .triangle::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 2em solid transparent;
    border-left: 2em solid #615f44; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.topVisual .main .right .thumb3 .photo .triangle::after {
    content: "3";
    display: block;
    top: -1px;
    color: #fff; /* 文字色はここで変更 */
    left: 3px;
    position: absolute;
    z-index: 101;
}
.topVisual .main .right .thumb3 .txt{
	height:80px;
	text-align:left;
	position:relative;
	padding:5px;
	color:#a5a5a5;
	font-size:10px;
}
.topVisual .main .right .thumb3 .txt strong{
	color:#494a50;
	font-size:14px;
	font-weight:bold;
}
.topVisual .main .right .thumb3 .txt .category{
	position:absolute;
	bottom:5px;
	right:5px;
}
.topVisual .main .right .thumb3 .txt .category em{
	font-weight:bold;
	margin-left:10px;
	font-size:14px;
	font-style:normal;
}
/*-4-*/
.topVisual .main .right .thumb4{
	width:49.5%;
	float:left;
	padding:0;
	margin-bottom:15px;
	/* box-shadow */
	box-shadow:0px 0px 3px 0px #6c6c6c;
}
.topVisual .main .right .thumb4 .photo{
	width:100%;
	height:80px;
	position:relative;
}
.topVisual .main .right .thumb4 .photo img{
	width:100%;
	height:80px;
	object-fit: cover;
}
.topVisual .main .right .thumb4 .photo .triangle::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 2em solid transparent;
    border-left: 2em solid #646464; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.topVisual .main .right .thumb4 .photo .triangle::after {
    content: "4";
    display: block;
    top: -1px;
    color: #fff; /* 文字色はここで変更 */
    left: 3px;
    position: absolute;
    z-index: 101;
}
.topVisual .main .right .thumb4 .txt{
	height:80px;
	text-align:left;
	position:relative;
	padding:5px;
	color:#a5a5a5;
	font-size:10px;
}
.topVisual .main .right .thumb4 .txt strong{
	color:#494a50;
	font-size:14px;
	font-weight:bold;
}
.topVisual .main .right .thumb4 .txt .category{
	position:absolute;
	bottom:5px;
	right:5px;
}
.topVisual .main .right .thumb4 .txt .category em{
	font-weight:bold;
	margin-left:10px;
	font-size:14px;
	font-style:normal;
}
/*-5-*/
.topVisual .main .right .thumb5{
	width:49.5%;
	float:right;
	padding:0;
	margin-bottom:15px;
	/* box-shadow */
	box-shadow:0px 0px 3px 0px #6c6c6c;
}
.topVisual .main .right .thumb5 .photo{
	width:100%;
	height:80px;
	position:relative;
}
.topVisual .main .right .thumb5 .photo img{
	width:100%;
	height:80px;
	object-fit: cover;
}
.topVisual .main .right .thumb5 .photo .triangle::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 2em solid transparent;
    border-left: 2em solid #646464; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.topVisual .main .right .thumb5 .photo .triangle::after {
    content: "5";
    display: block;
    top: -1px;
    color: #fff; /* 文字色はここで変更 */
    left: 3px;
    position: absolute;
    z-index: 101;
}
.topVisual .main .right .thumb5 .txt{
	height:80px;
	text-align:left;
	position:relative;
	padding:5px;
	color:#a5a5a5;
	font-size:10px;
}
.topVisual .main .right .thumb5 .txt strong{
	color:#494a50;
	font-size:14px;
	font-weight:bold;
}
.topVisual .main .right .thumb5 .txt .category{
	position:absolute;
	bottom:5px;
	right:5px;
}
.topVisual .main .right .thumb5 .txt .category em{
	font-weight:bold;
	margin-left:10px;
	font-size:14px;
	font-style:normal;
}
.Container{
	margin:0 10px;
	padding:20px 0 20px 0;
}
.Container .ttlTxt{
	border-bottom:1px solid #c8c8c8;
	border-left:2px solid #969696;
	font-size:16px;
	padding:5px 10px 5px 5px;
	color:#505050;
	font-weight:bold;
	text-align:left;
}
.Container .ttlTxt span{
	color:#868686;
	font-size:12px;
	display:block;
}
.Container .leftMain{
	text-align:left;
}
.Container .leftMain .left{
	margin-bottom:20px;
}
.Container .leftMain .left img{
	width:100%;
	height:auto;
}
.Container .leftMain .left ul{
	margin:10px 0 20px 0;
}

.Container .leftMain .category li{
	width:50%;
	float:left;
	background:url(../img/ico_cat.png) no-repeat;
	background-size:15px auto;
	background-position:5px 50%;
	border-bottom:1px dotted #c8c8c8;
}
.Container .leftMain .category li a{
	display:block;
	padding:15px 0px 15px 24px;
}
.Container .leftMain .left .leftLink{
	display:none;
}
.Container .leftMain .left .convMain{
	text-align:center;
}
.Container .leftMain .left .convMain a{
	width:80%;
	font-size:1.5em;
	color:#FFFFFF;
	display:block;
	padding:20px 10px;
	border:2px solid #e84653;
	margin:0 auto;
	background:url(../img/ar_right.png) no-repeat #e84653 right;
	background-size:auto 100%;
	font-weight:bold;
	/*-radius-*/
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.Container .leftMain .right{
	margin-bottom:2px;
}
.Container .leftMain .right .thumb{
	padding:10px 0;
	text-align:left;
	border-bottom:1px solid #c8c8c8;
	position:relative;
}
.Container .leftMain .right .thumb .photo{
	width:65px;
	height:65px;
	float:left;
}
.Container .leftMain .right .thumb .photo img{
	width:65px;
	height:65px;
	object-fit: cover;
}
.Container .leftMain .right .thumb .txt{
	min-height:100px;
	text-align:left;
	position:relative;
	padding:0 0 0 70px;
	color: #333;
}
.Container .leftMain .right .thumb a{
	color:#a5a5a5;
}
.Container .leftMain .right .thumb .txt strong{
	color:#494a50;
	font-size:14px;
	font-weight:bold;
}
.Container .leftMain .right .thumb .txt .category{
	position:absolute;
	bottom:-10px;
	right:5px;
	font-size:14px;
	color:#a5a5a5;
	font-weight:bold;
}
.Container .leftMain .right .thumb .txt .category em{
	font-weight:bold;
	margin-left:10px;
	font-size:14px;
	font-style:normal;
}
.Container .leftMain .right .thumb .rankNum{
	position: absolute;
	color:#FFFFFF;
	top: 10px;
    left: 0;
}
.Container .leftMain .right .thumb .rankNum::before {
    content: "";
    border-bottom: 2.5em solid transparent;
    border-left: 2.5em solid #e84653; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
	color:#FFFFFF;
}
.Container .leftMain .right .thumb .rankNum::after {
    display: block;
    top: -1px;
    color: #fff; /* 文字色はここで変更 */
    left: 3px;
    position: absolute;
    z-index: 101;
}
.Container .leftMain .right .thumb .rankNum em{
	position:absolute;
	z-index:102;
	left:3px;
}
.Container .leftMain .right .thumb .color1::before {
    content: "";
    border-bottom: 2.5em solid transparent;
    border-left: 2.5em solid #aa8a4c; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
	color:#FFFFFF;
}
.Container .leftMain .right .thumb .color2::before {
    content: "";
    border-bottom: 2.5em solid transparent;
    border-left: 2.5em solid #c9c2cd; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
	color:#FFFFFF;
}
.Container .leftMain .right .thumb .color3::before {
    content: "";
    border-bottom: 2.5em solid transparent;
    border-left: 2.5em solid #615f44; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
	color:#FFFFFF;
}
.Container .rightMain{
	margin-bottom:20px;
}
.Container .rightMain .search{
	margin-bottom:30px;
	display:none;
}
.Container .rightMain .search form{
	border:1px solid #c8c8c8;
	background:#FFFFFF;
	/*-radius-*/
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
.Container .rightMain .search form .txt{
	width:80%;
	border:none;
	float:left;
	padding:10px;
	/*-radius-*/
	-webkit-border-top-left-radius: 5px;  
	-webkit-border-top-right-radius: 0px;  
	-webkit-border-bottom-right-radius: 0px;  
	-webkit-border-bottom-left-radius: 5px;  
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 0px;  
	-moz-border-radius-bottomright: 0px;  
	-moz-border-radius-bottomleft: 5px; 
}
.Container .rightMain .search form .submit{
	width:20%;
	border:none;
	float:right;
	cursor:pointer;
	background:url(../img/ico_search.png) no-repeat #e84653 center;
	background-size:20px auto;
	text-indent:-9999px;
	border:none;
	padding:10px;
	/*-radius-*/
	-webkit-border-top-left-radius: 0px;  
	-webkit-border-top-right-radius: 5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-bottom-left-radius: 0px ;  
	-moz-border-radius-topleft: 0px;  
	-moz-border-radius-topright: 5px;  
	-moz-border-radius-bottomright: 5px;  
	-moz-border-radius-bottomleft: 0px;
}
.Container .rightMain .menu{
	margin-bottom:30px;
}
.Container .rightMain .menu li{
	text-align:left;
	border-bottom:1px solid #c8c8c8;
}
.Container .rightMain .menu li a{
	color:#494a50;
	min-height:50px;
	display:block;
	background:url(../img/ico_tab.jpg) no-repeat !important;
	background-size:15px auto !important;
	background-position:97% 50% !important;
}
.Container .rightMain .menu li.photo1{
	height:70px;
	padding:10px 0;
	background:url(../img/img_cv1.jpg) no-repeat left;
	background-size:50px 50px;
	padding-left:60px;
	color:#494a50;
	font-size:14px;
	font-weight:bold;
	display:block;
}
.Container .rightMain .menu li.photo2{
	height:70px;
	padding:10px 0;
	background:url(../img/img_cv2.jpg) no-repeat left;
	background-size:50px 50px;
	padding-left:60px;
	color:#494a50;
	font-size:14px;
	font-weight:bold;
	display:block;
}
.Container .rightMain .menu li.photo3{
	height:70px;
	padding:10px 0;
	background:url(../img/img_cv3.jpg) no-repeat left;
	background-size:50px 50px;
	padding-left:60px;
	color:#494a50;
	font-size:14px;
	font-weight:bold;
	display:block;
}
.Container .rightMain .menu li.photo4{
	height:70px;
	padding:10px 0;
	background:url(../img/img_cv4.jpg) no-repeat left;
	background-size:50px 50px;
	padding-left:60px;
	color:#494a50;
	font-size:14px;
	font-weight:bold;
	display:block;
}
.Container .rightMain .menu li.photo5{
	height:70px;
	padding:10px 0;
	background:url(../img/img_cv5.jpg) no-repeat left;
	background-size:50px 50px;
	padding-left:60px;
	color:#494a50;
	font-size:14px;
	font-weight:bold;
	display:block;
}
.Container .rightMain .pickup{
	margin-bottom:30px;
}
.Container .rightMain .pickup .thumb{
	padding:10px 0;
	text-align:left;
	border-bottom:1px solid #c8c8c8;
	background:url(../img/ico_right.png) no-repeat;
	background-size:8px auto;
	background-position:97% 50%;
}
.Container .rightMain .pickup .thumb .photo{
	width:50px;
	height:50px;
	float:left;
	position:relative;
}
.Container .rightMain .pickup .thumb .photo img{
	width:50px;
	height:50px;
	object-fit: cover;
}
.Container .rightMain .pickup .thumb .txt{
	height:50px;
	text-align:left;
	position:relative;
	padding:0 0 0 55px;
	color:#a5a5a5;
}
.Container .rightMain .pickup .thumb a{
	color:#a5a5a5;
}
.Container .rightMain .pickup .thumb .txt strong{
	color:#494a50;
	font-size:14px;
	font-weight:bold;
}
.Container .rightMain .pickup .thumb .txt .category{
	position:absolute;
	bottom:-5px;
	left:55px;
	font-size:12px;
}
.Container .rightMain .pickup .thumb .txt .category em{
	font-weight:bold;
	margin-left:10px;
	font-size:14px;
	font-style:normal;
}
.Container .rightMain .ranking{
}
.Container .rightMain .rankNum{
	position:absolute;
	top:-5px;
	left:-5px;
	padding: 0 5px;
	background:#e84653;
	color:#FFF;
	/*-radius-*/
	border-radius: 100px;        /* CSS3草案 */  
    -webkit-border-radius: 100px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 100px;   /* Firefox用 */ 
}
.Container .rightMain .cateLink{
	margin:10px 0 30px 0;
	text-align:left;
}
.Container .rightMain .cateLink li{
	width:50%;
	float:left;
	background:url(../img/ico_cat.png) no-repeat;
	background-size:15px auto;
	background-position:5px 50%;
	border-bottom:1px dotted #c8c8c8;
}
.Container .rightMain .cateLink li a{
	display:block;
	padding:15px 0px 15px 24px;
}
.Container .rightMain .cvBtm{
	font-size:1.5em;
	color:#FFFFFF;
	display:block;
	padding:20px 10px;
	border:2px solid #e84653;
	margin:0 auto 25px auto;
	background:url(../img/ar_right.png) no-repeat #e84653 right;
	background-size:auto 100%;
	/*-radius-*/
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.Container .rightMain .moreBtn{
	text-align:right;
	padding:10px 0;
}
.Container .noPost{
	padding:50px 0;
	text-align:center;
	font-size:14px;
}
.Pager{
	padding:15px 0 30px 0;
}
.footerLink{
	padding:0 10px;
}
.footerLink .convMain{
	margin-bottom:20px;
}
.footerLink .convMain dt{
	color:#e84653;
	font-size:1.5em;
	margin-bottom:10px;
	line-height:1em;
	font-weight:bold;
}
.footerLink .convMain a{
	width:80%;
	font-size:1.5em;
	color:#FFFFFF;
	display:block;
	padding:20px 10px;
	border:2px solid #e84653;
	margin:0 auto;
	background:url(../img/ar_right.png) no-repeat #e84653 right;
	background-size:auto 100%;
	font-weight:bold;
	/*-radius-*/
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.footerLink .convSub, .footerLink .menu{
	font-size:12px;
	color:#e84653;
	margin-bottom:25px;
}
.footerLink .menu a{
	color:#494a50;
}
.footerLink .convSub a, .footerLink .menu li{
	margin:0 5px 10px 5px;
	border:1px solid #494a50;
	padding:3px 15px !important;
	text-align:center;
	display: inline-block;
	/*-radius-*/
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}
footer{
	padding:10px 10px 70px 10px;
	text-align:center;
	color:#FFFFFF;
	background:#e84653;
	font-size:10px;
}
footer a{
	color:#FFFFFF;
	display:block;
}
footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.footBan{
    position: fixed;
	right: 0;
    bottom: 10px;
	left:0;
	z-index:1000;
	margin:0 auto; 
}
.footBan a{
	width:80%;
	font-size:1.5em;
	color:#FFFFFF;
    position: relative;
    display: inline-block;
    padding: 15px 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*色*/
    border-radius: 100px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #d27d00;/*線色*/
}
.navigation{
	padding:30px 0;
}

/*-foot stop-*/
.footBtn {
	display:none;
}

/*-pankuzu-*/
#breadcrumb {
}
#breadcrumb ul li {
    display: inline;
    list-style: none;
}
#breadcrumb ul li:first-child:before {
    content: none;
}
#breadcrumb ul li:before {
    content: '›';
    margin: 0 5px 0 0;
}
#breadcrumb ul li > a{
    margin-right: 5px;
    text-decoration: none;  
}
#breadcrumb ul li a:hover {
    text-decoration: underline; 
}
@media screen and (max-width: 480px) {
    #breadcrumb ul li span.e-title{
        display: block;
    }   
}

/*-single-*/
.singleMain{
	text-align:left;
}
.singleMain .ttl{
	font-size:12px;
	margin-bottom:10px;
}
.singleMain .ttl strong{
	font-size:1.5em;
	line-height:1em;
	color:#505050;
	display:block;
	padding:10px 0;
	font-weight:bold;
}
.singleMain .ttl time{
	color:#a5a5a5;
	margin-right:10px;
}
.singleMain .ttl em{
	font-size:14px;
	font-weight:bold;
}
.singleMain .ttl span{
	margin-left:10px;
}
.singleMain .photo{
	width:100%;
	margin:0 auto 30px auto;
	text-align:center;
}
.singleMain .photo img{
	max-width:100%;
	height:auto;
}
.singleMain .comment{
	font-size:15px;
	line-height:1.5em;
	margin-bottom:30px;
	padding:0;
}

/*-sp-*/
.spMenu{
	background:#e84653;
	height:40px;
}
.spMenu .left{
	height:40px;
	width:20%;
	float:left;
	padding:10px 0 0 10px;
}
.spMenu .center{
	width:60%;
	float:left;
	line-height:40px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.spMenu .center a{
	color:#FFFFFF;
}
.spMenu .right{
	width:20px;
	float:right;
	text-align:right;
	margin:10px;
}
.spMenu .right a{
	width:20px;
	height:20px;
	background:url(../img/ico_search.png) no-repeat;
	background-size:20px 20px;
	display:block;
}
#slide_menuL{
	position:relative;
	background:#ffffff;
}
#slide_menuL .main{
	position:absolute;
	background:#ffffff;
	z-index:5000;
	border-bottom:1px solid #e6e6e6;
	font-size:15px;
	text-align:left;
	height:100vh;
	overflow-y:scroll;
	top:0;
	padding-bottom:115px;
}
#slide_menuL .main .ttl{
	background:#e84653;
	color:#FFF;
	font-weight:bold;
	padding:5px 10px;
}
#slide_menuL .main .clBtn, #slide_menuL .main .menu li{
	background:url(../img/ico_right.png) no-repeat;
	background-size:8px auto;
	background-position:97% 50%;
	border-bottom:1px solid #e6e6e6;
}
#slide_menuL .main .clBtn a, #slide_menuL .main .menu li a{
	display:block;
	padding:15px 10px;
}
#slide_menuL li.menu-item{
	background:url(../img/ico_tab.jpg) no-repeat !important;
	background-size:15px auto !important;
	background-position:97% 50% !important;
}
#slide_menuL li.menu-item a{
	display:block;
	padding:15px 10px;
}
#slide_menuL .category{
	border-bottom:1px solid #c8c8c8;
}
#slide_menuL .category li{
	width:50%;
	float:left;
	background:url(../img/ico_cat.png) no-repeat;
	background-size:15px auto;
	background-position:5px 50%;
	border-bottom:1px dotted #c8c8c8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#slide_menuL .category li a{
	display:block;
	padding:15px 0px 15px 24px;
}
#slide_menuR{
	position:relative;
}
#slide_menuR .main{
	position:absolute;
	width:100%;
	background:#f3f3f3;
	z-index:5000;
	padding:5px 10px;
}
#slide_menuR .search{
}
#slide_menuR .search form{
	border:1px solid #c8c8c8;
	background:#FFFFFF;
	/*-radius-*/
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#slide_menuR .search form .txt{
	width:80%;
	border:none;
	float:left;
	padding:10px;
	/*-radius-*/
	-webkit-border-top-left-radius: 5px;  
	-webkit-border-top-right-radius: 0px;  
	-webkit-border-bottom-right-radius: 0px;  
	-webkit-border-bottom-left-radius: 5px;  
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 0px;  
	-moz-border-radius-bottomright: 0px;  
	-moz-border-radius-bottomleft: 5px; 
}
#slide_menuR .search form .submit{
	width:20%;
	border:none;
	float:right;
	cursor:pointer;
	background:url(../img/ico_search.png) no-repeat #e84653 center;
	background-size:20px auto;
	text-indent:-9999px;
	border:none;
	padding:10px;
	/*-radius-*/
	-webkit-border-top-left-radius: 0px;  
	-webkit-border-top-right-radius: 5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-bottom-left-radius: 0px ;  
	-moz-border-radius-topleft: 0px;  
	-moz-border-radius-topright: 5px;  
	-moz-border-radius-bottomright: 5px;  
	-moz-border-radius-bottomleft: 0px;
}
.navfixed { /*-navi-*/
	width:100%;
    position: fixed;
    top: 0px;
    z-index: 4999;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.17) 0px 9px 8px -7px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.17) 0px 9px 8px -7px;
	-moz-box-shadow:rgba(0, 0, 0, 0.17) 0px 9px 8px -7px;
}

/*--hum icon--*/
nav.menu {
	width:25px;
	height:30px;
	cursor:pointer;
	overflow:hidden;
	z-index:9999;
	position:relative;
}
nav .menu1 {
	width:25px;
	height:2px;
	background-color: #fff;
	top:0px;
	position:absolute;
} 
nav .menu2 {
	width:25px;
	height:2px;
	background-color: #fff;
	top:8px;
	position:absolute;
} 
nav .menu3 {
	width:25px;
	height:2px;
	background-color: #fff;
	top:16px; position:absolute;
}
nav .menu1,nav .menu2,nav .menu3{
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out; /* Opera */
	-moz-transition: all 0.5s ease-out; /* Firefox */
	-webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */
	-ms-transition: all 0.5s ease-out; /* IE */
}
nav .menuclick1	{
	top:8px;
	-o-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	-webkit-transform: rotate(405deg);
	-ms-transform: rotate(405deg);
	transform: rotate(405deg);
}
nav .menuclick2	{
	background-color:rgba(255,255,255,0);
}
nav .menuclick3	{
	top:8px;
	-o-transform: rotate(-405deg);
	-moz-transform: rotate(-405deg);
	-webkit-transform: rotate(-405deg);
	-ms-transform: rotate(-405deg);
	transform: rotate(-405deg);
}
}