/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20171010
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

body {
	min-width: 320px;
	word-wrap: break-word;
	background-color: #fff;
	padding-top: 8px;
}

.top-link-more a{
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 16px;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	width: 280px;
	margin: 20px auto 40px auto;	
	color: #fff;
	background: #262126;
}
.top-link-more a:hover {
	color: #fff;
	background: #ff322f;
	transition : 0.5s;
}
.top-wbox-t {
margin: 0;
padding: 0;
}

.top-wbox-t #search {
margin-bottom: 20px;
}
/*--------------------------------
各フォント設定
---------------------------------*/
/*基本のフォントサイズ*/
p, /* テキスト */
.st-kaiwa-hukidashi, /* ふきだし */
.yellowbox, /* 黄色ボックス */
.graybox, /* グレーボックス */
.redbox, /* 薄赤ボックス */
#topnews .clearfix dd p, /* 一覧文字 */
.post ul li, /* ulリスト */
.post ol li, /* olリスト */
#comments #respond, /* コメント */
#comments h4, /* コメントタイトル */
.post h5, /* H5 */
.post h6 /* H6 */
 {
	font-size: 16px;
	color: #262126;
	line-height: 28px;
	font-weight: 500;
	font-family:Roboto ,"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-wrap: break-word;
	word-break: normal;
}
a,strong,span {

	font-family:Roboto ,"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.vasb_fb_like_text {
	color: #fff;
}
/* リンクにマウスオーバーした時の色 */
a:hover {
	color: #0088aa;
	text-decoration: none;
}


a {
	color: #0066cc;
	text-decoration: underline;
}


.pctopnews a,.kanren a {
	text-decoration: none;
	color: #333;
}

#toc_container {

}

/* 記事タイトル下 */
.blogbox p {
	font-size: 14px;
	margin: 0px;
	color: #999;
	line-height: 1.4;
}

.blogbox {
	margin-bottom: 20px;
	padding: 0px;
}

/*投稿のカテゴリ*/
.post .st-catgroup {
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0 0 20px 0;
}

.catname {
	font-size: 13px!important;
	line-height: 1em;
	color: #999;
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
	background:#fff;
	border: 1px solid #ccc;
}
.catname2 {
	font-size: 13px!important;
	line-height: 1em;
	color: #999;
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
	background:#eee;
	border: 1px solid #eee;
}

.post .st-catgroup a {
	text-decoration:none;
	color:#000;
}

.post .st-catgroup a:hover {
	opacity:0.5;
}

header .sitename {
	padding: 0px;
}
/*ブログ名の下のキャプション */

header h1 {
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	clear: both;
}

header .descr {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0px;
	line-height: 20px;
	padding-bottom: 0px;
	padding-top: 10px;
	text-align: left;
	clear: both;
}

/* 記事タイトル */
.entry-title {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size: 24px;
	line-height: 32px;
	color: #333;
	margin-bottom: 0px;
}

/* 中見出し */

h2 {
	position: relative;
	background: #fff;
	color: #ff322f;
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 16px;
	margin-top: 32px;
	padding-top: .75em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0em;
	border-top: 1px solid #ff322f;
	border-bottom: 0px;
}

/*小見出し*/

.post h3 {
	font-size: 18px;
	line-height: 27px;
	margin: 32px 0 16px 0;
	color: #333333;
	line-height: 27px;
	background-repeat: no-repeat;
	background-position: left center;

	position: relative;
	padding: 0 0 0 2em;
	border-bottom: 0px;
}
.post h3::before,
.post h3::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.post h3::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(150, 150, 150, .5);
}
.post h3::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(210, 210, 210, .5);
}



    .post h4 {
	color: #333333;
	margin-bottom: 16px;
	margin-top: 10px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 0px;
	font-size: 16px;
	border-bottom: 1px #999 dashed;
	background-color: #fff;
    }

/* 引用 */
.post blockquote {
	background-color: #f2f2f2;
	background-image: url(../stinger7/images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.wp-caption-text a, 
.wp-caption-text {
	font-size: 14px;
	color: #999;
}

/* サイドバーの見出し */
#side aside h4 {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0;
	margin: 0px;
	line-height: 28px;
}

#side aside h4.menu_underh2 {
	padding-left:0;
}
#side h5 {
	font-size:15px;
	margin-bottom:5px;
}

.top-wbox-t{
width: 728px;
}
.pc-midashi {
	color: #262126;
	font-size: 20px;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 10px;
}
.pc-midashi span {
	display: block;
	color: #ccc;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	padding-top: 5px;
}
/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（1048px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 1048px) {
header {
		margin-bottom: 16px;
	}
main {
		margin:0 auto;
		width: 736px;
	}
.post {
		width: 728px;
}

/*-- ここまで --*/
}



/*--------------------------------
コメント
---------------------------------*/
#resp {
	margin: 15px 0 0 0;
	color: #fff;
	background: #3D7A8A;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0px;
	text-align: center;
	border-radius: 0px;
	text-decoration: none;
	display: block;
}
#reply-title {
	display: none;
}

#comments{
	background-color: none;
        padding: 20px;
	margin-bottom:20px;
	font-size: 14px;
	border-bottom: 1px solid #999;
}
.logged-in-as {
  line-height: 18px;
}
#comments p{
	font-size: 16px;
	line-height: 20px;
}
ol.commets-list {
	padding: 0px;
	list-style-position: inside;
	list-style-type: decimal;
}

ol.commets-list li {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
	list-style-type: decimal;
}
ol.commets-list li p {
	font-size: 14px;
	font-weight: normal;
}
div.comment-info {
	line-height: 14px;
	margin-bottom: 2px;
}
cite.comment-author {
    color: #46AB92;
}
.comment-form-author {
	margin-bottom: 10px;
}
.comment-form-comment {
	margin-bottom: 10px;
}
.comment-form-comment label {
	display: block;
	margin-bottom: 5px;
}
/* 必要のないものを削除 */
p.comment-notes,
p.comment-form-email,
p.comment-form-url,
p.form-allowed-tags{display:none;} textarea#comment{
  width: 90%;
}
/*--------------------------------
記事下アドセンス
---------------------------------*/
#adsense-bottom {
	padding: 20px;
	width: 688px;
	margin: 0px;
	background: #fff;
/* box-shadow */
box-shadow:0px 0px 3px 2px #ddd;
-moz-box-shadow:0px 0px 3px 2px #ddd;
-webkit-box-shadow:0px 0px 3px 2px #ddd;
}
#adsense-left {
	float:left;
}
#adsense-right {
	float:right;
}
/*--------------------------------
メンバー紹介
---------------------------------*/
.member-box {
	border-bottom: 1px dashed #ccc;
	text-align: left;
margin-bottom: 20px;
}
.member-img {
	float: left;
	padding-right: 20px;
}
.member-img img {
	border-radius: 20px;
}
.member-meta {
	text-align: left;
	font-size: 48px;
}
.member-meta a {
	margin-right: 5px;
	color: #ccc;
}
.member-meta a:hover {
	color: #999;
	transition : 0.5s ;
}
.member-prof {
	
}
.member-name {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.member-title {
	font-size: 12px;
	font-weight: normal;
	color: #333;
}
.member-txt {
	padding-top: 20px;
	clear: both;
}

/*--------------------------------
関連記事表示部分
---------------------------------*/
.kanren {
	
}

.kadomaru img{
	border-radius:100px;
}

/* タイトル名 */
.kanren dd h5 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
.kanren dd h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}

.kanren dl.mbtopnews dt {
	float: left;
	width: 130px;
}

.kanren dl.mbtopnews dt img {
	width: 130px;
}

.kanren dl.mbtopnews dd {
	padding-left: 140px;
}

.kanren dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}

.kanren dl p {
	margin-bottom: 0px;
}

.kanren dl:last-child {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}

/* 抜粋文字 */
.kanren .clearfix dd p {
	font-size: 13px;
	color: #666;
	line-height: 18px;
}

.kanren .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}

.kanren .clearfix dd h5 a:hover {
	color: #b22222;
}

/*--------------------------------
人気記事表示部分
---------------------------------*/
#popular,#popular-sma {
	padding: none;
}

/* タイトル名 */
#popular dd h5,#popular-sma dd h5 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 10px;
line-height: 140%;
}

#popular dt {
	float: left;
	width: 145px;
}

#popular dt img {
	width: 145px;
}

#popular dd {
	padding-left: 155px;
}
#popular-sma dt {
	float: left;
	width: 130px;
}

#popular-sma dt img {
	width: 130px;
}

#popular-sma dd {
	padding-left: 140px;
}

#popular dl,#popular-sma dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}

/* 抜粋文字 */
#popular .clearfix dd p {
	font-size: 13px;
	color: #666;
	line-height: 18px;
}

#popular .clearfix dd h5 a,
#popular-sma .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}

#popular .clearfix dd h5 a:hover,
#popular-sma .clearfix dd h5 a:hover {
	color: #b22222;
}

#popular .wpp-views{
	padding: 4px 8px;
	color: #333;
	background-color: #eee;
	font-size: 12px;
	font-weight: bold;
	border-radius: 2px;
	border: 1px solid #999;
	display: block;
}

#most-view,#most-view2 {
width: 728px;
margin-bottom: 20px;
}
#most-view3 {

}

#most-view dl {
width: 240px;
float:right;
position: relative;
margin-bottom: 3px;
}
#most-view dl:nth-of-type(n+4) {
float:left;
margin-right: 4px;
}
#most-view dl:nth-child(6) {
float:left;
margin-right: 0px;
}


#most-view2 dl {
width: 240px;
float:left;
position: relative;
margin-right: 4px;
margin-bottom: 3px;
}

#most-view2 dl:nth-child(3n) {
margin-right: 0px;
}

#most-view dl dd,#most-view2 dl dd {
position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0px;
color: #262126;
	background-color: rgba(255,255,255,0.7);

}
#most-view dl dd div,#most-view2 dl dd div {
padding:8px;
font-size: 12px;
line-height: 140%;
}
#most-view dl dd div a,#most-view2 dl dd div a {
color: #262126;
text-decoration: none;
font-weight: bold;
}
#most-view dl dd span,#most-view2 dl dd span {
color: #ff322f;
font-weight: bold;
font-size: 12px;
float: right;
display: block;
}

#most-view dl:first-child {
width: 484px;
float:left;
margin-bottom: 2px;
}

#most-view {
  counter-reset: ranking;
  list-style-type: none;
}
#most-view dt {
  clear: both;
  position: relative;
  overflow: hidden;

}
#most-view dt::before {
  counter-increment: ranking;
  content: counter(ranking);
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  color: #fff;
  line-height: 1.5em;
  font-size: 14px;
}

/*--------------------------------
記事タイトル下
---------------------------------*/

.post-day {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: #ff595e;
	text-align: center;
	margin-right: 10px;
}
.edit-day {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: #3ab795;
	text-align: center;
	margin-right: 10px;
	margin-left: 20px;
}
.post-author {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: #0FA3B1;
	text-align: center;
	margin-right: 10px;
	margin-left: 20px;
}
.blogbox2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	color: #000;
	font-weight: 500;
}
.blogbox2-sma {
	padding: 8px;
	margin: 24px 0;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	line-height: 1em;
}

/*記事所要時間*/
.dokuryou {
    color: #888;
    font-size: 12px;
}
.dokuryou span {
    color: #777;
    font-size: 16px;
    font-weight: bold;
    padding: 0 3px;
}


.side-bn img {
	width: 100%;
}

/*--------------------------------
タグクラウド
---------------------------------*/
a[class^="tag-link-"]  {
	font-size: 13px!important;
	line-height: 1em;
	color: #1a1a1a;
	display: inline-block;
	border:1px #1a1a1a solid;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 5px;
	border-radius: 4px;
	text-decoration: none;
	opacity:0.5;
}

/*--------------------------------
/* 記事内リンク
---------------------------------*/

.journal-link{
	padding: 4px 8px;
	color: #46AB92;
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 0px;
	line-height: 1.0;
	margin-right: 8px;
	margin-bottom: 8px;
	display: inline-block;
	border: 1px solid #46AB92;
	border-radius: 4px;
}
.other-link{
	padding: 4px 8px;
	color: #46AB92;
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 0px;
	line-height: 1.0;
	margin-right: 8px;
	margin-bottom: 8px;
	display: inline-block;
	border: 1px solid #46AB92;
	border-radius: 4px;
}

.dfad_first {
	float: left;
}

.dfad_last {
	float: right;
}

/*--------------------------------
店舗紹介
---------------------------------*/
.shop_info {
	border-top: 1px solid #262126;
	border-bottom: 1px solid #262126;
	padding: 10px;
	margin: 20px 0px 5px 0px;
	background-color: #fff;
	line-height: 1.2;
}
.shop_info_name {
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	padding-bottom: 8px;
	color: #3D7A8A;
	border-bottom: 1px dashed #262126;
}
.shop_info_title {
	font-size: 13px;
	line-height: 1.6;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #3D7A8A;
	display: inline-block;
}
.shop_info_txt {
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	font-weight: 500;
	margin: 0px 0px 4px 0px;
	display: inline-block;
}
.shop_info p:last-child {
	margin: 0px;
}
.shop_attention {
	font-size: 12px;
	color: #B9C297;
	text-align: center;
	margin-bottom: 16px;
}
/*--------------------------------
フォト紹介
---------------------------------*/
.post-photo {
	margin-bottom: 20px;
}
.photo_info {
	border: 1px solid #999;
	padding: 20px;
	margin: 20px 0px;
}
.photo_info_name {
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	color: #63c031;
	border-bottom: 1px dashed #ccc;
}
.photo_info_title {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #63c031;
}
.photo_info_txt {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}
.photo_info p:last-child {
	margin: 0px;
}
.photo_attention {
	color: #999;
}
.photo_link {
}
.photo_link a{
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 8px 16px;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	width: 280px;
	margin: 40px auto;	
	color: #fff;
	background: #2c7cde;
}
.photo_link a:hover {
	color: #fff;
	background: #eb2d7e;
}

/*--------------------------------
サイドバーFOLLOW
---------------------------------*/

.side-follow {
	padding-bottom: 15px;
}
.side-follow div {
	width: 32%;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 2% 0 0;
}
.side-follow div:last-child {
	width: 32%;
	padding: 0;
	float: right;
}
.side-follow div a{
	display: block;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	padding: 8px 0;
	font-weight: bold;
	border-radius: 5px;
}
.side-follow div a i {
	font-size: 30px;
	display: block;
	margin: 0;
	padding: 0;
}
.button-tw a{
	background: #00aced;
	color: #fff;
}
.button-fb a{
	background: #3c5a98;
	color: #fff;
}
.button-rss a{
	background: #ffb53c;
	color: #fff;
}
.button-tw a:hover,.button-fb a:hover,.button-rss a:hover {
	opacity:0.5;
	transition : 0.5s;
}

/*--------------------------------
トップに戻るリンク
---------------------------------*/

#page-top{
	margin: 0px auto;
}
#page-top a{
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding: 16px;
	text-decoration: none;
	text-align: center;
	margin: 0px auto 40px auto;	
	color: #fff;
	background: #999;
}
#page-top a:hover {
	color: #fff;
	background: #ccc;
}

/*--------------------------------
スマホのフッターメニュー
---------------------------------*/
ul.footer_menu {
	margin: 0 auto;
	padding: 3px 0;
	width: 100%;
	overflow: hidden;
	display: table;
}

ul.footer_menu li {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align:middle;
	list-style-type: none;
	font-size: 10px;
}

ul.footer_menu li a i{
	font-size: 24px;
}

ul.footer_menu li a {
	border: none;
	display: block;
	color: #666;
	text-align: center;
	text-decoration: none;
}

.footer_menu {
	position: fixed;
	bottom: 0;
	left:0;
	background: #fff;
	z-index: 999;
	-moz-opacity: 0.9;
	opacity: 0.9;
}



.pctopnews dl dt {
	position: relative;
}
.cate-icon {
	position: absolute;
	top: 0;
	right: 0;
	font-size:12px;
	lign-height: 1em;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding: 4px 12px;
	z-index: 9999;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
.cate-icon-sma {
	font-size:12px;
	width: 100%;
	padding: 6px 0  4px 0;
	color:#FFF;
	text-align:center;
	lign-height: 0;
}
/*カテゴリーをクラス名にして存在する数だけ用意します。*/
#outing {
	background-color: rgba(143,195,31,0.9);
}
#gift {
	background-color: rgba(212,158,19,0.9);
}
#useful {
	background-color: rgba(122,106,86,0.9);
}
#news, #sale {
	background-color: rgba(0,162,154,0.9);
}
#city, #weekly-akashi {
	background-color: rgba(207,25,27,0.9);
}
#matome, #monthly-akashi {
	background-color: rgba(3,110,184,0.9);
}
#challenge {
	background-color: rgba(210,18,83,0.9);
}
#event {
	background-color: rgba(46,167,224,0.9);
}
#gourmet {
	background-color: rgba(248,182,45,0.9);
}
#people {
	background-color: rgba(178,130,71,0.9);
}
#photo {
	background-color: rgba(137,137,137,0.9);
}
#management{
	background-color: rgba(89,87,87,0.9);
}
#openclose {
	background-color: rgba(234,85,20,0.9);
}
#guest {
	background-color: rgba(137,137,137,0.9);
}


.pctopnews {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.pctopnews dl {
	float: left;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0;
	border-bottom: 1px solid #B9C297;
	width: 240px;
	border-radius: 0px;
	background-color : #fff;

}

.pctopnews dl.clearfix:hover {
	background-color : #f8ffff;
	cursor : pointer ;
	transition : 0.5s ;
}
.pctopnews dl.clearfix:hover h3 {
	color : #ff322f;
	transition : 0.5s ;
}
.pctopnews dl:first-child {
}
.pctopnews dl:last-child {

}
.pctopnews dt {
	width: 240px;
	margin-bottom: 0;
}
.pctopnews dt img {
	width: 100%;
}
.pctopnews .blog_info p {
	font-size: 14px;
	color: #999;
	font-weight: normal;
	padding: 5px 0;
}
.pctopnews dd {
	padding: 10px;
}
.pctopnews dd h3 {
	line-height: 140%;
	margin: 0 0 5px 0;
	color: #333;
	height:75px;
	overflow: hidden;
}
.pctopnews dd p {
	font-size: 14px;
	line-height: 140%;
	color: #333;
	font-weight: 500;
}
.pctopnews dd .smanone {
	height: 40px;
	margin-bottom: 10px;
	overflow: hidden;
	color: #666;
}
.views {
	text-align: right;
	color: #B9C297;
	font-size: 12px;
	font-weight: 700;
}

.shares {
	font-weight: 700;
	color: #ff322f;
}
.top-comment {
	font-weight: bold;
	color: #3D7A8A;
}

.smatitle {
margin-bottom: 16px;
margin-top: 24px;
border-left: solid #ff322f 3px;
color: #ff322f;
padding-left: 8px;
}


.author {
	font-size: 14px;
	margin: 15px 0px;
}
.author p{
	font-size: 14px;

}

.pickup-link p {
	font-size: 13px!important;
	line-height: 1em;
	color: #fff;
	display: inline-block;
	background: #ff322f;
	white-space: nowrap;
	padding: 8px 8px;
	margin: 0px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
}
.pickup-link a {
	font-size: 13px!important;
	line-height: 1em;
	color: #333;
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 8px;
	border-radius: 8px;
	text-decoration: none;
	background-color: #ddd;

}
.pickup-link span.twitter a {
	background: #00aced;
	margin-right: 4px;
	color: #fff;
	font-weight: bold;
	float: right;
	border-radius: 8px;
}
.pickup-link span.facebook a {
	background: #3c5a98;
	margin-right: 4px;
	color: #fff;
	font-weight: bold;
	float: right;
	border-radius: 8px;
}
.pickup-link span.rss a {
	background: #ffb53c;
	color: #fff;
	font-weight: bold;
	float: right;
	border-radius: 8px;
}
.pickup-link a:hover {
	background: #fff;
	display: inline-block;
}


.sns-link,.sns-link-sma {
	padding-bottom: 8px;
	width: 50%;
	margin: 0px auto;
}
.sns-link span,.sns-link-sma span {
	width: 30%;
	text-align: center;
	margin: 0;
	padding: 0 5% 0 0;
	float: left;
}
.sns-link span:last-child,.sns-link-sma span:last-child {
	width: 30%;
	padding: 0;
	float: right;
}
.sns-link span a{
	display: block;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	padding: 8px;
	font-weight: bold;
	border-radius: 30px;
}
.sns-link-sma span a{
	display: block;
	font-size: 30px;
	text-decoration: none;
	text-align: center;
	padding: 0;
	font-weight: bold;
	border-radius: 0;
}
.sns-link .twitter a{
	background: #00aced;
	color: #fff;
}
.sns-link .facebook a{
	background: #3c5a98;
	color: #fff;
}
.sns-link .rss a{
	background: #ffb53c;
	color: #fff;
}
.sns-link .twitter a:hover,sns-link .facebook a:hover,sns-link .rss a:hover {
	opacity:0.5;
	transition : 0.5s;
}
.sns-link-sma .twitter a{
	color: #00aced;
	background: #fff;
}
.sns-link-sma .facebook a{
	color: #3c5a98;
	background: #fff;
}
.sns-link-sma .rss a{
	color: #ffb53c;
	background: #fff;
}
.sns-link-sma .twitter a:hover,sns-link-sma .facebook a:hover,sns-link-sma .rss a:hover {
	opacity:0.5;
}

/* チャットレイアウト */
.chat-box {
    width: 100%;
    height: auto;
    overflow: hidden; /*floatの解除*/
    margin-bottom: 20px;
}
.chat-face {
    float: left;
    margin-right: -120px;
}
.chat-face img{
    border-radius: 20px;
}
.chat-area {
    width: 100%;
    float: right;
}
.chat-hukidashi {
    display: inline-block; /*コメントの文字数に合わせて可変*/
    padding: 15px 20px;
    margin-left: 120px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative;
    background-color: #D9F0FF;
}
.chat-hukidashi:after {
    content: "";
    position: absolute;
    top: 50%; left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #D9F0FF transparent transparent;
}
.someone {
    background-color: #BCF5A9;
}
.someone:after {
    border-color: transparent #BCF5A9 transparent transparent;
}

/*投稿タグ*/
.tagst {
	font-size:14px;
	color:#ccc;
	padding: 0 0 20px 0;
}
.tagst a {
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	display: inline-block;
	white-space: nowrap;
	padding: 4px;
	margin-top: 2px;
	text-decoration: none;
	background:#3D7A8A;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.tagst a:hover {
	background:#ff322f;
	transition: 0.5s ;
}

.category-newpost,.category-newpost ul li {
	font-size:16px;
}
.category-newpost {
	margin: 0;
	padding: 0;
}
.category-newpost ul {
	margin: 0 0 0 4px;
}
.category-newpost,.category-newpost ul li {
	margin: 0 0 4px 0;
	padding: 0;
}

/* 関連記事の文字 */
.post h4.point {
	margin-bottom:40px;
	margin-top:20px;
	position:relative;
	border-bottom:solid 1px #ff322f;
	padding:20px 15px 10px;
	background-color:transparent;
}
.post h4 .point-in {
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	background:#ff322f;
	color:#fff;
	position:absolute;
	top:15px;
	left:0;
}
/*--------------------------------
検索フォーム
---------------------------------*/
#search {
	padding-bottom: 0px;
	position: relative;
	width: 100%;
}

#searchform {
	border:#ccc 1px solid;
}

#s {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	height: 34px;
	color: #333;
	font-size: 14px;
	border-radius: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 10;
	padding: 10px 65px 10px 10px;
	width: 100%;
	box-sizing: border-box;
}

#searchsubmit {
	border-radius: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 34px;
	z-index: 20;
}

*:first-child + html #searchsubmit {
	top: 1px;
}

/* -----------------------------------------------------------------------
    カテゴリ別新着記事一覧
----------------------------------------------------------------------- */
.postlist-category {
float: left;
width: 25%;
margin-bottom: 16px;
}
.postlist-category img {
    width: 100%;
}
.postlist-category a {
    display: block;
}
.postlist-category-inner {
    margin: 0;
    padding: 1px;
}
.postlist-category-inner p {
    font-size: 12px;
    padding: 4px;
	line-height: 140%;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/************************************
** ブログカードのスタイル
************************************/
a.blog-card-thumbnail-link {
  text-decoration:none;
}
.blog-card{
  padding:12px;
  margin:16px auto 24px auto;
  border:1px solid #46AB92;
  word-wrap:break-word;
  max-width:520px;
    background: #fff;
  border-radius:4px;

}
a:hover .blog-card{
    background: #f8ffff;
}
.blog-card-thumbnail{
  float:left;
}

.blog-card-content{
  margin-left:130px;
  line-height:120%;
}
.blog-card-title{
  margin-bottom:5px;
  line-height:140%;
}

a .blog-card-title{
  font-weight:bold;
  text-decoration:none;
  color:#262126;
}
a:hover .blog-card-title {
    color: #ff322f;
}

.blog-card-excerpt{
  color:#333;
  font-size:90%;
}

.blog-card-footer{
  font-size:80%;
  color:#999;
  margin-top:5px;
	text-align: right;
}

.clear{
  clear:both;
}

.journal-link2{
    padding: 4px 0px;
    width: 100%;
    color: #fff;
    background-color: #46AB92;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0px;
    line-height: 1.0;
    margin: 0px;
    display: block;
    text-align: center;
}

.sidebar-link a {
	padding: 8px;
	display: block;
	text-align: center;
	border:solid 1px #ccc;
	color: #666;
	border-radius: 8px;
	margin: 0 auto 8px auto;

	text-decoration: none;
}
.sidebar-link a:hover {
	border:solid 1px #0088aa;
	color: #0088aa;
	text-decoration: none;
}

.pcnav {
	float: right;
	padding-top: 16px;
	margin-right: -10px;
}
.pcnav ul{
	width: 713px;
}

.pcnav ul li{
	display: inline;
}
.pcnav ul li a{
	color: #999;
	background: #fff;
	font-weight: 500;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 1.0;
	border: 1px solid #ccc;
	margin: 0 -1px -1px 0;
	padding: 2px 0;
	width: 88px;
	text-decoration: none;
	text-align: center;
}
.pcnav ul li:nth-child(n + 17) a {
	background: #fff;
}
.pcnav ul li a:hover{
	color: #fff;
	background: #ccc;
	border: 1px solid #ccc;
	text-decoration: none;
}
/*--------------------------------
アコーディオンメニュー
---------------------------------*/

.menu-navigation-container {
	overflow: hidden;
}

nav li a:hover {
	text-decoration: underline;
}

#s-navi {
	margin:0 -10px;
}

#s-navi ul.sub-menu {
	display:none;
}

#s-navi dl.acordion p {
	margin: 0;
}

#s-navi dl.acordion {
	margin: 0px;
	box-sizing:border-box;
	width:100%;
}

#s-navi dt.trigger {
	cursor: pointer;
	height: auto;
	overflow:hidden;
}
.trigger .fa:not(.fa-bars) {
	font-size:20px;
}

/*アコーディオンメニューボタン*/
#s-navi dt.trigger .op {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	color: #999;
	font-size:20px;
	line-height:20px;
	background:#fff;
	display:block;
	float:none;
	height:auto;
	margin: 0px auto;
	padding: 0px;
	max-width:40px;
	box-sizing:border-box;
}

/*アコーディオンメニュー追加ボタン1*/
#s-navi dt.trigger .op-st {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	color: #ccc;
	line-height:30px;
	background:#000;
	display:block;
	float:right;
	height:auto;
	max-width:40%;
	box-sizing:border-box;
	overflow:hidden;
	margin-top:-5px;
	padding: 10px 10px 9px 10px;
}

.op-st:hover {
	opacity:0.5;
}

.op-text,
.op-text a {
	font-size:13px;
	line-height:30px;
	vertical-align:middle;
	margin:0 0 0 7px;
	padding:0;
	text-decoration:none;
}

/*アコーディオンメニュー追加ボタン2*/
#s-navi dt.trigger .op-st2 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	line-height:30px;
	color: #ccc;
	background:#1a1a1a;
	display:block;
	float:right;
	height:auto;
	max-width:40%;
	box-sizing:border-box;
	overflow:hidden;
	margin-top:-5px;
	padding: 10px 10px 9px 10px;
}

.op-st2:hover {
	opacity:0.5;
}
.op-text2,.op-text2 a {
	font-size:13px;
	line-height:13px;
	vertical-align:middle;
	margin:0 0 0 7px;
	padding:0;
	text-decoration:none;
}

#s-navi:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom:5px;
}

#s-navi dd.acordion_tree {
	padding: 10px 10px 20px;
	display: none;
	overflow: hidden;
	top:0px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}

.acordion_tree ul.menu li {
	float: none;
	font-size: 15px;
	padding: 10px 15px 10px 15px;
	list-style:none;
	border-bottom:dotted 1px #000;
}

.acordion_tree ul.menu li .fa {
	min-width: 1em;
}

.acordion_tree ul.menu li:last-child {
	border:none;
	padding-bottom:0px;
}

.acordion_tree ul.menu li a {
	text-decoration: none;
	color:#000;
}

.menu-close {
	padding:10px;
}


/* 記事内で使うアクセス数ランキング */
.post .wpp-list {
    padding: 0;
	margin-bottom: 24px;
}
.post .wpp-list li {
    border: solid 1px #ddd;
    border-radius: 0 5px 5px 5px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
}
.post .wpp-no-thumbnail .wpp-list li {
    padding-left: 32px;
}
.post .wpp-list .wpp-comments,
.post .wpp-list .wpp-views {
    color: #ccc;
    position: absolute;
    line-height: 1;
    right: 8px;
    bottom: 8px;
    font-size: 14px;
    font-weight: bold;
	border: 0px;
	background: #fff;
}
.post .wpp-list .wpp-post-title {
    line-height: 1.5;
    font-size: 16px;
}
.post .wpp-list a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
.post .wpp-list a:hover {
    color: #b22222;
}




/*--------------------------------
任意の人気記事
---------------------------------*/
.pop-box {
	position:relative;
	border-top:solid 1px #FEB20A;
	padding:20px 20px 10px;
	background:#fff;
	margin-bottom:10px;
}

/*******************************
* 左からの吹き出し
********************************/
.left_balloon {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    margin-left: 80px;
    padding: 10px 0 10px 16px;
    border-radius: 8px;
text-align: left;
}
.left_balloon:after,
.left_balloon:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.left_balloon:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    margin-top: -7px;
}
.left_balloon:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #999;
    border-width: 8px;
    margin-top: -8px;
}
.left_balloon span{
	color: #ff322f;
}


.bottomlink {
	margin: 16px 0px 16px 0px;
}
.toplink {
	margin-bottom: 20px;
}
.smatoplink {
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 8px 12px;
}
.toplink i,.bottomlink i,.smatoplink i {
	color: #00a29a;
}
.toplink i.pr,.bottomlink i.pr {
	color: #0577fa;
}
.toplink div,.bottomlink div,.smatoplink div {
	margin-bottom:4px;
	font-size: 14px;
	line-height: 140%;
}
/*media Queries PCサイズ（1048px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 1048px) {
.smatoplink div,.bottomlink div {
	margin-bottom:4px;
}
}



.sitename {
	margin:0px auto;
	width: 100%;
	float: none;
	text-align: center;
}
.sitename img {
	width: 80%;
}

#footer {
	padding: 10px;
	text-align: center;
}
.copyr {
	text-align: center;
	font-size: 12px;
	color: #999;
}

/*media Queries タブレットサイズ（1048px以下）
----------------------------------------------------*/
@media only screen and (max-width: 1048px) {

body {
	padding: 20px 10px 0 10px;
}

/*-- ここまで --*/
}

/*media Queries タブレットサイズ（728px以上）
----------------------------------------------------*/
@media only screen and (min-width: 728px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（1048px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 1048px) {
.sitename {
	margin:0px;
	max-width: 240px;
	float: left;
}

.sitename img {
	width: 100%;
}

#headbox {
	padding: 0;
	margin:0;
	width: 1048px;

}

/*-- ここまで --*/
}
#contentInner{
padding: 0px;
}
main {
	padding: 0;
	margin: 0;
	background:#fff;
}

.post {
	padding:0px;
}
.main-post {
	max-width: 728px; 
}

#side aside {
	padding: 0 0 20px 0;
}

.wrapper-pc {
	max-width: none !important;
	width: 1048px;
	margin: 0 auto;
}
.wrapper-pc #contentInner {
float: left;
		width: 100%;
		margin-right: -312px;
}
.wrapper-pc #contentInner main {
	margin-right: 300px;
	margin-left: 0px;
	background-color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding: 0;
}
.wrapper-pc #side {
	width: 300px;
	float: right;
}
.wrapper-pc #side aside {
	width: 300px;
}
.wrapper-pc .sitename {
	margin:0px 0px 0px -15px;
	max-width: 240px;
	float: left;
}
.wrapper-pc .sitename img {
	width: 100%;
}



.catbox{
	max-width: 728px;
}


/* ポータル　*/

/*--------------------------------
上部
---------------------------------*/
.entry-phonetic {
	font-size: 12px;
	font-weight: 500;
	color: #666;
	margin-bottom: 16px;
}
.entry-address{
	font-size: 12px;
	font-weight: 500;
	color: #666;

}
.entry-spot {
	font-size: 12px;
	font-weight: 500;
	color: #666;
	margin-bottom: 24px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}

.hotel-reserve {
	display: inline;
}
.hotel-reserve a{
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 8px 0;
	text-decoration: none;
	color: #fff;
}
.hotel-reserve a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.hotel-reserve img{
	position: absolute;
}
.jaran a {
	float: left;
	width: 49%;
	background: #ff5800;
}
.r-travel a {
	float: right;
	width: 49%;
	background: #66b821;
}


/*--------------------------------
店舗紹介
---------------------------------*/
.portal_shop_info {
	border-top: 1px solid #ccc;
	padding: 12px 0;
	margin: 20px 0px 0px 0px;
	background-color: #fff;
	line-height: 1.2;
}
.portal_shop_info_name {
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	margin: 0;
	padding-bottom: 12px;
	padding-left: 8px;
	color: #333;
}
.portal_shop_info_name span {
	font-size: 12px;
	font-weight: 500;
}

.portal_shop_info dl {
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-size: 12px;
	background: #eee;
	overflow: hidden;
}
.portal_shop_info dl dt {
	float: left;
	width: 8em;
	border-top: solid 1px #ccc;
	padding: 1em; 
}
.portal_shop_info dl dd {
	margin-left: 10em;
	border-top: solid 1px #ccc;
	padding: 1em;
	background: #fff;
}
.portal_shop_info dl dt:last-child,.portal_shop_info dl dd:last-child  {
	margin-bottom: 0;
}


.sma-random .pc-random{
	margin-bottom: 20px;
	width: 100%;
}

.sma-random .random-box {
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
	padding: 0;
	border: none;
	width: 49.5%;
	border-radius: 0px;
	background-color : #fff;
	position: relative;
}
.sma-random .random-box:nth-child(even) {
	float: right;
}

.random-box .random-thumbnail {
	width: 100%;
	margin-bottom: 0;
}
.random-thumbnail img {
	width: 100%;
}
.random-cat {
	display: inline;
}
.random-cat a {
	font-size: 12px;
	color: #fff;
	display: block;
	padding: 4px 0;
	text-decoration: none;
	text-align: center;
}
.random-cat a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.catname-ap a {
	font-size: 12px;
	color: #fff;
	display: inline-block;
	padding: 4px 8px;
	text-decoration: none;
}
.catname-ap a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.post-cat {
	margin: 16px 0;
}

.cat-gourmet a {
	background-color: #f39800;
}
.cat-akashiyaki a {
	background-color: #ef3349;
}
.cat-park a {
	background-color: #00a29a;
}
.cat-hotel a {
	background-color: #0699c9;
}
.random-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 8px 0;
	background-color: rgba(255,255,255,0.7);
}
.random-title div {
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 100%;
	font-weight: 500;
	padding: 0;
	margin: 0;
	border: none;
}

.pc-random .random-box {
	float: left;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 4px;
	margin-left: 0px;
	padding: 0;
	border: none;
	width: 33%;
	border-radius: 0px;
	background-color : #fff;
	position: relative;
}
.pc-random .random-box:nth-child(3n) {
	margin-right: 0;
}

.top-randam-box {
	margin-bottom: 40px;
}
.top-randam-box h2 {
	max-width: 728px;
}

/* 吹き出しのCSS　*/
.l-fuki,
.r-fuki {
	position: relative;
	width: 80%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px;
	border-radius: 6px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 5px #ccc;
	background-color: #fff;
	z-index: 1;
}
.l-fuki {
	margin: 20px 20% 40px 0;
}
.r-fuki {
	margin: 20px 0 40px 19%;
}
.l-fuki::before,
.r-fuki::before {
	position: absolute;
	content: "";
	top: 16px;
	width: 10px;
	height: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	z-index: 2;
}
.l-fuki::before {
	right: -7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.r-fuki::before {
	left: -7px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.l-fuki::after,
.r-fuki::after {
	position: absolute;
	content: "";
	width: 80px;
	height: 80px;
	top: -10px;
	border-radius: 40px;
	border: 3px solid #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 1px 1px 5px #aaa;
}
.l-fuki::after {
	right: -110px;
}
.r-fuki::after {
	left: -110px;
}
@media screen and (max-width: 620px) {
	.l-fuki,
	.r-fuki {
		width: 70%
	}
	.l-fuki {
		margin-right: 30%;
	}
	.r-fuki {
		margin-left: 30%;
	}
}
@media screen and (max-width: 478px) {
	.l-fuki::after,
	.r-fuki::after {
		width: 60px;
		height: 60px;
		border-radius: 30px;
	}
	.l-fuki::after {
		right: -84px;
	}
	.r-fuki::after {
		left: -84px;
	}
}
.wauchi::after {background-image:url(https://akashi-journal.com/images/wauchi.jpg);}
.asahina::after {background-image:url(https://akashi-journal.com/images/asahina.jpg);}
.gf-koma::after {background-image:url(https://akashi-journal.com/images/gfkoma.jpg);}
.koma::after {background-image:url(https://akashi-journal.com/images/koma.jpg);}
.masaya::after {background-image:url(https://akashi-journal.com/images/masaya.jpg);}