@charset "UTF-8";


/* すべて */
* {

}

@charset "UTF-8";
/*レスポンシブ用・フォント基本設定*/
@font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	 src: local("YuGothic-Medium"),
		  local("Yu Gothic Medium"),
		  local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	 src: local("YoGothic-Bold"),
		  local("Yu Gothic");
}

html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}

body {
	font-size: 1.6rem;/* 16px */
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}

body {
text-align: center;
margin: 0;
padding: 0;
font-size: small; font-family: Verdana, ＭＳ ゴシック, ＭＳ Ｐゴシック, ヒラギノ角ゴ Pro W3, Osaka-等幅, Osaka, 平成角ゴシック;
line-height: 150%;
background:#ffffff;
word-wrap:break-word;
}

h1 { font-size: medium; font-weight:bold; margin:0; }

h2, h3, h4, h5 { font-size: small; font-weight:bold; margin:0; }


img { border: 0; }

#subwin {
padding: 1em;
background:#ffffff;
text-align: left;
}

#subwin p {
margin: 0 0 1em;
}

.entrydate {
font-size:smaller;
color:#666;
margin: 0 0 1em;
}

.booklog_html {
margin: 10px 0;
}

#map {
width:600px;
height:400px;
margin: 10px 0;
}

dl {
	margin: 0;
}
dl dt {
	float: left;
	width: 18em;
	padding: 10px 0;
	font-weight: bold;
	clear:both;
	line-height: 100%;
}
dl dd {
	padding: 10px 0 10px 18em;
	line-height: 150%;
}

.tsmall {
	font-size:smaller;
	color:#666666;
}

@media only screen and (max-width: 640px) {
  .iframe-responsive {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
  }
  .iframe-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

body {
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 150%;
    color: #333;
}

.calwin {
text-align:left;
width:500px;
}

#subwin {
padding: 1em;
background:#ffffff;
text-align: left;
}



/* 見出し */

h1 {
font-size:350%;
font-family: 'Archivo Black', sans-serif;
margin: 0 0 30px;
}

h1 a {
text-decoration:none;
color:#666;
}

h1 a:hover {
text-decoration:none;
color:#999;
}

h2 { font-size: large; font-weight:bold; }
h3 { font-size: small; font-weight:bold; }


h1 img {
    margin: 0;
    vertical-align: bottom;
}

#bookmark {
width:290px;
margin: 0 5px;
}

#title {
float:left;
width:590px;
}

#banner {
float:right;
margin: 0.8em 0 0;
}

/* リンク */
a { color: #69c; text-decoration: underline; }
a:hover { color: #069; text-decoration: underline; }



/* リンクつき画像 */
img {
    border: none;
}

/* ヘッダ */
#header {
    padding: 30px 25px;
    color: #999;
    height: 70px;
    text-align: left;
}
#header-img {
    height: 23px;
    background-image: url(ring.gif);
    background-attachment: relative;
    background-repeat: repeat-x;
}



/* レイアウト */


#box {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    text-align:left;
    min-height: 100%;
}


#content {
    width: 96%;
    margin: 25px auto 0;
    text-align: left;
}


/* フッタ */
#footer {
    width: 100%;
    margin: 0 auto;
    padding: 1.5em 0;
    border-top: 1px dotted #069;
    color: #222;
    background: #fff;
    text-align: center;
    position: absolute;
    clear: both;
}

#footer br {
    display:none;
}

#db_footer {
    width: 100%;
    margin: 0 auto;
    padding: 1.5em 0;
    border-top: 1px dotted #069;
    color: #222;
    background: #fff;
    text-align: center;
    clear: both;
}

#db_footer br {
    display:none;
}


/* データベース・カレンダー */
select {
padding: 3px;
}
table.monthlyCalendar {
border-collapse: collapse;
margin: 0 40px 0.5em 0;
width: 100%;
border: 1px solid #aaa;
}

table.monthlyCalendar th {   border: 1px solid #ddd;   color: #666;   background-color: #bea4a7;   text-align: center; }
table.monthlyCalendar td {   border: 1px solid #ddd; }
table.monthlyCalendar tbody th.listDay, table.monthlyCalendar tbody th.listWeek {   background-color: #fff;   padding: 0 10px;   width: 1em;   font-weight: normal; }
table.monthlyCalendar tr.Sunday th, table.monthlyCalendar tr.Sunday td{   background-color: #ffe5e5; }
table.monthlyCalendar tr.Saturday td, table.monthlyCalendar tr.Saturday th {   background-color: #e5e5ff; }
table.monthlyCalendar tr.Sunday th{   color: #c00; } table.monthlyCalendar tr.Saturday th {   color: #00c; }
tr.today .listDay { background-color: #fffff0 !important; }
tr.today .listWeek { background-color: #fffff0 !important; }
tr.today .listTitle { background-color: #fffff0 !important; }
table.monthlyCalendar ul {   margin-top:0.2em;   margin-bottom:0.2em; }

.listTitle ul {
list-style-type: none;
margin-left:0px;
padding:0;
}
.listTitle li {
margin-left:5px;
padding-left:57px;
}

.listTitle li.cat {
padding-left:0;
}

.listTitle li img {
vertical-align:text-top;
}

#side ul {
list-style-type: none;
margin:0;
padding:0;
line-height:165%;
}

#side li {
padding-left:55px;
}

.listTitle a { color: #666; text-decoration: underline; }
.listTitle a:hover { color: #999; text-decoration: underline; }

.calendarheader {
font-size: small;
font-weight:bold;
background-color: #cccccc;
text-align: center;
padding: 5px 0;
width: 100%;
}

.calendarlink {
margin: 5px 0;
height: 20px;
width: 100%;
}

/* アイコン */
.books {
background: url(images/books.gif) no-repeat 0 2px;
}
.event {
background: url(images/event.gif) no-repeat 0 2px;
}
.live {
background: url(images/live.gif) no-repeat 0 2px;
}
.news {
background: url(images/news.gif) no-repeat 0 2px;
}
.radio {
background: url(images/radio.gif) no-repeat 0 2px;
}
.release {
background: url(images/release.gif) no-repeat 0 2px;
}
.tv {
background: url(images/tv.gif) no-repeat 0 2px;
}
.movie {
background: url(images/movie.gif) no-repeat 0 2px;
}
.memorial {
background: url(images/memorial.gif) no-repeat 0 2px;
}
.cm {
background: url(images/cm.gif) no-repeat 0 2px;
}
.drama {
background: url(images/drama.gif) no-repeat 0 2px;
}
.theater {
background: url(images/theater.gif) no-repeat 0 2px;
}
.goods {
background: url(images/goods.gif) no-repeat 0 2px;
}

/* アイコン（説明） */
.s_books {
background: url(images/s-books.gif) no-repeat 0 1px;
}
.s_event {
background: url(images/s-event.gif) no-repeat 0 1px;
}
.s_live {
background: url(images/s-live.gif) no-repeat 0 1px;
}
.s_news {
background: url(images/s-news.gif) no-repeat 0 1px;
}
.s_radio {
background: url(images/s-radio.gif) no-repeat 0 1px;
}
.s_release {
background: url(images/s-release.gif) no-repeat 0 1px;
}
.s_tv {
background: url(images/s-tv.gif) no-repeat 0 1px;
}
.s_movie {
background: url(images/s-movie.gif) no-repeat 0 1px;
}
.s_memorial {
background: url(images/s-memorial.gif) no-repeat 0 1px;
}
.s_cm {
background: url(images/s-cm.gif) no-repeat 0 1px;
}
.s_drama {
background: url(images/s-drama.gif) no-repeat 0 1px;
}
.s_theater {
background: url(images/s-theater.gif) no-repeat 0 1px;
}
.s_goods {
background: url(images/s-goods.gif) no-repeat 0 1px;
}

ul.calendarfooter {
list-style-type: none;
margin: 0 0 15px;
padding:0;
text-align:left;
font-size: 120%;
float: right;
width: 86%;
}

.calendarfooter li {
padding: 0 20px;
background: url(log/images/list.gif) no-repeat 0 6px;
float:left;
}

.calendarfooter a { color: #333; text-decoration: none; }
.calendarfooter a:hover { color: #666; text-decoration: none; }

.monthname {
font-weight:bold;
clear:both;
text-align:left;
margin: 0 0 15px;
font-size: 120%;
float: left;
width: 14%;
}

#cal_left {
float:left;
width:220px;
margin:15px 0 0 25px;
}

#cal_right {
float:right;
margin: 5px 15px 0 0;
width:72%;
}

#m_search a { background-image: url(m_search.gif); background-repeat: no-repeat; 
width:220px;
height: 0;
overflow:hidden;
display:block;
margin: 0 0 10px;
padding-top:70px;
font-size: 5px;
}

#m_twitter a { background-image: url(m_twitter.gif); background-repeat: no-repeat; 
width:220px;
height: 0;
overflow:hidden;
display:block;
margin: 0 0 10px;
padding-top:70px;
font-size: 5px;
}

#appstore a { background-image: url(appstore.png); background-repeat: no-repeat; 
width:150px;
height: 0;
overflow:hidden;
display:block;
margin: 0 0 15px;
padding-top:52px;
font-size: 5px;
float:left;
}

#gplay a { background-image: url(gplay.png); background-repeat: no-repeat; 
width:150px;
height: 0;
overflow:hidden;
display:block;
margin: 0 10px 15px;
padding-top:52px;
font-size: 5px;
float:left;
}

#m_search a:hover {
    background-position: 0 -70px; 
}

#m_edit a:hover {
    background-position: 0 -70px; 
}

#m_twitter a:hover {
    background-position: 0 -70px; 
}

#appstore a:hover {
    background-position: 0 -52px; 
}

#gplay a:hover {
    background-position: 0 -52px; 
}

#db_left {
float:left;
width:220px;
margin:10px 0 10px 20px;
position: relative;
font-size:95%;
line-height: 1.7;
}

#cal_twitter { 
clear:both;
}

#db_right {
margin: 20px auto;
width: 95%;
}

#db_main {
margin: 25px auto;
width: 96%;
}

#sidetitle {
background-image: url(http://www.arashic.info/log/images/db_title.gif); background-repeat: no-repeat; 
height: 0;
overflow:hidden;
display:block;
margin: 0;
padding-top:40px;
position: relative;
}

#side {
    margin: 10px 15px 10px 0;
    background: none;
}

/* SNS */
#sns_box {
position:relative;
margin:30px 0 60px;
}
#sns_search {
position:absolute;
left:0px;
overflow:hidden;
width:280px;
}
#sns_twitter {
position:absolute;
left:0px;
overflow:hidden;
width:100px;
}
#sns_google {
position:absolute;
left:100px;
width:100px;
}
#sns_facebook {
position:absolute;
left:170px;
width:160px;
overflow:hidden;
}
#sns_hatena {
position:absolute;
left:330px;
overflow:hidden;
width:70px;
}
#sns_mixi {
position:absolute;
left:390px;
overflow:hidden;
width:80px;
}
#sns_rss {
position:absolute;
left:470px;
overflow:hidden;
width:80px;
}

#g_search {
width:350px;
}

.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important;
  width: auto;
}

/*    Twilog plugin : Plugin Twilog -----------------------------------------------------------------------------------------*/div.tl-tweet {    margin: 0px 0px 5px;    padding: 0;}p.tl-text {    margin: 5px 0 0;    font-size: 1em;    overflow: hidden; }p.tl-posted {    margin: 0 5px 0;    text-align: right;    font-size: 0.8em;    color: #aaa;    border-bottom: dashed 1px #ccc; } 

/* 検索ボックス */
#searchform {
	width: 200px;
	background: url(http://www.arashic.info/log/images/input.gif) left top no-repeat; 
	display: block;
	height: 24px;
	position: relative;
}
#keywords	{
	width: 156px;
	position: absolute;
	top: 3px;
	left: 12px;
	border: 1px solid #FFF;
}
#searchBtn	{
	position: absolute;
	top: 3px;
	left: 174px;
}

/* カレンダー */
#loading {
position: absolute;
top: 5px;
right: 5px;
}
#calendar {
width: 100%;
margin: 0 auto;
}

#ad_area {
margin:20px 30px;
display:block;
}

#ad_iphone {
display:none;
}

#ad_android {
display:none;
}

/* モバイル表示 */
@media only screen and (max-width: 640px) {

/* 見出し */

h1 {
font-size:250%;
font-family: 'Archivo Black', sans-serif;
margin:0 0 3%;
}

/* ヘッダ */
#header {
    padding: 15px 15px 30px; /* 変更 */
    color: #999;
    height: 100px;
    text-align: left;
line-height:1;
}

#sns_box {
position:relative;
margin:0 0 60px;
}

/* レイアウト */

#box {
    width: 100%; /* 変更 */
    margin: 0 auto;
    padding: 0 0 25px 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    text-align: left;
    background-color: #fff;
}

#content {
    width: 100%; /* 変更 */
    padding: 5% 0; /* 変更 */
    clear:both;
}

#content p {
    width: 96%;
    margin: 2% auto;
}

#content p br {
    display: none;
}

/* フッタ */
#footer {
    width: 100%; /* 変更 */
    margin: 0 auto;
    padding: 1.5em 0;
    border-top: 1px dotted #069;
    color: #222;
    background: #fff;
    text-align: center;
    clear: both;
}

#footer br {
    display:block;
}

#db_footer {
    width: 100%; /* 変更 */
    margin: 0 auto;
    padding: 1.5em 0;
    border-top: 1px dotted #069;
    color: #222;
    background: #fff;
    text-align: center;
    clear: both;
}

#db_footer br {
    display:block;
}

#cal_left {
display:none;
}

#cal_right {
float:left;
margin:0 5px;
width:98%;
}

#cal_twitter { 
clear:both;
display:none; /* 追加 */
}

/* SNS */
#sns_hatena {
display:none;
}
#sns_mixi {
display:none;
}

/* カレンダー */
	#calendar {
		width: 98%; /* 変更 */
		margin: 0 auto;
		}

#ad_area {
display:none;
}

#ad_iphone {
display:none;
}

#ad_android {
display:block;
}

}

#subwin {
padding: 1em;
background:#ffffff;
text-align: left;
}

.entrydate {
font-size:smaller;
color:#666;
}

.entrydate span {
margin:0 2%;
}

.booklog_html {
margin: 10px 0;
}

#map {
width:600px;
height:400px;
margin: 10px 0;
}

dl {
	margin: 0;
}
dl dt {
	float: left;
	width: 18em;
	padding: 10px 0;
	font-weight: bold;
	clear:both;
	line-height: 100%;
}
dl dd {
	padding: 10px 0 10px 18em;
	line-height: 150%;
}

.tsmall {
	font-size:smaller;
	color:#666666;
}

blockquote {
    position: relative;
    padding: 10px 15px 10px 60px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 15px;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    color: #cfcfcf;
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

.amachazl-powered-date {
    display: none;
}

@media only screen and (max-width: 640px) {
  .iframe-responsive {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
  }
  .iframe-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

blockquote {
    margin: 1% 0;
}
}

.ad_728 {
display: block;
margin: 30px 0 0;
}

.ad_320 {
display: none;
}

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

.ad_728 {
display: none;
}

.ad_320 {
display: block;
margin: 20px 0 0;
}

}