@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Hannari';
    src: url('https://manyoterai.co.jp/fonts/Hannari.otf') format('opentype');
}

body {
	margin:0;
	padding:0;
	font-family:"Hannari";
	font-size:18px;
	line-height:1.6;
	font-weight:100;
}

.sp_none{
	display:block;
}

.pc_none{
	display:none;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	visibility:hidden;
	clear:both;
}

img{
	width:100%;
}

.bold{
	font-weight:bold;
}

.font-kana{
	font-size: 60%;
}



@media screen and (max-width: 900px) {
.sp_none{
	display:none;
}

.pc_none{
	display:block;
}

}


/* content＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ content・リード*/



h1.season_title{
	text-align:center;
	font-weight:100;
	font-size:150%;
}

.top_message_area{
	width:70%;
	margin:80px auto;
	
}

.short-border{
	width: 25%;
	border-top:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
	margin:20px auto;
}

h1.title_message img{
	width:20%;
}

.top_message_link{
	text-align:right;
	margin-top:30px;
}

.top_message_link a{
	color:#92b5a9;
	text-decoration:none;
}

.top_message_link a:hover{
	text-decoration:underline;
}

.top_message_link::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0 0.1em 0.4em;
  border: 5px solid transparent;
  border-bottom: 0 solid transparent;
  border-top: 8px solid #92b5a9;
}

@media screen and (max-width: 900px) {
	.top_message_area{
	width:100%;
	margin:0px auto;
	
}
	.top_message{
	width:80%;
	margin:0 auto;
	text-align:justify;
}
	.top_message_link{
	text-align:right;
	width:80%;
	margin:30px 0 30px 9%;
}


}

/* content＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ content・文様紹介*/






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

h1.season_title{
	font-size:150%!important;
	margin-bottom:40px;
	padding:30px 0 0px;
	}
	
	.textile_price{
	margin:20px 0 0px;
	text-align:left;
	font-weight:bold;

}
}


.caption{
	line-height:1.6em;
	font-size:95%;
}

.caption_area{
	width:75%;
	margin:30px 0% 30px 25%;
	text-align:left;
	line-height:1.6em;
	font-size:88%;
}



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

.caption_area{
	width:100%;
	margin:20px auto;
	text-align:left;
	line-height:1.6em;
	font-size:88%;
}
}


/* material＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ material・素材202403追加*/
.material{
	padding-bottom: 30px;

}

.material_img{
	width:30%;
	float:left;
}

.material_txt_area{
	width:65%;
	float:right;
}



.material_txt{
	font-size: 90%;
}

.material_name{
	font-size: 130%;
}

@media screen and (max-width: 900px) {
.material_name{
	font-size: 100%;
}
}


/* content＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ content・プロフィール*/
.profile_area{
	width:60%;
	margin:80px auto;
}

.title_profile{
	text-align:center;
	font-size:140%;
	margin-bottom:10px;
}

.title_profile img{
	width:22%;
}

.profile_txt{
	margin-bottom:20px;
}

.profile_txt a,.attention a{
	color:#92b5a9;
	text-decoration:none;
}

.profile_txt a:hover{
	text-decoration:underline;
}

.toggle-company-box{
	display:none;
}

.button_company_area{
	text-align:center;
}

.button_company_area a{
	color:#92b5a9;
	text-decoration:none;
}

.button_company_area a:hover{
	text-decoration:underline;
}

.button_company_area::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0 0.1em 0.4em;
  border: 5px solid transparent;
  border-bottom: 0 solid transparent;
  border-top: 8px solid #92b5a9;
}

@media screen and (max-width: 900px) {
	
	.profile_area{
	width:80%;
	margin:50px auto;
}
	
	.title_profile img{
	width:55%;
}
}


/* content＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ content・会社概要*/

.company_area table{
	border-collapse:  collapse;
	margin:20px 0;
	width:100%;
	text-align:left;
	font-size:95%;
}

.company_area table,th,td {
    border: solid 1px #bbb;              /* 枠線指定 */
	padding:10px 10px 10px 15px;
	line-height:1.3;
}

th{
	background:#eee;
}

.company_area table th{
	width:20%;
	font-weight:bold;
}

.company_area table td{
	width:80%;
}


@media screen and (max-width: 900px) {
	.company_area table th{
	width:25%;
	font-weight:bold;
}

.company_area table td{
	width:75%;
}
}

/* footer＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ footer*/

.attention{
	width:80%;
	margin:30px auto;
	text-align:center;
	font-size:80%;
	padding:0px 10%;
}

.inquiry_area{
	background-color:#f5f5f5;
	padding-top:30px;
	padding-bottom:50px;
	text-align:center;	
}

.inquiry_area p{
	margin:0;
	padding:0;
}

h4.title_inquiry{
	font-size:140%;
	margin-bottom:10px;
}

h5.taitle_company_name{
	font-size:120%;
	margin:30px 0 0 ;
	padding:0;
}

.copy{
	text-align:center;
	font-size:85%;
	padding:15px;
}

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

.inquiry_area{
	background-color:#f5f5f5;
	width:86%;
	padding:10px 7% 10%;
	text-align:center;	
}

.attention{
	text-align:left;
}

}

/* shoplist＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 取り扱い店舗一覧*/

.shop_area{
	padding:50px 20%;
	text-align:left;
	border-bottom:solid 1px #ccc;
}
	
	
	.shop_area a{
		color:#000;
	}
	
.shop_list_box{
	border-bottom:solid 1px #ccc;
	padding:20px 0;
}

.shop_list_box:last-child{
	border-bottom:none;
}

.shop_name{
	float:left;
	width:40%;
}

.shop_spec{
	float:left;
	width:60%;
}


h1.title_shop_area{
	text-align:center;
	font-size:140%;
	font-weight:bold;
	margin-bottom:0;
}

h1.title_shop_area a{
	text-decoration:none;
	border-bottom:solid 1px #000;
	padding-bottom:5px;
}

h1.title_shop_area a:hover{
	opacity:0.5;
}

h3.title_shop_area{
	text-align:left;
	font-size:120%;
	margin-top:50px;
}

@media screen and (max-width: 900px) {
	.shop_area{
	padding:50px 5%;
	text-align:left;
	border-bottom:solid 1px #ccc;
}
	
}