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

@import url('/common/css/Hobonichi-Icons-v2.min.css');

a{
	margin: 0px;
	padding: 0px;
	position: relative;
}

a[target="_blank"]::after{
    margin: 0 3px 0 1px;
    font-family:'Hobonichi-Icons'!important;
    content: "\e914";
    font-size: 85%;
    position: relative;
    top: -3px;
}

ul,li{ margin: 0; padding: 0; }
body {
	background-image:url(images/back3.jpg);
	background-attachment: fixed; 
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing:2px;
	color: #000000;
	background-repeat: no-repeat;
	background-position: center bottom;}
	
#wrapper{
	margin: 0 auto;
	background-image:url(images/base.gif); 
	text-align: center;
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment:fixed;}

.date {
	font-size: 12px;
	letter-spacing:1px;
}

.c {
	font-size: 11px;
	letter-spacing:0px;
}


.midashi {
	font-size: 23px;
	letter-spacing:2px;
	font-weight:bold;
	color:#0C007F;
	font-family:Arial, Helvetica, sans-serif;
}

.komidashi {
	font-size: 16px;
	letter-spacing:2px;
	font-weight:bold;
	color:#0C007F;
	font-family:Arial, Helvetica, sans-serif;
}

.archive {
	font-size: 11px;
	letter-spacing:1px;
	font-weight:bold;
	line-height: 1.4;
	font-family:Arial, Helvetica, sans-serif;
}
.head_sp{ display:none;}


/*　リンク　*/

a:link{ color: #D31C24; text-decoration: none; }
	 
a:visited{ color: #666666; text-decoration: none; }
	 
a:hover{ color: #0C007F; text-decoration: none; }


/*スマホ* --------------------------------------------------------*/
@media only screen and (max-width: 479px) {
		body, #wrapper{width:99%;background-color:#fff; background-image : none; margin: 0 auto;}
		img{max-width:100%;height:auto;}
		.rss_content{width:95%; margin: 0 auto;}
		.honmon{width:90%; margin:0 auto;}
		.head{width:100%; margin: 0 auto;}
		.navi{width:100%; margin: 0 auto;}
		.head_sp{width:100%; margin: 0 auto; display:block;}
		.head_pc{ display:none;}
		.number{padding-bottom:15px; align-content:center;}
		.ytb{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.ytb iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
		}