/*
 Theme Name: boo's collection
 Description:boo's collection
 Theme URI: http://www.boos-collection.com/
 Author:boo's collection
 Author URI: http://www.boos-collection.com/
 Version: バージョン
License: ライセンス
 License URI: http://www.boos-collection.com/
  10. */

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


@charset "UTF-8";

/*================================================
　 画面用CSS Document 
================================================*/




/*================================================
  各ページ共通部
================================================*/

/*ページの基本設定
------------------------------------------------*/

*{
	margin: 0px;
	padding: 0px;
}

body{
	font-size:1.4em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3 メイリオ" ;
	background:#000000;
	color:#FFFFFF;
	min-width:640px;
	letter-spacing:1px;	}

* html body{	/*IE6対策*/		
	text-align:center;
	}

img {
	max-width: 100%;
	height: auto;
}

p, li ,td{
	line-height:1.8;
	}


img{
	border:0;
	}
	
ul li{
	list-style:none;
}
	
/*　画像
------------------------------------------------*/	
.img{
	text-align:center;
	}

.img_right{
	float:right;
	padding:0 0 5px 10px;
	}

/*clearfix
------------------------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix {
	display:inline-block;
	}
	
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
	}
	
.clearfix {
	display:block;
	}
/* End hides from IE-mac */


/* 基本テキストリンク -------------------- */


 a:link {
	color: #ffdb3f;
	text-decoration: none;
}
 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
 a:hover {
	color: #EC0003;
	}
 a:active {
	color: #FFFFFF;
}



/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/

.clr {
	line-height: 0%;
	font-size: 0px;
	clear: both;
}



/* --------------------------------------------------------------------------------------
head
--------------------------------------------------------------------------------------- */
header.top{
	position:relative;
	width:80%;
	height:950px;
	background:url(img/bg2.jpg) repeat;
	background-size:cover;
	margin:0 auto;}

header.top h1{
	width:100%;
	margin:0 auto;
	text-align:center;
	position:absolute;
	top:27%;
	left:-5%;
	}

header.top h1 img{
	width:600px;
	}

/* --------------------------------------------------------------------------------------
ナビ
--------------------------------------------------------------------------------------- */

#fixedBox.fixed {
	position: static;
}
nav.top {
	height: auto;
	padding: 20px 0;
}
nav.top ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: auto;
	background: none;
}
nav.top ul li {
	display: block;
	text-align: left;
	margin-bottom: 16px;
}
nav.top ul li a {
	font-size: 16px;
}

	
	
	
	/* --------------------------------------------------------------------------------------
ナビ
--------------------------------------------------------------------------------------- */

.fixed {
	}
	

	
/* --------------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------------- */

div#contents{
	width:100%;
	min-width:640px;
	}

/* --------------------------------------------------------------------------------------
コンセプト
--------------------------------------------------------------------------------------- */


div#concept{
	width:100%;
	height:auto;
	min-height:1000px;
	min-width:640px;
	background:url(images/bg1.jpg) no-repeat;
	background-size: 100% auto;
	position:relative;}

div#concept header{
	width:100%;
	margin:0 auto;
	padding:50px 0 0 0;
	background:none;}

div#concept header h2{
	text-align:center;
	font-size:230%;
	font-family: "Times New Roman", Times, serif;
	letter-spacing:20px;
	font-weight:normal;
	}
div#concept header h2 img{
	margin: 0 0 10px -20px;
	}

div#concept header h3{
	text-align:center;
	font-size:140%;
	margin:20px 0;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	}

div#concept section{
	width:80%;
	margin:0 auto;
	padding:20px 0 0 0;
	background:none;}

div#concept section p{
	text-align:center;
	letter-spacing:1px;}

div#concept ul{
	width:90%;
	height:46px;
	margin:10px auto;
	padding:10px 0 0 0px;
	background:none;
	text-align:center;
	}

div#concept ul li{
	width:80%;
	padding:10px 0 ;
	text-align:center;
	color:#ffdb3f;
	font-size:160%;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	border: 2px solid #ffdb3f;
	margin:20px 0px;
	letter-spacing:10px;
box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4);
text-shadow:#000000 5px 5px 5px;}

div#concept ul li:hover{
	color: #FF0004;
	font-size:160%;
	border: 2px solid  #FF0004;
}

div#concept ul.list2{
	width:60%;
	min-width:560px;
	margin:180px auto;
	padding:20px 0 0 0px;
	background:none;
	text-align:center;
	}

div#concept ul li.list2{
	width:40%;
	display: inline-block;
	padding:10px 0 ;
	text-align:center;
	color:#ffdb3f;
	font-size:160%;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	border: 2px solid #ffdb3f;
	margin:80px 20px;
	letter-spacing:10px;
box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4);
text-shadow:#000000 5px 5px 5px;}



div#concept p.bottom{
	display:none;
}


/* --------------------------------------------------------------------------------------
コレクション
--------------------------------------------------------------------------------------- */


div#collection{
	width:100%;
	padding:50px 0;
	height:auto;
	min-width:640px;
	position:relative;}

div#collection header{
	width:100%;
	margin:0 auto;
	padding:50px 0 0 0;
	background:none;}

div#collection header h2{
	text-align:center;
	font-size:230%;
	font-family: "Times New Roman", Times, serif;
	letter-spacing:20px;
	font-weight:normal;
	}
div#collection header h2 img{
	margin: 0 0 10px -20px;
	}

div#collection header h3{
	text-align:center;
	font-size:140%;
	margin:20px 0;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	}

div#collection section p{
	margin:30px 0;
	text-align:center;
	letter-spacing:1px;}

div#collection ul.collection_list{
	width:100%;
	min-width:640px;
	margin:100px auto;
	padding:20px 0 0 0px;
	text-align:center;
	}

div#collection ul.collection_list li{
	width:600px;
	text-align:center;
	letter-spacing:5px;
	font-weight:normal;
	margin:20px auto;
	font-family: "Times New Roman", Times, serif;
	padding:0px;
}

div#collection ul.collection_list li.start{
	width:600px;
	text-align:center;
	letter-spacing:5px;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	padding:0px;
}

div#collection ul.collection_list li.end{
	width:600px;
	text-align:center;
	letter-spacing:5px;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	padding:0px;
}

/* --------------------------------------------------------------------------------------
ギャラリー
--------------------------------------------------------------------------------------- */

div#gallery{
	width:100%;
	min-width:640px;
	padding:50px 0;
	height:100%;
	position:relative;}

div#gallery header{
	width:100%;
	margin:0 auto;
	padding:50px 0 0 0;
	background:none;}

div#gallery header h2{
	text-align:center;
	font-size:230%;
	font-family: "Times New Roman", Times, serif;
	letter-spacing:20px;
	font-weight:normal;
	}
div#gallery header h2 img{
	margin: 0 0 10px -20px;
	}

div#gallery header h3{
	text-align:center;
	font-size:140%;
	margin:20px 0;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	}

div#gallery section p{
	margin:30px 0 100px 0;
	text-align:center;
	letter-spacing:1px;}

div#gallery div.slider{
	width:100%;
		min-width:640px;
	height:500px;
	margin:0px  auto;
	}



/* --------------------------------------------------------------------------------------
インフォ
--------------------------------------------------------------------------------------- */

div#info{
	width:100%;
	min-width:640px;
	padding:100px 0 0 0;
	margin:30px auto;
	height:auto;
	}

div#info div.left{
	width:100%;
	min-width:640px;
	margin:30px auto;
	padding:0px;
	float:none;
	position: static;
	}

div#info div.left h2{
	text-align:center;
	font-size:180%;
	font-family: "Times New Roman", Times, serif;
	letter-spacing:20px;
	font-weight:normal;
	margin: 0 0 60px 0;
	}
div#info div.left h2 img{
	margin: 0 0 10px -20px;
	}


div#info div.left dl{
	width:80%;
	min-width:640px !important;
	margin: 0 auto;
	font-size:120%;
	}

div#info div.left dl dt{
	margin:0 30px 30px 30px;
	}

div#info div.left dl dd{
	margin:0 15px 30px 0;
	}


div#info div.left p{
	width:80%;
	padding:10px 0 ;
	text-align:center;
	color:#ffdb3f;
	font-size:160%;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	border: 2px solid #ffdb3f;
	margin:20px  auto;
	letter-spacing:10px;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4);
	text-shadow:#000000 5px 5px 5px;}

div#info div.left p:hover{
	border: 1px solid  #EC0003;
}

div#info div.left p a:hover{
	color:#EC0003;
}
/* --------------------------------------------------------------------------------------
インフォ　ブログ
--------------------------------------------------------------------------------------- */
div#info div.right{
	width: 100%;
	min-width: 640px;
	margin:0px auto;
	padding:0px;
	float:none;
	position: static;
}

div#info div.right h2{
	text-align:center;
	font-size:180%;
	font-family: "Times New Roman", Times, serif;
	letter-spacing:20px;
	font-weight:normal;
	margin: 0 0 60px 0;
	}

div#info div.right h2 img{
	margin: 0 0 10px -20px;
	}


div#info div.right dl{
	width:80%;
	font-size:160%;
	margin: 0 auto;
	}

div#info div.right dl dt{
	width:40%;
	margin:0 15px 30px 15px;
	display: inline-block;}

div#info div.right dl dt img{
	width:220px;
	height:220px;}

div#info div.right dl dd{
	display:none;}


div#info div.right p{
	width:80%;
	padding:10px 0 ;
	text-align:center;
	color:#ffdb3f;
	font-size:160%;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	border: 2px solid #ffdb3f;
	margin:20px  auto;
	letter-spacing:10px;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4);
	text-shadow:#000000 5px 5px 5px;}

div#info div.right p:hover{
	border: 1px solid  #EC0003;
}

div#info div.right p a:hover{
	color:#EC0003;
}

/* --------------------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------------------- */


footer{
	width:100%;
	padding:50px 0;
	height:auto;
	min-width:640px;
	position:relative;
}


footer ul{
	margin: 0 auto 40px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
}

footer ul li{
	display: block;
	width: 300px;
	margin-right: 0 !important;
	padding:0;
	text-align:left;
	font-size:16px;
	font-weight:normal;
}


footer p.logo{
	width:100%;
	margin:0 auto;
	padding: 0;
	background:none;
	text-align: center;
}


footer .text {
	flex-wrap: wrap;
}
footer .text div {
	width: 100%;
	margin-bottom: 20px;
}
footer .text div h3 {
}
footer .text div p {
}
footer .text div a {
}
footer .text div a span {
}
.copy {
	height: 40px;
}


/* --------------------------------------------------------------------------------------
2階層目
--------------------------------------------------------------------------------------- */



header.lev2{
	min-width:640px;
	background:#000000;}

header.lev2 h1{
	padding:20px 0;
	text-align:center;
	background:#000000;}
	
header.lev2 h1 img{
	width:500px;}

/* --------------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------------- */

div#contents_collection{
	margin:0 auto;
	width:100%;
	background-position:90% 00%;
	position:relative;
	}

div#contents_collection img.site_bg{
	position:absolute;
	top:5%;
	right:10%;
	}


/* --------------------------------------------------------------------------------------
ナビ
--------------------------------------------------------------------------------------- */


nav.lev2{
	display:none;}	


/* --------------------------------------------------------------------------------------
パンくず
--------------------------------------------------------------------------------------- */

#location{
	width:80%;
	height:40px;
	margin:30px auto;
	background:url(images/list_bg.jpg)  no-repeat;
	border-left:10px solid #ffc444;
	min-width:640px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#location ul{
	padding: 5px 0;}

#location ul li{
	padding: 0 10px;
	display:inline-block;}

/* --------------------------------------------------------------------------------------
コレクションリスト
--------------------------------------------------------------------------------------- */


div#collectionlist{
	width:100%;
	height:100%;
	min-height:1400px;
	padding:50px 0;
	min-width:640px;
	position:relative;
	color:#FFFFFF	;
	}

div#collectionlist header{
	width:90%;
	min-width:640px;
	margin:0 auto;
	padding:50px 0 0 0;
	background:none;}


div#collectionlist header p{
	width:90%;
	margin:30px auto;
	padding:50px 0 0 0;
	font-weight: normal;
	text-align:center;}

div#collectionlist header h2{
	width:80%;
	margin:0 auto;
	text-align:center;
	font-size:230%;
	font-family: "Times New Roman", Times, serif;
	letter-spacing:20px;
	font-weight:normal;
	}


div#collectionlist div.inbox{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	}


div#collectionlist div.inbox section{
	width:300px;
	height:200px;
	float:left;
	}

div#collectionlist div.inbox section dl dt img{
	width:100%;
	height:auto;
	margin: 0px 0 10px 0;
	}

div#collectionlist div.inbox section dl dt{
	font-size:90%;
	margin: 5px 0;
	text-align:center;
	}

div#collectionlist div.inbox section dl dd{
	font-size:70%;
	text-align:center;
	margin: 5px 0;
	}


/* --------------------------------------------------------------------------------------
コレクション
--------------------------------------------------------------------------------------- */


div#collection_lev2{
	width:100%;
	padding:50px 0;
	min-width:640px;
	position:relative;}

div#collection_lev2 header{
	width:80%;
	min-width:640px;
	margin:0 auto;
	padding:50px 0 0 0;
	background:none;}

div#collection_lev2 header h2{
	width:80%;
	min-width:640px;
	margin:0 auto;
	text-align:center;
	font-size:230%;
	font-family: "Times New Roman", Times, serif;
	letter-spacing:20px;
	font-weight:normal;
	}

div#collection_lev2 header h2 span{
	color:#FF0004;
	}

div#collection_lev2 header h3{
	width:80%;
	min-width:640px;
	text-align:center;
	font-size:140%;
	margin:20px 0;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	}

div#collection_lev2 section p{
	margin:30px 0;
	font-size:80%;
	text-align:center;
	letter-spacing:1px;}

div#collection_lev2 ul{
	width:95%;
	height:auto;
	margin:20px auto;
	padding:20px 0px;
	background:none;
	text-align:center;
	}


div#collection_lev2 ul li{
	width:160px;
	padding:20px;
	text-align:center;
	letter-spacing:5px;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
}

div#collection_lev2 ul li.start{
	width:160px;
	text-align:center;
	letter-spacing:5px;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
}

div#collection_lev2 ul li.end{
	width:160px;
	text-align:center;
	letter-spacing:5px;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
}


/* --------------------------------------------------------------------------------------
コレクション詳細
--------------------------------------------------------------------------------------- */

div#detail{
	width:90%;
	margin:100px auto;}

div#detail div.ditail_in{
	width:100%;
	margin:0 auto;}

div#detail div.ditail_in div.images{
	width:570px;
	margin:100px auto;}

div#detail div.ditail_in div.ditail_box{
	width:570px;
	display:table;
	margin:0 auto;}

div#detail div.ditail_in div.ditail_box div.txt{
	width:270px;
	display:table-cell;
	padding:0px;
	margin:0px auto;}

div#detail div.ditail_in div.ditail_box div.txt h2{
	width:270px;
	font-size:24px;
	padding: 0 0 10px 0;
	border-bottom:1px solid #ffc444;
	margin:0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;}

div#detail div.ditail_in div.ditail_box div.txt p{
	width:270px;
	font-size:20px;
	margin: 10px 0;
	}


div#detail div.ditail_in div.ditail_box div.contact {
	display:table-cell;
	text-align:center;
	position:relative;
	}


div#detail div.ditail_in div.ditail_box div.contact p.btn{
	width:200px;
	text-align:center;
	border:2px solid #ffc444;
	margin:  0 0 0 50px;
	position:absolute;
	bottom:50%;
	}

div#detail div.ditail_in div#sub_img{
	width:570px;
	margin: 30px auto;
	}


div#detail div.ditail_in div#sub_img .postImg{
	display:inline-block;
	margin:0 20px;
	}


div#detail div.ditail_in  div.images dl{
	text-align:center;
	width:140px;
	display:inline-block;
	margin: 20px 0 0px 40px;}


/* --------------------------------------------------------------------------------------
ブログ
--------------------------------------------------------------------------------------- */

div#blog_box{
	width:100%;
	margin:0px auto;
	}

div#blog_box div#blog_in{
	margin:50px auto;
	padding:30px 10px;
	}

div#blog_box div#blog_in h2{
padding: 0 0 10px 0;
	border-bottom:1px solid #ffc444;
	margin:0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;	}

div#blog_box div#blog_in p{
	margin:50px 0  0px  0;
}

div#blog_box div#blog_in p img{
	text-align:center;
	margin:50px auto;
}

div#blog_box div#blog_in div#bloglist{
	margin:50px 0 ;
}
div#blog_box div#blog_in div#bloglist section{
	margin:20px 0 ;
}

div#blog_box div#blog_in div#bloglist section h2 span{
	font-size:90%;
	margin: 0 20px 0 0;
}


/* --------------------------------------------------------------------------------------
404
--------------------------------------------------------------------------------------- */

div#notfound{
	width:900px;
	margin: 150px auto;}

div#notfound p{
	text-align:center;
	font-size:250%;}

/* --------------------------------------------------------------------------------------
固定ページ
--------------------------------------------------------------------------------------- */

div#kotei{
	width:90%;
	padding:20px 0;
	margin:0 auto;
	height:auto;
	min-width:640px;
	position:relative;}


div#kotei h2{
	width:90%;
	margin:0px auto 30px auto;
	text-align:center;
	font-size:230%;
	font-family: "Times New Roman", Times, serif;
	letter-spacing:20px;
	font-weight:normal;
}

div#kotei p{
	width:100%;
	margin:60px auto 30px auto;
	font-family: "Times New Roman", Times, serif;
	letter-spacing:0.5px;
	font-weight:normal;
	font-size:22px;
}

div#kotei p span{
	font-size:230%;
}



div.catch{
	display:none;
	}


div#contact{
	width:90%;
	text-align:center;
	border:2px solid #ffc444;
	margin:100px auto;
	padding:10px;
	font-size:200%;
	}
	

div#form{
	width:90%;
	font-size:20px;
	margin:100px auto;
	background: #3A3A3A;
	padding:20px;
	border-radius:10px;
	box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.4) inset;
	}

table.form_in{
	}
	
table.form_in th{
	font-weight: normal;
	padding:10px;
	}

table.form_in th span{
	color:#EC0003;
	}

table.form_in td{
	padding:10px;
	}

table.form_in td.btn{
	text-align:center;
	}

table.form_in td.btn span{
	text-align:center;
	font-size:80%;
	}
}

div#detail div.ditail_in div.images,
div#detail div.ditail_in div.images img {
	max-width: 100%;
	height: auto;
}