/*
Theme Name: Tokimeki
Theme URI: https://gadgetone.net/themes/tokimeki/
Author: gadgetone
Author URI: https://gadgetone.net/
Description: Tokimeki is a simple and lightweight WordPress theme suitable for news, magazine, owned media and blog websites. It is fully responsive and mobile friendly, especially mobile horizontal scroll menu is very accessible. You can customize theme easily such as header logo, color, social links, etc. It supports a Schema.org microdata markup.
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, right-sidebar, custom-colors, custom-menu, editor-style, theme-options, featured-images, custom-header, translation-ready, blog, news
Text Domain: tokimeki
*/

/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/*google mapレスポンシブル*/
.ggmap{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom:2em;
}

.old-postmessage {
	background-color:#f0f0f0;
	border:1px solid #ccc;
	margin-bottom:2em;
}
.old-postmessage p{
	margin:0px!important;
	padding:0.5em!important;
	font-size:80%!important;
}
 
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ggmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
	height: 100%;
}
/*dlテーブル*/
dl.dltbl,
.dltbl dt,
.dltbl dd {
  box-sizing: border-box;
}
dl.dltbl {
  background: #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.dltbl dt,
.dltbl dd {
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ccc;
}
.dltbl dt {
  width: 8em;
  float: left;
}
.dltbl dd {
  background: #fff;
  margin-left: 8em;
  padding-bottom: 10px;
  border-left: 1px solid #ccc;
}
.dltbl dd:after {
  content: '';
  display: block;
  clear: both;
}

/*余白調整*/
.site-main {
padding-top:1em!important;
}

/*サイドバーのスマホ幅フル対応
.textwidget a img {
width:100%;
height:auto;
}*/
.textwidget p {
text-align:center;
}

/*見出し*/
.post__main h2 {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	margin-top:50px;
}
.post__main h2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}
.post__main h3 {
	position: relative;
	padding: 0 .5em .5em 1.7em;
	border-bottom: 1px solid #ccc;
	margin-top:30px;
	margin-bottom:15px;
}
.post__main h3::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/***** social button *****/

.social4in {
width:400px!important;
}
.social4i{
height: 60px!important;
}
@media only screen and (max-width:820px) {
.social4in {
width:300px!important;
}
.social4i{
height: 90px!important;
}

}

.s4fbshare {
margin:0 !important;
}
.s4custombtn-1 {
clear:both;
width:auto;
margin-top:4px !important;
padding:0px;
}
.s4custombtn-1 .line ,
.s4custombtn-1 .line img{
line-height:22px!important;
margin: 0px 4px!important;
vertical-align:top;
}
.s4custombtn-1 .pocket-btn{
width :115px;
display:inline;
}

/***** edanami *****/
.required-contactform7{
	background: #DE8686;
	color: #fff;
	border-radius: 3px;
	margin-right: 8px;
	font-size: 13px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
 .table-contactform7 th{
	width: 30%;
	text-align: left;
}
h3.heading {
	border-bottom: 3px solid #CCCCCC;
	padding-bottom: 5px;
}
.pm_0 {
	margin: 0px!important;
	padding: 0px!important;
}
.pd_b30 {
	padding-top: 10px!important;
	padding-bottom: 30px!important;
	margin: 0px!important;
}


@media only screen and (max-width:820px) {
.table-contactform7 tbody,
.table-contactform7 tr,
.table-contactform7 th,
.table-contactform7 td{
    display: block;
    width: 100%;
}
}
/***** edanamiここまで *****/




.getPostDispArea .getPost {
    border: 1px solid #9a9a9a;
    padding: 15px;
    margin: 20px 0px;
    background-color: #f6f6f6;
}
.getPostDispArea .getPost:after {
    content: '';
    display: table;
    clear: both;
}
.getPostImgArea {
    width: 20%;
    float: left;
}
.getPostStringArea {
    width: 80%;
    padding-left: 15px;
    float: left;
}
h4.getPostTitle {
    font-weight: bold;
    margin-bottom:0.4em!important;
}


/***** header ads *****/
#headads-pc {
	text-align:center;
	/*width:728px;*/
	margin:1em auto 0px;
}
#headads-smt {
	text-align:center;
	width:320px;
	margin:1em auto 0px;
}


/***** gko ads *****/
#gko-pc {
	text-align:center;
	margin:1em auto 0px;
}
#gko-smt {
	text-align:center;
	margin:1em auto 0px;
}
.smt100 {
	width:100%!important;
}

/***** tagcloud customize *****/
.tagcloud a {
 font-size: 14px !important; /* 文字のサイズ */
 line-height: 1em;
 background: #2098a8; /* 背景色 */
 color: #fff; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 8px 8px; /* 文字周りの余白 */
 margin-top: 3px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud a:hover {
 background: #f9d635; /* マウスホバー時の背景色 */
 color: #2098a8; /* マウスホバー時の文字色*/
}
.tagcloud a:before {
 font-family: "FontAwesome";
 content: "\f02b"; /* 絵文字のコード */
 padding-right: 4px;
}


/***** footerlink customize *****/
#footlink {
	clear:both;
}
#footlink ul {
  padding: 0;
}
#footlink ul li, 
#footlink ol li {
  color: #404040;
  border-left: solid 6px #1fa67a;/*左側の線*/
  border-bottom: solid 2px #dadada;/*下に灰色線*/
  background: whitesmoke;
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
  font-size:80%;
}


/***** footerlink customize *****/
.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #fd9535;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #d27d00;
    border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}


.areacm {
	background-color: rgb(254, 248, 230);
	border:1px;
	margin-bottom:40px;
	padding:20px;
}
.areacm p {
	margin:0px 0px 0.4em 0px!important;
}
.areacm img{
	padding-right:5px!important;
}

.bold {
	font-weight: bold;
}
.ad-box1 {
	background-color: rgb(254, 248, 230);
	border:1px;
	margin-bottom:40px;
	padding:20px;
	font-weight:bold;
}