/*!
Theme Name: habakiri Child
Theme URI: http://habakiri.2inc.org/en/
Author: inc2734
Author URI: http://2inc.org
Description:  Habakiri Child Theme
Version:      1.0.0
Template:     habakiri
Text Domain:  habakiri-child
License: GPLv2 or later
License URI: license.txt
Tags: white, fixed-layout, fluid-layout, responsive-layout, one-column, two-columns, left-sidebar, right-sidebar, editor-style, sticky-post, microformats, featured-images, custom-colors, custom-menu, custom-background, custom-colors
*/
/*


*/


.def_info tr th{
	width:60px;
	text-align: left;
	vertical-align: top;
}


.menu_button{
	position:absolute;
	top:0px;
	left:0px;
	list-style: none;
	padding-left: 0;
}
.menu_button li{
	margin:4px;
}
.menu_button_a{
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #d27d00;/*線色*/

}

.menu_button_a:active{
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.close_button{
  margin-left:4px;
  margin-bottom:2px;

  display: inline-block;
  padding: 0.1em 0.5em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
/*  border-bottom: solid 4px #627295; */
  border-radius: 3px;
}


div.top_image{
/* 	background-color:#FFAAAA; 仮着色  */
	height:85vh;
	width:100%;
	max-width:100%;
	overflow: hidden;
	position: relative;
	border: solid 1px #000000;

	display: flex;
	align-items: center;
	justify-content: center;

	background-position: top;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size:50%;
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;

	margin-bottom:10px;
}

div.top_image img{
	width:auto;
	max-height:85vh;
	object-fit:contain;
	margin: 0;

}


div.closet{
	width:100%;
	position:absolute;
	bottom:-400px;
}

div.closet_open{
	width:100%;
	position:absolute;
	bottom:30px;
}

div.main_closet{
	background-color:rgba(240,256,240,0.5); /* 仮着色  */
	border: solid 1px #000000;

	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	font-size:7.5pt;
}
div.main_closet div{
	background-color:rgba(150,150,256,0.2); /* 仮着色  */

	display:inline-block;
	margin-top:2.5px;
	margin-right:2.5px;
	margin-left: 2.5px;
	margin-bottom: 2.5px;

	vertical-align:top;
	white-space:normal;
	text-align:center;
	
}
div.main_closet div a div{
	background-color:white; /* 仮着色  */
}

div.sub_closet{
	background-color:rgba(240,256,240,0.5); /* 仮着色  */
	border: solid 1px #000000;

	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
}
div.sub_closet a{
	margin:2.5px;
}