/*
Theme Name: Magazine Hoot Premium Child
Template: magazine-hoot-premium
Author: wpHoot
Version: 1.0
*/

div.mapsize iFrame{width:100%; height:600px;}
table.placeinfo,table.eventinfo{width:100%;}
td.infotit{width:120px;}
.clear {clear:both;}
.flyerimage div{float:left;padding-left:20px;margin-bottom:50px;}
.posts-listunit-link{
	font-size:1.6em;
}
.caution{color: #FF0000;}
*{text-transform:none!important;}

/*関連項目*/
.wp-embed-featured-image.square {
  object-fit: contain;
}

/*ボタン*/
.btn-push {
  display: inline-block;
  max-width: 250px;
  text-align: left;
  font-size: 14px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 24px;
  border-radius: 4px;

}
.amazon{
  background-color: #ffa300;
  border-bottom: 4px solid #d37800;
}
.honto ,.ws {
  background-color: #4daadc;
  border-bottom: 4px solid #0085cd;
}

.direct_sale_url{
  background-color: #f94b71;
  border-bottom: 4px solid #D20231;
	
}
.btn-push:active {
    transform: translateY(4px);
    border-bottom: none;
}


/*　外部リンクアイコン　*/
#main a[target="_blank"]:after{content:url(/common/images/newwindow_icon.png);margin:0 6px}

/*　タイトルの折り返し禁止　*/
h1#site-title,div#site-title{
	white-space: nowrap;
}

/*　書籍タイトル　*/
h2.book_tit a{
	font-size:0.8em;
	margin-top:3px;
}
H3.book_author{	font-size:1em; font-family: "Meiryo","YuGothic","Yu Gothic","ヒラギノ角ゴ","sans-serif"!important; text-transform:none;}
#library-archive span.more-link{font-size:1.6em;}

/*　書影枠　*/
img.entry-content-featured-img{
	border:border: 1px solid;
	border-color:#CCCCCC;
	}
#dpt_display_post_types-2 .dpt-entry{height:400px;}

/*特集タイトル*/
h1.title_img{
	margin-left:auto;
	margin-right:auto;

}
/*イベントタイトル*/
h1.entry-title{text-transform:none!important;}

@media (min-width: 1200px){
h2.sub_tit {
    font-size: 2em!important;
    width: 90%!important;}
h1.loop-title {
    width: 90%!important;}
}



/* 調整
-----------------------------------------*/
.fl{float:left; clear:right;}
div.caution{color:red; font-size:0.8em;}
.tl3{line-height:3em;vertical-align:bottom;margin-top:20px;}
.entry-content{border:none!important;}

/* fontsize
-----------------------------------------*/
.fontS { font-size: 75% }
.fontM { font-size: 85% }
.fontL { font-size: 95% }
 
 
/* mod_headerbox_size
-----------------------------------------*/
.mod_headerbox_size {
  width: 90px;
  position:relative;
  overflow:hidden;
}
.mod_headerbox_size ul {
}
.mod_headerbox_size ul li {
  float: left;
  width:30px;
  height: 30px;
  overflow: hidden;
}
.mod_headerbox_size ul li span {
  display: block;
  cursor: pointer;
}
.mod_headerbox_size ul li.active span {
  margin-top: -30px;
}
.mod_headerbox_size ul li span:hover{
    margin-top:-30px;
}



/* テーブル調整
-----------------------------------------*/
table.placeinfo tr td, table.eventinfo tr td{
	border:solid 1px #CCCCCC;
	padding:1em;
}

/* 印刷用CSSの定義を指定する
-----------------------------------------*/
@media print{
	#wpadminbar,#topbar,#header-supplementary,#sub-footer,#footer {display:none;}
}

/*バナー　表示調整
-----------------------------------------*/
.post-gridunit-size2 .post-gridunit-image{background-position: top;}
.post-gridunit-size1 .post-gridunit-image{background-position: top;}
/*.post-gridunit-size2 .post-gridunit-image{background-position: center;}*/
.posts-listunit-bg{background-position: 0px 0px !important;}
.posts-list-style1 .posts-listunit-small .posts-listunit-image{height:auto!important;}
/*トップページポスター調整*/
/*.front_tokyo .posts-listunit-bg , .front_kanto .posts-listunit-bg {background-size: contain;}*/
/*.post-gridunit-size2 .post-gridunit-image{background-size: contain;}*/

.front_chubu .posts-listunit-bg{background-position:center !important;}
.front_kanto .posts-listunit-bg , .front_tokyo .posts-listunit-bg {background-position:center !important;}
.front_chubu .posts-listunit-bg ,  .front_kansai .posts-listunit-bg ,.front_tohoku .posts-listunit-bg{background-position:top !important;}
.front_kyusyu .posts-listunit-bg{background-position:bottom !important;}

/*ショップバナー　表示調整
-----------------------------------------*/

.cp_blockdesign03 {
	border-width: 1px;
	border-color: #0097A7;
	border-style: solid;
	position: relative;
}
.cp_blockdesign03::after{
	content: "Author";
	position: absolute;
	top: -8px;
	left: 10px;
	background: #fafcfc;/*背景色と同じにする*/
	font-size: 14px;
	color: #0097A7;
	padding: 0 10px;
}
.cp_blockdesign03 .cp_authorname {
	display: flex;
	border-bottom: 1px solid #0097A7;
}
.cp_blockdesign03 .cp_authorname h2 {
	margin: 0.5em;
	width: 70%;
	color: #0097A7;
}
.cp_blockdesign03 .cp_authorname ul {
	margin: 0.5em 0;
	padding: 0.5em 0;
	width: 30%;
	text-align: center;
}
.cp_blockdesign03 .cp_authorname li {
	display: inline;
	padding: 0 0.5em;
}
.cp_blockdesign03 .cp_authorname li a {
	color: #0097A7;
}
.cp_blockdesign03 .cp_authorinfo {
	padding: 1em;
}

/* ワークショップ
-----------------------------------------*/

.wsbox {
position: relative;
width: 90%;
margin: 2.5em auto;
padding: 35px 30px 20px;
color: #4c4c4c;
background-color: #e8ddbd;
box-shadow: inset 0 0 40px rgba(204, 186, 136,1), 0 2px 2px #ccc;
background-size: contain;
}
.wsbox::before {
    display: block;
    position: absolute;
    content: "";
    width: 140px;
    height: 35px;
    left: 35%;
    top: -16px;
    background-color: rgba(204,186,136,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    transform: rotate(-3.4deg);
}


.wsmain{
	float:right;
width:50%;
}
.wsmain img{margin-left:10px;}

.wsbox .btn{margin-left:auto;margin-right:auto;}




pre.wp-block-verse{
 position: relative;
 margin: 3em auto;
 padding: 35px 20px 15px;
 width: 90%; /*ボックス幅*/
 color: #555555; /* 文字色 */
 background-color: #FFFFFF; /*背景色*/
 box-shadow: 0 2px 2px #ccc; /* 影 */
}
pre.wp-block-verse::before{
 position: absolute;
 top: -1.5em;
 left: 35%;
 height: 40px;
 width: 160px; /*テープの幅*/
 content: "";
 border: 1px solid #ccc; /*枠太さ・色*/
 background-color: #FFF; /*テープ色*/
 opacity: 0.3; /*テープ透明度0～1*/
 transform: rotate( -5deg ); /*テープ角度*/
}

/* clearfix
-----------------------------------------*/
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/* スマホ用
-----------------------------------------*/
@media screen and (max-width: 600px) {
	#sub-footer {display:none;}
	span.text_turn { display: inline-block; width:100%;}
	h1#site-title,div#site-title{	white-space:normal;}
	#categories-6 ul li.cat-item a{ display: block; width:100%;height:2em; font-size:1em;margin-left:5px;padding-left:10px;}
	#categories-6 ul li.cat-item a:active{ background-color:#CCCCCC;}
	#menu-menu-side ul li.menu-item{display: block; width:100%;}

  .eventinfo, .placeinfo {
    width: 80%;
  }
  .eventinfo th, .placeinfo th, .eventinfo td, .placeinfo th{
　　border-bottom: none;
    display: block;
    width: 100%;
  }
.wsmain{
	float:none;
width:80%;
}
h2.sub_tit{
	font-size:1.2em;
	}
.wsmain img{margin-left:0px;}
}


/* タブレット用
-----------------------------------------*/
@media screen (max-width:969px / min-width: 600px){

.visual-img {width:50%;	height:auto;}
}