/*
    
    * {margin: 0; padding: 0;}

div {
  margin: 20px;
}

ul {
  list-style-type: none;
  width: 500px;
}

h3 {
  font: bold 20px/1.5 Helvetica, Verdana, sans-serif;
}

li img {
  float: left;
  margin: 0 15px 0 0;
}

li p {
  font: 200 12px/1.5 Georgia, Times New Roman, serif;
}

li {
  padding: 10px;
  overflow: auto;
}

li:hover {
  background: #eee;
  cursor: pointer;
}

*/



.view_p {
			display:block;
}

.view_m {
            display:none;
}



.entry-title,
.entry-header .entry-meta {
/****** padding-right: 76px;*********/
}
.entry-title {
clear: both;
color: #222;
font-size: 24px;
font-weight: bold;
line-height: 1.5em;
padding:0 0 0.3em 10px;
border-color:deeppink;
border-style:solid;
border-width:0 0 2px 15px;
}



ul.issueposts {
			list-style: none;
			padding: 0;
            /*margin: 0 0 0 -2em;*/
            margin: 3em 0 0 0;
				/*width: calc(100% + (2em * 2));*/
		}

			ul.issueposts li {
				border-top: dotted 2px rgba(160, 160, 160, 0.3);
				margin: 1em 0 0 0;
				padding: 1em 0 0 0;
			}

				ul.issueposts li:first-child {
					border-top: 0;
					margin-top: -2em;
					padding-top: 0;
				}

			ul.issueposts .title {
						font-size: 0.9em;
						margin-top: 0.125em;
					width: 98%;
                    font-weight: bold;
                    border-color:deeppink;
                    border-style:solid;
                    border-width:0 0 2px 15px;
			}

			ul.issueposts .sourceurl_p {
						font-size: 0.65em;
                        text-align:right;
                        margin-top:0.5em;
			}

            ul.issueposts .sourceurl_m {
						font-size: 0.65em;
                        display:none;
			}


            

			ul.issueposts article {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				/*display: flex;*/
						display: block;
				-moz-align-items: -moz-flex-start;
				-webkit-align-items: -webkit-flex-start;
				-ms-align-items: -ms-flex-start;
				align-items: flex-start;
        /*-moz-flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;*/
			}


				ul.issueposts article .contents {
					display: flex;
				}

				ul.issueposts article .image {
					margin-right: 1.5em;
					min-width: 15em;
					width: 15em;
                    /*border: solid 1px #ff0000;*/
				}

					ul.issueposts article .image img {
						width: 100%;
					}

				ul.issueposts article header {
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-ms-flex: 1;

				}

					ul.issueposts article header h3 {
						font-size: 0.7em;
						margin-top: 0.125em;
					}

					ul.issueposts article header .published {
						display: block;
						font-family: "Raleway", Helvetica, sans-serif;
						font-size: 0.6em;
						font-weight: 400;
						letter-spacing: 0.25em;
						margin: -0.625em 0 1.7em 0;
						text-transform: uppercase;
					}


					ul.issueposts article header > :last-child {
						margin-bottom: 0;
					}

                    ul.issueposts article p {
						word-break:break-all;
                        line-height: 1.5em;
                        margin : 0;
						font-size: 0.8em;
					}


			ul.issueposts .actions li{

                    border-top: dotted 0px rgba(160, 160, 160, 0.3);
					margin-top: 0.5em;
					padding: 0;
			}

            
			ul.issueposts .actions li .active{
                    background-color:#ffd800;
			}

            

            
			ul.issueposts .stats {

				/*border: dotted 1px rgba(160, 160, 160, 0.3);*/
				cursor: default;
				list-style: none;
				padding: 0;
                margin: 0;
			}

				ul.issueposts .stats li {
                    border-top: dotted 0px rgba(160, 160, 160, 0.3);
					display: inline-block;
                    font-family: Gulim;
					font-size: 0.7em;
					font-weight: 400;
					letter-spacing: 0.15em;
					line-height: 1;
					margin: 0;
					padding: 0;
					text-transform: uppercase;
                    width:48%;
				}
                
					ul.issueposts .stats li:first-child {
                        text-align:left;
					}
					ul.issueposts .stats li:last-child {
                        text-align:right;
					}

					ul.issueposts .stats li .icon {
						border-bottom: 0;
					}

						ul.issueposts .stats li .icon:before {
							/*color: rgba(160, 160, 160, 0.3);*/
							margin-right: 0.75em;
						}





























        ul.pagenavitt {
			cursor: default;
			list-style: none;
			padding-left: 0;
            margin: 0;
		}

			ul.pagenavitt li {
				display: inline-block;
				vertical-align: middle;
			}

				ul.pagenavitt li:last-child {
					padding-right: 0;
				}

    ul.pagenavitt .button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
		-webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
		-ms-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
		transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
		background-color: transparent;
		border: 0;
		box-shadow: inset 0 0 0 1px rgba(160, 160, 160, 0.3);
		color: #3c3b3b !important;
		cursor: pointer;
		display: inline-block;
		font-family: "Raleway", Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		padding: 0.5em 1.5em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
	}





ul.pagenavitt .button:hover {
			box-shadow: inset 0 0 0 1px #ff0000;
			background-color: #F4F4F4;
			color: #ff0000 !important;
		}

ul.pagenavitt .active {
            color:#ffffff !important;
			background-color: #ff0000;
		}
ul.pagenavitt .disabled {
            color:#ccc !important;
			background-color: rgba(160, 160, 160, 0.3);
		}







@media screen and (max-width: 736px) {
    ul.pagenavitt .button {
        
        font-size: 0.7em;
        height: 3em;
        line-height: 3em;
        padding: 0 1.5em;
    }
}



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

    		.view_p {
                        display:none;
			}

            .view_m {
						display:block;
			}

            ul.pagenavitt {
            margin: 1em 0;


		}



ul.issueposts article .image {
					margin-right: 0;
        width: 100%;
        min-width: 98%;

    }


    
    ul.issueposts article  {
        display: block;
        width: 100%;
        min-width: 100%;
    }


    ul.issueposts article .contents {
        display: block;
    }


    
			ul.issueposts .sourceurl_p {
                        display:none;
			}

            ul.issueposts .sourceurl_m {
						display:block;
                        margin-top:-0.8em;
			}


                ul.pagenavitt .button {
        
        font-size: 0.7em;
        height: 2.5em;
        line-height: 2em;
        padding: 0 1em;
    }


}







/* Tiles #### START ################################################################################################################################### */

	.tiles {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: -2.5em 0 0 -2.5em;
	}


    
.tiles .tilesarticle {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			
					width: calc(50% - 2.5em);
					margin: 0 0 0 2.5em;
            
            padding: 1em 1em 1em 1em ;
		background: #ffffff;
		border: solid 1px rgba(160, 160, 160, 0.3);

		}

		.tiles article1 {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(33.33333% - 2.5em);
			margin: 2.5em 0 0 2.5em;
            
            padding: 3em 3em 1em 3em ;
		background: #efefef;
		border: solid 1px rgba(160, 160, 160, 0.3);

		}	



		* + .tiles {
			margin-top: 2em;
		}

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

			.tiles {
				margin: 0 -2.25em 0 -3.25em;
			}

				.tiles .tilesarticle {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

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

			.tiles {
				margin: 0 -1.25em 0 -1.25em;
			}

				.tiles .tilesarticle {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}





        
		ul.tilesposts {
			list-style: none;
			padding: 0;
		}

			ul.tilesposts li {
				border-top: dotted 1px rgba(160, 160, 160, 0.3);
				margin: 1.5em 0 0 0;
				padding: 1.5em 0 0 0;
			}
            
				ul.tilesposts li:first-child {
					border-top: 0;
					margin-top: 0;
                    
					margin-bottom: -1.5em;
					padding-top: 0;
				}

				ul.tilesposts li:last-child {
					margin-bottom: -1.5em;
				}

			ul.tilesposts article {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: -moz-flex-start;
				-webkit-align-items: -webkit-flex-start;
				-ms-align-items: -ms-flex-start;
				align-items: flex-start;
				-moz-flex-direction: row-reverse;
				-webkit-flex-direction: row-reverse;
				-ms-flex-direction: row-reverse;
				flex-direction: row-reverse;
			}

				ul.tilesposts article .image {
					display: block;
					margin-right: 1.5em;
					min-width: 5em;
					width: 5em;
				}

					ul.tilesposts article .image img {
						width: 100%;
					}


                    ul.tilesposts .title {
                        font-size: 1em;
                        font-weight:bold;
					}

				ul.tilesposts article header {
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-ms-flex: 1;
				}

					ul.tilesposts article header h3 {
						font-size: 0.8em;                        
						letter-spacing: 0.1em;
						margin-top: 0.125em;
                        margin-bottom: 0;
					}

					ul.tilesposts article header .published {
						display: block;
						font-family: "Raleway", Helvetica, sans-serif;
						font-size: 0.6em;
						font-weight: 400;
						letter-spacing: 0.25em;
						margin: -0.625em 0 1.7em 0;
						text-transform: uppercase;
					}

					ul.tilesposts article header > :last-child {
						margin-bottom: 0;
					}





            
			ul.tilesposts .stats {
                
                    /*border: dotted 1px rgba(160, 160, 160, 0.3);*/
				cursor: default;
				list-style: none;
				padding: 0;
                margin: 0;
			}

				ul.tilesposts .stats li {
                    border-top: dotted 0px rgba(160, 160, 160, 0.3);
					display: inline-block;
                    font-family: Gulim;
					font-size: 0.7em;
					margin: 0 0 0 1em;
					padding: 0 0 0 1em;
					text-transform: uppercase;
				}

					ul.tilesposts .stats li:first-child {
						border-left: 0;
						margin-left: 0;
						padding-left: 0;
					}

					ul.tilesposts .stats li .icon {
						border-bottom: 0;
					}

						ul.tilesposts .stats li .icon:before {
							color: rgba(160, 160, 160, 0.3);
							margin-right: 0.75em;
						}






    /* Tiles #### END ################################################################################################################################### */


/* Tag Desgin #### START ################################################################################################################################### */



ul.citylist {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.citylist li {
	display: inline-block;
	padding: 0;
}
ul.citylist li a {
	display: inline-block;
	max-width: 2000px;
	line-height: 28px;
	padding: 0.1em 1.5em;
	background-color: #ffdad6;
	border: 1px solid #D73925;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #333;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}
ul.citylist li a:hover {
	background-color: #D73925;
	border: 1px solid #D73925;
	color: #fff;
}

ul.citylist li .active {
	background-color: #D73925;
	border: 1px solid #AC2925;
	color: #fff;
}




ul.taglist {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.taglist li {
	display: inline-block;
	padding: 0;
}
ul.taglist li a {
	display: inline-block;
	max-width: 2000px;
	height: 28px;
	line-height: 28px;
	padding: 0 1em;
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #333;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}
ul.taglist li a:hover {
	background-color: #3498db;
	border: 1px solid #3498db;
	color: #fff;
}

ul.taglist li .active {
	background-color: #D73925;
	border: 1px solid #AC2925;
	color: #fff;
}



/* Tag Desgin #### END ################################################################################################################################### */





.hide-area{
    display: none;
	font-size:0.7em;
}



.snsshare ul{
	list-style:none;
    
	
}

.snsshare li{
	font-size:0.7em;
	float:left;
	text-align:center;
	width:8em;
    height:3em;
	margin-right:1%;
	margin-bottom:15px;
	border-radius:3px;
}
.snsshare li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
.snsshare li.share-twitter:hover{
	background:#83c3f3;
}
.snsshare li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
.snsshare li.share-facebook:hover{
	background:#4c70ba;
}
.snsshare li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
.snsshare li.share-google:hover{
	background:#e47365;
}
.snsshare li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
.snsshare li.share-hatena:hover{
	background:#4888d4;
}
.snsshare li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
.snsshare li.share-pocket:hover{
	background:#f26f7f;
}
.snsshare li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
.snsshare li.share-line:hover{
	background:#2bd92b;
}

.snsshare li.share-kakao{
	background:#FCB700;
	box-shadow:0 2px #FEA700;
}

.snsshare li.share-kakao:hover{
	background:#FAE101;
}


.snsshare a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
.snsshare a:hover{
	text-decoration:none;
	color:#ffffff;
}





ul.viewhorizontal {
			list-style: none;
			padding: 0;
            display: flex;
}








.subbutton {
    text-align:right;
    padding-top:10px;
}


.modepage {
    font-size:0.9em;
}




				.info_full {
					-moz-flex-direction: column;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
					padding: 0 ;
					border-left: 0;
			border-bottom: solid 3px rgba(160, 160, 160, 0.3);
            margin: 0 0 0 -2em;
				width: calc(100% + (2em * 2));
				}

                

ul.stats_issuelist {

				cursor: default;
				list-style: none;
				padding: 0;
                margin: 0;
			}


ul.stats_issuelist li {
                    
				border: dotted 0px rgba(160, 160, 160, 0.3);
					display: inline-block;
                    font-family: Gulim;
					font-size: 0.7em;
					margin: 0;
					padding: 0 0 0 1.5em;
					text-transform: uppercase;
                    
				}


ul.stats1 {

				/*border: dotted 1px rgba(160, 160, 160, 0.3);*/
				cursor: default;
				list-style: none;
				padding: 0;
                margin: 0;
			}


ul.stats1 li {
                    
					display: inline-block;
                    font-family: Gulim;
					font-size: 0.7em;
					
					
					
					margin: 0;
					padding: 0 0 0 1.5em;
					text-transform: uppercase;
                    
				}





@media screen and (max-width: 480px) {
    .modepage {
    font-size:0.8em;
}



    .snsshare li{
	font-size:0.7em;
	float:left;
	text-align:center;
	border-radius:3px;
    
	width:auto;
    height:auto;
    
	margin-bottom:0;
    padding-left:10px;
    padding-right:10px;
}






}