@charset "utf-8";
.contents{
	max-width:980px;
	height:auto;
	/*min-height:820px;
	margin:20px auto 20px auto;*/
	margin:0 auto;
}
@media screen and (max-width: 800px) {
.contents{
	/*min-height:1280px;*/
	padding-left:10px;
	padding-right:10px;
}
}
@media screen and (max-width: 480px) {
.contents{
	/*min-height:800px;*/
}
}

.contents:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.contents.whitearea{
	background-color:#fff;
	padding:20px;
	max-width:940px;
}

.bread{
	padding:25px 0 10px 0;
	color:#999;
	font-size:12px;
}
.bread a{
	color:#999;
	text-decoration:none;
}
.bread a:hover{
	text-decoration:underline;
}

/* ==========================================================================
   collection
   ========================================================================== */

.collection_chapter{
	max-width:480px;
	font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
	float:left;
	margin-right:20px;
}
@media screen and (max-width: 980px) {
.collection_chapter{
	margin:0 auto 20px auto;
	float:none;
}
}
.collection_chapter p.title{
	font-size:22px;
	color:#669999;
	text-align:center;
	margin-top:12px;
}
.collection_chapter ul{
	width:100%;
	border-left:1px solid #ccc;
	margin-bottom:20px;
	margin-top:18px;
}
.collection_chapter ul:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
@media screen and (max-width: 480px) {
.collection_chapter ul{
	border-left:0px;
}
}
.collection_chapter ul li{
	border-right:1px solid #ccc;
	font-size:20px;
	width:10.9%;
	float:left;
	text-align:center;
}
.collection_chapter ul.eight li{
	width:12.2%;
}
.collection_chapter ul li a{
	display:block;
	color:#669999;
	text-decoration:none;
	height:50px;
	line-height:50px;
}
.collection_chapter ul li a:hover,
.collection_chapter ul li a.active{
	background-color:#F3F3F3;
}
@media screen and (max-width: 480px) {
.collection_chapter ul li{
	font-size:18px;
	width:10.75%;
}
.collection_chapter ul.eight li{
	width:12%;
}
}

.chapter_dress{
	max-width:480px;
	float:left;
}
@media screen and (max-width: 980px) {
.chapter_dress{
	float:none;
	margin:0 auto 30px auto;
}

}
@media screen and (max-width: 800px) {
.youtube {
    position: relative;
    width: 100%;
	padding: 56.25% 0 0;
    padding: calc(270 / 480 * 100%) 0 0;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
}



/* ==========================================================================
   pamphlet
   ========================================================================== */
.clr{ clear:both; }

.collection_area{
	margin-top:25px;
}

.pamphlet_genre{
	max-width:800px;
	margin:0 auto;
}
.pamphlet_genre.four{
	max-width:640px;
}
.pamphlet_genre ul{
	width:100%;
	border-left:1px solid #ccc;
	margin:20px 0 40px 0;
	font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
}
.pamphlet_genre ul:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
@media screen and (max-width: 480px) {
.pamphlet_genre ul{
	border-left:0px;
}
}
.pamphlet_genre ul li{
	border-right:1px solid #ccc;
	font-size:18px;
	width:19.85%;
	float:left;
	text-align:center;
}
.pamphlet_genre.four ul li{
	width:24.58%;
}
.pamphlet_genre ul li a{
	display:block;
	color:#666;
	text-decoration:none;
	height:50px;
	line-height:50px;
}
.pamphlet_genre ul li a:hover,
.pamphlet_genre ul li a.active{
	background-color:#F3F3F3;
}
@media screen and (max-width: 800px) {
.pamphlet_genre ul li{
	font-size:16px;
	width:19.75%;
}
}
@media screen and (max-width: 480px) {
.pamphlet_genre ul li{
	font-size:16px;
	width:19.7%;
}
.pamphlet_genre ul li a{
	line-height:1.4em;
}
.pamphlet_genre ul li a.line{
	/*line-height:50px*/
}
}
/*---------今月・先月------------*/
.new_dress{
	max-width:260px;
	margin:0 auto;
}
.new_dress ul{
	width:100%;
	border-left:1px solid #ccc;
	margin:20px 0 -10px 0;
	/*font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;*/
}
.new_dress ul:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.new_dress ul li{
	border-right:1px solid #ccc;
	font-size:14px;
	width:100%;
	text-align:center;
}
.new_dress ul li a{
	display:block;
	color:#666;
	text-decoration:none;
	height:50px;
	line-height:50px;
}
.new_dress ul li a:hover,
.new_dress ul li a.active{
	background-color:rgba(255, 255, 255, 0.4);
}

/*---------バックナンバー------------*/
.contents.pamphlet{
	background:#fff url(../images/collection_backimg.jpg) no-repeat right 50px;
}
@media screen and (max-width: 800px) {
.contents.pamphlet{
	background:#fff none;
}
}
.backnumber{
	padding:15px;
	font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
	font-size:22px;
}
.backnumber table th,
.backnumber table td{
	padding:10px;
}
.backnumber table td{
	background:url(../images/page/backnumber_arrow.jpg) no-repeat center left;
}
.backnumber table td a{
	color:#666;
}
.backnumber table td a:hover{
	text-decoration:none;
}

.backnumber.show table{
	width:100%;
}
.backnumber.show table tr{
	display:inline-block;
	width:30%;
}
@media screen and (max-width: 640px) {
.backnumber.show{
	padding:10px;
}
.backnumber.show table td{
	font-size:16px;
}
.contents .youtube{
	margin-bottom:15px;
}
}

/* ==========================================================================
   about us
   ========================================================================== */
.about{
	margin:0;
	float:left;
	width:300px;
	font-size:13px;
}
.about h2{
	margin-bottom:20px;
}
.history{
	padding:0 0 20px 0;
	font-size:13px;
	display:inline-table;
	line-height:1.6em;
}
.history .my-gallery{
	margin-bottom:15px;
}
.history .my-gallery figure{
	width:200px;
	height:auto;
	margin-right:10px;
	display:inline-block;
}
@media screen and (max-width: 800px) {
.history{font-size:12px;margin-top:20px;}
.history .my-gallery{
	margin-top:15px;
}
}
@media screen and (max-width: 640px) {
.history .my-gallery figure{
	width:140px;
}
}
.history a{
	color:#666;
}

/* ==========================================================================
   headdress
   ========================================================================== */
.headdress{
	margin:0 0 20px 0;
}
.headdress img{
	float:right;
	margin-top:-65px;
}
.headdress:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
@media screen and (max-width: 800px) {
.headdress img{
	display:block;
	margin:0 auto 10px auto;
	float:none;
}
}
h2.stephen{
	margin-bottom:15px;
}
h2.stephen img{
	float:none;
}
@media screen and (max-width: 640px) {
h2.stephen{
	text-align:center;
}}
.hat_gallery{
	max-width:980px;
	margin:15px auto;
	display: flex;
	/* flex-direction: row-reverse; */
	justify-content: space-between;
	padding-bottom:5px;
}
.hat_gallery p{
	width:18%;
}
.hat_gallery img{
	display:block;
	width:100%;
	height:auto;
}
.hat_large{
	margin:15px auto;
	max-width:980px;
}

/* ==========================================================================
   price
   ========================================================================== */
.price_list{
	width:100%;
	max-width:300px;
	float:left;
}
.price_list h3{
	margin:10px 0 3px 0;
}
.price_list table{
	font-size:13px;
	width:100%;
	margin-bottom:15px;
	border-top:1px solid #b2b2b2;
}
.price_list table td{
	line-height:1.2em;
	padding:6px 0 0 0;
}
.price_list table td.right{
	text-align:right;
}
.price_list table td.price_end{
	border-bottom:1px solid #b2b2b2;
	padding-bottom:6px;
}

.price_photo{
	/*padding-top:20px;*/
	float:right;
	max-width:600px;
}
.price_photo img{
	display:block;
	margin-bottom:20px;
}
.price_info{color: #9eb091;}
.mochikomi{
	font-size:12px;
	line-height:1.7em;
}
@media screen and (max-width: 930px) {
.price_list{
	max-width:270px;
}
.price_photo{
	max-width:530px;
}
}
@media screen and (max-width: 800px) {
.price_list{
	max-width:none;
	float:none;
	margin:0 auto;
}
.price_list table{
	font-size:14px;
}
.price_photo{
	margin:0 auto;
	max-width:600px;
	float:none;
}

}

/* ==========================================================================
   floorguide
   ========================================================================== */
.floorguide h3{
	display:table-cell;
	padding-right:25px;
	padding-bottom:10px;
}
.floorguide p{
	line-height:1.6em;
	padding:0 0 0 0;
	display:table-cell;
	font-size:12px;
	vertical-align:top;
}
@media screen and (max-width: 800px) {
.floorguide h3,
.floorguide p{
	display:inline-block;
}
}

.floor_wrap{
	border-right:1px solid #999;
	margin:15px 0;
	width:100%;
}
.floor_box{
	width:180px;
	padding:10px 23px 20px 27px;
	display:inline-block;
	border-left:1px solid #999;
}
.floor_box img{
	display:block;
	margin:0 auto 20px auto;
}
@media screen and (max-width: 990px) {
.floor_box{
	width:49%;
	padding:10px 0 20px 0;
}
}
@media screen and (max-width: 640px) {
.floor_box{
	width:100%;
}
}


/* ==========================================================================
   access
   ========================================================================== */
.access{
	padding:0 0 20px 0;
}
.access span{text-align:right;display:block;}
.access_img{
	float:left;
	max-width:400px;
}
.map_address{
	padding-left:20px;
	line-height:1.6em;
	float:left;
}
@media screen and (max-width: 918px) {
.map_address{
	padding-top:20px;
}
}
@media screen and (max-width: 640px) {
.access{
	padding:20px 0;
}
.access_img{
	float:none;
	margin:10px auto;
	max-width:400px;
}
.map{
	float:none;
	margin:0 auto 10px auto;
}
.map_address{
	float:none;
	margin:0 auto;
	max-width:494px;
}
}


/* ==========================================================================
   Tie-up（リンク集）
   ========================================================================== */
.tie_up{
	padding:20px 0;
	line-height:1.8em;
}
.tie_up a{
color: #c0d1c1;
}

/* ==========================================================================
   Privacy policy
   ========================================================================== */
.privacy{padding:20px 0;font-size:13px;line-height:1.7em;}
.privacy ol{
	list-style-type:decimal;
	margin:20px 20px 20px 35px;;
	line-height:1.7em;
}
@media screen and (max-width: 640px) {
.privacy{padding:10px;}
}

/* ==========================================================================
   Child care
   ========================================================================== */
.child_care{padding:20px;}
.child_care ul{
	list-style-type:disc;
	line-height:1.8em;
	font-size:13px;}

/* ==========================================================================
   資料請求
   ========================================================================== */
.request{
	padding:20px 10px;
}
.request table td{
	line-height:1.8em;
}
.request a{
	color:#669999;
}
.request .red{
	color:#ff0000;
}
@media screen and (max-width: 640px) {
.request{
	font-size:12px;
}
}

/* ==========================================================================
   recruit
   ========================================================================== */
.recruit{padding:10px 0;}
.recruit table{
	border-top:1px solid #ccc;
	margin-bottom:25px;
	width:100%;
}
.recruit table th,
.recruit table td{
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	padding:15px 0;
}
.recruit table th{
	width:150px;
	background-color:#F5F5F5;
}
.recruit table td{
	padding-left:15px;
}
.recruit table td a{
	/*text-decoration:none;*/
	color:#999;
}
.recruit a.call{
	color:#999;
}

p.recruit_guide{
	text-align:center;
	font-size:120%;
	color:#CC3333;
	font-weight:bold;
}
.recruit a.form_button{
	width:50%;
	display:block;
	padding:20px 0;
	margin:10px auto;
	/*background-color:#f5f5f5;
	background-color:#996699;*/
	  background: #a170a1;
  background-image: -webkit-linear-gradient(top, #a170a1, #7a477a);
  background-image: -moz-linear-gradient(top, #a170a1, #7a477a);
  background-image: -ms-linear-gradient(top, #a170a1, #7a477a);
  background-image: -o-linear-gradient(top, #a170a1, #7a477a);
  background-image: linear-gradient(to bottom, #a170a1, #7a477a);
	border:2px solid #7a477a;
	text-align:center;
	/*color:#6B8478;*/
	color:#fff;
	text-decoration:none;
	font-size:24px;
	font-weight:bold;

	-webkit-box-shadow: 0px 1px 3px #c4c4c4;
  -moz-box-shadow: 0px 1px 3px #c4c4c4;
  box-shadow: 0px 1px 3px #c4c4c4;

	border-radius: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
.recruit a.form_button:hover{
  background: #7a477a;
  background-image: -webkit-linear-gradient(top, #7a477a, #a170a1);
  background-image: -moz-linear-gradient(top, #7a477a, #a170a1);
  background-image: -ms-linear-gradient(top, #7a477a, #a170a1);
  background-image: -o-linear-gradient(top, #7a477a, #a170a1);
  background-image: linear-gradient(to bottom, #7a477a, #a170a1);
 }
.recruit b{
	font-weight:bold;
}

.recruit a.pamplet_button{
	width:50%;
	display:block;
	padding:20px 0;
	margin:10px auto 15px auto;
	  background: #a170a1;
  background-image: -webkit-linear-gradient(top, #a170a1, #7a477a);
  background-image: -moz-linear-gradient(top, #a170a1, #7a477a);
  background-image: -ms-linear-gradient(top, #a170a1, #7a477a);
  background-image: -o-linear-gradient(top, #a170a1, #7a477a);
  background-image: linear-gradient(to bottom, #a170a1, #7a477a);
	border:2px solid #7a477a;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;

	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(074,192,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(074,192,255,0.6);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(074,192,255,0.6);

	border-radius: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
.recruit a.pamplet_button:hover{
  background: #7a477a;
  background-image: -webkit-linear-gradient(top, #7a477a, #a170a1);
  background-image: -moz-linear-gradient(top, #7a477a, #a170a1);
  background-image: -ms-linear-gradient(top, #7a477a, #a170a1);
  background-image: -o-linear-gradient(top, #7a477a, #a170a1);
  background-image: linear-gradient(to bottom, #7a477a, #a170a1);
}

@media screen and (max-width: 480px) {
.recruit table th{
	width:80px;
}
.recruit table td{
	padding-left:10px;
}
.recruit table td a{
	color:#6b8478;
	text-decoration:underline;
}
.recruit a.form_button,
.recruit a.pamplet_button{
	width:70%;
}
}
.recruit_form{padding:10px 0;}
.recruit_form table td{
	padding:7px;
	vertical-align:top;
}

.recruit50{
	width:48%;
}
.recruit50.left{float:left;}
.recruit50.right{float:right;}
@media screen and (max-width: 950px) {
.recruit50{
	width:100%;
}
.recruit50.left{float:none;}
.recruit50.right{float:none;}
}

/* ==========================================================================
   資料請求
   ========================================================================== */
.siteselection{padding:10px 0;
}
.siteselection p{
	padding:10px 10px 10px 10px;
}
.siteselection div.leaf{
	background:url(../images/page/siteselection_leaf.jpg) no-repeat left center;
	padding:20px 5px 20px 60px;
}
.siteselection div.leaf strong{
	font-size:20px;
	color:#669999;
	display:block;
}
.siteselection .what{
	background-color:#F3F3F3;
	padding:15px;
	font-size:16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	max-width:680px;
}
.siteselection .what span{
	font-size:18px;
	display:block;
	color:#669999;
}
.siteselection .inquiry{
	background-color:#CFDAC9;
	max-width:680px;
	padding:15px;
	color:#fff;
	text-align:center;
	font-size:18px;
	margin:20px 0;
}
.siteselection .banner{
	max-width:710px;
	margin-top:20px;
}


/* ==========================================================================
   50th
   ========================================================================== */
.collection2014{padding:10px 0;}
@media screen and (max-width: 900px) {
.collection2014{
padding:10px;
max-width:450px;
margin:0 auto;
}
}
.main_img50th{
	float:right;
	margin-top:105px;
}
@media screen and (max-width: 900px) {
.main_img50th{
	max-width:418px;
	float:none;
	margin:10px auto;
}
}
.guest_photo{
	max-width:380px;
	text-align:center;
}
@media screen and (max-width: 640px) {
.guest_photo{
	margin:0 auto;
}
}
.attention_50th{
	margin:15px 0;
	line-height:1.8em;
	color:#333;
}