/* common */

html,
body {
  overflow-x: hidden; /* 狭いデバイスでのスクロールを防止 */
  scroll-padding-top: 85px;
}

body {
  padding-top: 85px;
}

a:hover{
  color: red;
}

.navbar{
  height: 85px;
}

.logo{
  height: 63px;
  margin-left:15px;
}

span.cuff {
   display: inline-block;
}

.red{
  color: red;
}

a.menu-size{
  font-size: 0.9em;
  margin-right: 1em;
  line-height: 140%;
}


a.menu-size:hover{
  color: red !important;
}

a.member_login{
  font-size: 0.9em;
  line-height: 130%;
}

a[href*="tel:"],a[href*="tel:"] {
	pointer-events: none;
	text-decoration: none;
}

img.cart_icon{
  width: 30px;
   margin-top: 9px;
  margin-bottom: 10px;
}

.btn-member {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8C907E;
  --bs-btn-border-color: #8C907E;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e62737;
  --bs-btn-hover-border-color: #e62737;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5e624e;
  --bs-btn-active-border-color: #5e624e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #8C907E;
  --bs-btn-disabled-border-color: #8C907E;
}

h2.midsashi {
  font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 2.2em;
  line-height: 140%;
  margin-bottom: 1em;
}

h3.midsashi {
  font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 2em;
}

.midsashi_line{
  margin-top: 1.5em;
  padding-bottom: 15px;
  border-bottom: solid 1px #333;
}

img.seminar_icon{
	position: absolute;
	width: 70px;
}

span.seminar_icon_space{
	padding-left:85px;
}

img.product_icon{
	position: absolute;
	width: 30px;
	top: 46px;
}

span.product_icon_space{
	padding-left:45px;
}


div#button a{
	width: 350px;
	padding: 10px;
} 

@media screen and (max-width: 1510px) {
	.logo{
	height: 58px;
	margin-left:15px;
	}
	
	a.menu-size{
		margin-right: 0.5em;
	}

}

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

	
	img.cart_icon{
	width: 24px;
	margin-top: 0px;
	margin-bottom: 7px;
	}

}

@media screen and (max-width: 1037px) {	
	img.cart_icon{
	width: 	20px;
	margin-top: 1px;
	margin-bottom: 5px;
	}
	
	a.member_login{
	font-size: 0.75em;
	line-height: 120%;
}

}

@media screen and (max-width: 992px) {
	a.menu-size{
		font-size: 1em;
		padding: 1em;
		border-bottom: dotted 1px #999;
		display:inline-block;
		width: 30vw;
	}
	
	
	a.member_login{
		font-size: 1em;
		display:inline-block;
		width: 30vw;
		margin-top: 1em;
		padding: 0.5em;
	}
	
	img.cart_icon{
		margin-top: 0px;
	}

	.spacer{
		margin-top: 30px;
	}
	
	h2.midsashi {
	font-size: 2em;
	}
	
	h3.midsashi {
	font-size: 2em;
	}
	
	img.seminar_icon{
	top: 40px;
	width: 80px;
	}
	
	span.seminar_icon_space{
	padding-left: 100px;
	}
	
	img.product_icon{
	top: 30px;
	width: 40px;
	}
	
	span.product_icon_space{
	padding-left: 65px;
	}
	
}

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

	a.menu-size{
		width: 40vw;
	}
	
	a.member_login{
		width: 40vw;
	}
	
	h2.midsashi {
	font-size: 1.7em;
	}
	
	h3.midsashi {
	font-size: 1.7em;
	}
	
	img.seminar_icon{
	top: 46px;
	width: 70px;
	}
	
	span.seminar_icon_space{
	padding-left: 90px;
	}
	
	img.product_icon{
	top: 40px;
	width: 30px;
	}
	
	span.product_icon_space{
	padding-left: 50px;
	}
	
	a[href*="tel:"] {
	pointer-events: auto;
	text-decoration: underline;
	}
}


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

	a.menu-size{
		width: 60vw;
	}
	
	a.member_login{
		width: 60vw;
	}
}


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

	img.seminar_icon{
		position: absolute;
		width: 50px;
	}
	
	span.seminar_icon_space{
		padding-left: 60px;
	}
	
	img.product_icon{
		position: absolute;
		width: 25px;
		top: 40px;
	}
	
	span.product_icon_space{
		padding-left:45px;
	}
}




p.float-clear{
	clear:both;
}


input {
      font-family: inherit;
      font-size: inherit;
      border-radius: .25rem;
      border: 1px solid #707070;
      outline: none;
      padding: 0.375em 0.75em;
}

input:focus {
      border-color: rgba(var(--color_rgb), .5);
      box-shadow: 0 0 3px 1px rgba(var(--color_rgb), .5);
}

input[type="checkbox"],.apply input[type="radio"] {
      accent-color: var(--color);
}


@media screen and (max-width: 767px) {
	input {
		padding: 0;
	}	
}


/* 謹賀新年 */

div#info{
	border: solid 3px #bf272d;
	background-color: #fff;
	margin-bottom: 30px;
	background-image: url(../img/info_top/nenga_back_3.jpg); 
  	background-repeat: no-repeat; 
	background-position: center top ;
}

div#info div#contents{
	padding-top: 15px;	
	padding-bottom: 10px;
	background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

div#info h3{
	display: block;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}

div#info h3#kingashinen{
	font-size: 1.8em;
}

img.kingashinen_img_left{
	padding-right: 2em;
}

img.kingashinen_img_right{
	padding-left: 2em;
}

div#info p#honbun{
	width: 90%;
	font-size: 1.1em;
	margin-top:25px;
	margin-left: auto ;
	margin-right: auto;
	margin-bottom:30px;
	text-shadow: 0px 0px 15px rgba(255, 255, 255, 1), 0px 0px 15px rgba(255, 255, 255, 1), 0px 0px 15px rgba(255, 255, 255, 1);
}

span.info_small{
	font-size: 0.8em;
}

div#info a{
	color: #bf272d;
	text-decoration: underline;
	text-shadow: 0px 0px 15px rgba(255, 255, 255, 1), 0px 0px 15px rgba(255, 255, 255, 1), 0px 0px 15px rgba(255, 255, 255, 1);
}

div#info a:hover{
	color:  red;
}


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

div#info{
	background-image: url(../img/info_top/nenga_back_2.jpg); 
}

div#info h3#kingashinen{
	font-size: 1.5em;
}


img.kingashinen_img_left{
	padding-right: 1em;
	height: 1.2em;
}

img.kingashinen_img_right{
	padding-left: 1em;
	height: 1.2em;
}


div#info p#honbun{
	width: 85%;
	font-size: 0.95em;
	text-align: left;
}

div#info h3{
	display: block;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}

}



/* INFORMATION */
.info-wrap {
  display: flex;
  width: 100%;
  background-image: repeating-linear-gradient(-45deg, #dc143c, #dc143c 3px, #c20027 3px, #c20027 4px);
  padding: 2px;
}
.info-head {
  width: calc(9em + 8px);
  color: #fff;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 30px;
  padding: 10px 0 4px 0;
}
.info {
  width: 100%;
  height: 50px;
  background: #fff;
  line-height: 150%;
  padding: 12px 5px;
  overflow-x: scroll;
}
.info ul {
  list-style: none;
  height: 100%;
  padding: 0;
  margin: 0;
}

a.info{
  color: #dc143c;
  font-weight: bold;
  text-decoration:underline; 
}

a.info:hover{
  color: red;
}

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

	.info-head {
	width: calc(6em + 8px);
	font-size: 0.8em;
	}
	
	.info-item a{
	font-size: 0.8em;
	padding:0;
	white-space:nowrap;
	}
}




/* news */
.ticker-wrap {
  display: flex;
  width: 100%;
  background-image: repeating-linear-gradient(-45deg, #333333, #333333 3px, #444444 3px, #444444 4px);
  padding: 1px;
}
.ticker-head {
  width: calc(9em + 8px);
  color: #fff;
  line-height: 30px;
  padding: 5px 0 1px 0;
}

.ticker-head a:link{
  color: #fff;
  display : block;
}

.ticker-head a:hover{
  color: red !important;
}

.ticker-head a:visited{
  color: #fff;
}

.ticker-head a:active{
  color: #fff;
}


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

	.ticker-head {
		width: calc(6em + 8px);
		line-height: 120%;
		padding: 5px 0 1px 0;
		font-size: 0.8em;
	}

}

.ticker {
  width: 100%;
  height: 40px;
  background: #fff;
  line-height: 30px;
  padding: 5px;
  overflow: hidden;
}
.ticker ul {
  position: relative;
  list-style: none;
  height: 100%;
  padding: 0;
  margin: 0;
}
.ticker-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-right: 0;
  opacity: 0;
}
.ticker-item a {
  display: inline-block;
  width: auto;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
  transition: transform 5s linear;
}
.ticker-date {
  font-weight: bold;
  font-size: 0.9em;
}
.ticker-title {
  margin-left: 10px;
}
.ticker-new {
  color: red;
  margin-left: 10px;
  animation: blink 1s ease-in-out infinite alternate;
}
.fadeInDown {
  opacity: 0;
}
.fadeInDown.run {
  animation: fadeInDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.fadeOutDown {
  opacity: 1;
}
.fadeOutDown.run {
  animation: fadeOutDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(30px);
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}


/* オンラインストア */

.row-eq-height {
    display: flex;
}

img.store_icon{
	width:80px;
	margin-bottom:-5px;
}

.store-prime{
	border: solid 5px #313e4c;
	background-color: #fff;
}


img.prime-logo{
	width:65%;
}

.store-prime h4{
	text-align: center;
	color: #313e4c;
	margin: 1em 0;
}

.store-prime h5{
	text-align: center;
	color: #313e4c;
	margin-bottom: 1em;
}

.store-prime a{
	margin: 0.5em 0;
}

.store-prime-naiyo{
	padding: 2em !important;
  background-image: repeating-linear-gradient(-45deg, #f1f5f8, #f1f5f8 5px, transparent 5px, transparent 6px);

}

.btn-store-prime {
  width: 60%;
  padding: 10px;
  --bs-btn-color: #fff;
  --bs-btn-bg:  #313e4c;
  --bs-btn-border-color: #313e4c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #526880;
  --bs-btn-hover-border-color: #526880;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #526880;
  --bs-btn-active-border-color: #526880;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #313e4c;
  --bs-btn-disabled-border-color: #313e4c;
}

.store-prime-top{
	border: solid 5px #313e4c;
	background-color: #fff;
	width: 80%;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}


img.prime-logo-top{
	width:37%;
}

.store-prime-top h4{
	text-align: center;
	color: #313e4c;
	margin: 1em 0;
}

.store-prime-top h5{
	text-align: center;
	color: #313e4c;
	margin-bottom: 1em;
}

.store-prime-top a{
	margin: 0.5em 0;
}

.store-prime-naiyo-top{
	padding: 2em !important;
  background-image: repeating-linear-gradient(-45deg, #f1f5f8, #f1f5f8 5px, transparent 5px, transparent 6px);

}

.btn-store-prime {
  width: 60%;
  padding: 10px;
  --bs-btn-color: #fff;
  --bs-btn-bg:  #313e4c;
  --bs-btn-border-color: #313e4c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #526880;
  --bs-btn-hover-border-color: #526880;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #526880;
  --bs-btn-active-border-color: #526880;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #313e4c;
  --bs-btn-disabled-border-color: #313e4c;
}

img.beauty-logo{
	width:70%;
}

.store-beauty{
	border: solid 5px #a91d28;
	background-color: #fff;
}

.store-beauty-top{
	border: solid 5px #a91d28;
	background-color: #fff;
	width: 80%;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}

.store-beauty h4{
	text-align: center;
	color: #a91d28;
	margin: 1em 0;
}

.store-beauty h5{
	text-align: center;
	color: #a91d28;
	margin-bottom: 1em;
}

.store-beauty a{
	margin: 0.5em 0;
}

.store-beauty-naiyo{
	  background-image: repeating-linear-gradient(-45deg, #f9eef0, #f9eef0 5px, transparent 5px, transparent 6px);
	padding: 2em !important;
}

img.beauty-logo-top{
	width:50%;
}

.store-beauty-top{
	border: solid 5px #a91d28;
	background-color: #fff;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}

.store-beauty-top h4{
	text-align: center;
	color: #a91d28;
	margin: 1em 0;
}

.store-beauty-top h5{
	text-align: center;
	color: #a91d28;
	margin-bottom: 1em;
}

.store-beauty-top a{
	margin: 0.5em 0;
}

.store-beauty-naiyo-top{
	  background-image: repeating-linear-gradient(-45deg, #f9eef0, #f9eef0 5px, transparent 5px, transparent 6px);
	padding: 2em !important;
}

.btn-wrap{
	margin-top: 2em;
}

.btn-store-beauty {
  width: 60%;
  padding: 10px;
  --bs-btn-color: #fff;
  --bs-btn-bg:  #a91d28;
  --bs-btn-border-color: #a91d28;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e62737;
  --bs-btn-hover-border-color: #e62737;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e627371;
  --bs-btn-active-border-color: #e627371;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #a91d28;
  --bs-btn-disabled-border-color: #a91d28;
}

@media screen and (max-width: 1200px) {
	.store-prime-top{
		width: 100%;
	}
	
	.store-beauty-top{
		width: 100%;
	}

}


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

	.store-prime-top{
		text-align: left;
	}
	
	.store-beauty-top{
		text-align: left;
	}
	
	img.prime-logo{
		width:65%;
	}
	
	img.prime-logo-top{
		width:65%;
	}
	
	img.beauty-logo{
		width:70%;
	}
	
	img.beauty-logo-top{
		width:70%;
	}
}


@media screen and (max-width: 767px) {
	img.store_icon{
		width:60px;
		margin-bottom:-5px;
	}
	
	.store-prime-top{
		text-align: left;
	}
	
	.store-beauty-top{
		text-align: left;
	}

	img.prime-logo{
		width:75%;
	}
	
	img.prime-logo-top{
		width:75%;
	}
	
	img.beauty-logo{
		width:80%;
	}
	
	img.beauty-logo-top{
		width:80%;
	}
}




/* セミナー・講習案内 */


div.seminar ul{
	list-style-type: none;
	padding:0;
	margin:0;
	margin-bottom: 0.5em;
}

div.seminar li{
	padding:0;
	margin:0;
	background-color: #fff;

}

div.seminar li a{
	color: #b01422;
	text-decoration:none;
}


div.seminar li a:hover{
	color: red;
}

div.seminar a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

div.seminarGroup{
	width: 100%;
	padding: 2em 1em 0 0;
	border-bottom: solid 3px #ddd;
}

div.seminarPhoto{
	width: 10%;
	min-width: 100px;
	background-image: url('../images/seminar/calendar/line.svg');
	background-repeat : no-repeat ;
	background-position: left top; 
	float: left;
}

@media screen and (min-width: 1400px) {
	div.seminarPhoto{
		margin-left: 20px;
	}
}

@media screen and (min-width: 1200px) {
	div.seminarPhoto{
		margin-left: 10px;
	}
}

div.seminarPhoto img{
	width: 50%;
}



div.seminarPhoto p.year img{
	width: 100%;
}


div.seminarPhoto img.year{
	width: 100%;
}

div.seminarPhoto img.week{
	width: 100%;
}

div.seminarText{
	width: 75%;
	float: right;
}

div.seminarTopGroup{
	width: 100%;
}

div.seminarTopLeft{
	width: 50%;
	text-align: left;
	float: left;	
}

div.seminarTopLeft p{
	display: inline;
	color: #ffffff;
	padding: 5px 15px;
	font-size: 0.9em;
	background-color: #333333;
}

li a:hover div.seminarTopLeft p{
	background-color: #666666;
}

div.seminarTopRight{
	width: 50%;
	text-align: right;
	float: left;	
}

div.seminarTopRight p{
	display: inline;
	color: #ffffff;
	padding: 5px 15px;
	font-size: 0.9em;
	background-color: #b01422;
}

li a:hover div.seminarTopRight p{
	background-color: red;
}


p.seminar_name{
	line-height: 140%;
	font-size: 1em;
	text-decoration:underline; 
}


p.sub{
	line-height: 140%;
	color: #333333;
}

li a:hover p.sub{
	color: #666666;
}




/* 募集中なし */


div#data_none h4{
	padding-top: 50px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}



div#data_none p{
	display: block;
	text-align: center;
	margin-top: 30px;
	font-size: 13px;
}


div#data_none a{
	padding: 10px 30px;
	background-color: #333333;
	color: #ffffff;
	text-decoration: none;
}

div#data_none a:hover{
	background-color: #bf272d;
}


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

div.seminarPhoto{
	margin-left: 1em;
	
}

div.seminarPhoto img{
	width: 50%;
	
}

div.seminarText{
	width: 77%;
}

}


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

div.seminarPhoto{
	margin-left: 0;
	
}

div.seminarPhoto img{
	width: 46%;
}

div.seminarText{
	width: 67%;
}


}


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

div.seminarPhoto{
	margin-left: 0;
	
}

div.seminarPhoto img{
	width: 46%;
}

div.seminarText{
	width: 65%;
}

}



/* 新着商品・サービス */

div.product ul{
	list-style-type: none;
	padding:0;
	margin:0;
}

div.product li{
	background-color: #fff;
	border-bottom: solid 3px #ddd;
}

div.productGroup{
	width: 100%;
}

div.productPhoto{
	width: 180px;
	float: left;
	margin-bottom: -32px;
}

div.productPhoto img{
	width: 180px;
}

li a:hover div.productPhoto img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

div.productText{
	width: 65%;
	float: right;
	padding-top:30px;
	padding-right:30px;
}

div.productTopGroup{
	width: 100%;
	margin-bottom:-10px;
}



div.productTopLeft{
	width: 30%;
	text-align: left;
	float: left;
}

div.productTopLeft p{
	display: inline;
	color: #ffffff;
	padding: 5px 15px;
	font-size: 0.9em;
	background-color: #333333;
}

li a:hover div.productTopLeft p{
	background-color: #666666;
}

div.productTopRight{
	width: 70%;
	text-align: right;
	float: right;
}

div.productTopRight p{
	font-size:1em;
	color: #b01422;
}

li a:hover div.productTopRight p{
	color: red;
	
}

div.productTopRight p.release{
	line-height: 140%;
}

div.productTopRight span.new{
	display: inline;
	color: #ffffff;
	padding: 5px 15px;
	font-size: 0.9em;
	margin-top: -2px;
	background-color: #b01422;
}

li a:hover div.productTopRight span.new{
	background-color: red;
}


p.shohin{
	line-height: 140%;
	font-size: 1em;
	text-decoration:underline; 
	color: #b01422;
}


li a:hover p.shohin{
	color: red;
}


p.sub{
	padding-top: 5px;
	font-size: 0.9em;
	line-height: 140%;
	color: #333333;
}

li a:hover p.sub{
	color: #666666;
}


.motto{
	margin-bottom: 2em;
}




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

div.productPhoto{
	width: 150px;
}

div.productPhoto img{
	width: 150px;

}

div.productText{
	width: 68%;
}


div.productTopLeft{
	width: 30%;
}

div.productTopRight{
	width: 70%;
}

}

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

div.productPhoto{
	width: 140px;
}

div.productPhoto img{
	width: 140px;

}


div.productText{
	width: 65%;
	padding-top:10px;
	padding-right:10px;
}


div.productTopLeft{
	width: 35%;
}

div.productTopRight{
	width: 65%;
}


}



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

div.productPhoto{
	width: 160px;
}

div.productPhoto img{
	width: 160px;

}


div.productText{
	width: 72%;
	padding-top:10px;
	padding-right:10px;
}


div.productTopLeft{
	width: 35%;
}

div.productTopRight{
	width: 65%;
}


}


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

div.productPhoto{
	width: 25%;
}

div.productPhoto img{
	width: 100%;
}

div.productTopLeft{
	width: 40%;
}

div.productTopLeft p{
	padding: 5px 10px;
	font-size: 0.85em;
}

div.productTopRight{
	width: 60%;
}

p.shohin{
	margin-top: 0px;
}

}


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

div.productPhoto{
	width: 30%;
}

div.productPhoto img{
	width: 100%;
}

div.productText{
	width: 65%;
}

div.productTopLeft p{
	padding: 5px 5px;
	font-size: 0.8em;
}

div.productTopRight p{
	font-size:0.9em;
}


}


/* 取引先メーカー一覧 */

div.maker{
	padding-top: 2em;
	padding-bottom: 1em;
	border-bottom: dotted 1px #333;
}

div.maker .cell{
	padding-bottom: 1.5em;
	line-height: 120%;
}

div.maker .ls{
	padding-top: 0;
}

div.maker a{
	text-decoration:underline;
}

div.maker .category{
	font-weight: bold;
}

@media screen and (max-width: 1200px) {
	div.maker .cell{
		font-size: 0.9em;
	}
}

@media screen and (max-width: 767px) {
	div.maker{
		border-bottom: none;
		text-align: center;
	}

	div.maker .category{
		padding: 0.5em 0 0.5em 1.5em;
		color: #333;
		border-top: solid 1px #333;
		border-bottom: solid 1px #333;
		margin-bottom: 2em;
	}
	
	.column{
		column-count: 2;
		text-align: left; 
	}
	
	div.maker .ls{
		padding-top: 1.2em;
	}
}


/* 経営理念・企業情報 */


.company h3{
	font-size: 1.3em;
	text-align: center;
	margin-top: 2em;
}

.company p.sub{
	font-size: 1em;
	text-align: center;
	margin-bottom: 4em;
}

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

	.company h3{
		font-size: 1.2em;
		text-align: left;
		margin-top: 1.5em;
		margin-bottom: 0.5em;
		line-height: 160%;
	}
	
	.company p.sub{
		font-size: 1em;
		text-align: left;
		margin-bottom: 1em;
		line-height: 170%;
	}
}

.company h4{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1.5em;
}

.company .support{
	font-weight: bold;
	color: #FF9900;
	margin-bottom: 0;
}

.heading_a{
	margin: 10px 0px;
	padding-left: 10px;
	border-left: solid 7px #FF6699;
}

.heading_b{
	margin: 10px 0px;
	padding-left: 10px;
	border-left: solid 7px #FF9900;
}

.heading_c{
	margin: 10px 0px;
	padding-left: 10px;
	border-left: solid 7px #6699FF;
}

.company table{
	margin-top: -2em;
}

.company th{
	padding: 2em 2em 2em 1em;
}


.company th.space_1{
	padding-bottom: 1em;
}

.company td.space_1{
	padding-top: 1em;
}


.company a.add{
	text-decoration:underline;
}

br.add{
	display: none;
}

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

	.company h3{
		font-size: 1.2em;
		text-align: left;
		margin-top: 1.5em;
		margin-bottom: 0.5em;
		line-height: 160%;
	}
	
	.company p.sub{
		font-size: 1em;
		text-align: left;
		margin-bottom: 1em;
		line-height: 170%;
	}
	
	.company table{
		margin-top: 0.5em;
	}
	
	.company th{
		padding-top: 1em;
		padding-bottom: 1em;
		border-bottom: dotted 1px #aaa;
	}
	
	.company td{
		padding-top: 1em;
		padding-bottom: 1em;
		border-bottom: dotted 1px #aaa;
	}
	
	br.add{
		display: block;
	}
}





/* リクルート・採用情報 */

.recruit h4{
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
	color: #b30000;
}

table.job{
	border: solid 3px #aaa;
	width: 100%;
	background-color: #fff;
}

.job th{
	padding: 1em;
	border: solid 1px #ccc;
	background-color: #eee;
	text-align: center;
}

.job td{
	padding: 1em;
	border: solid 1px #ccc;
}


table.apply{
	border: solid 3px #aaa;
	width: 100%;
	background-color: #fff;
}

.apply th{
	padding: 1em;
	border: solid 1px #ccc;
	background-color: #eee;
	text-align: center;
}

.apply td{
	padding: 1em;
	border: solid 1px #ccc;
}


.apply_pc {
  display: inline-block;
}

.apply_sp {
  display: none;
}

@media screen and (min-width: 1400px) {
	input.y{
		width: 8em;
	}
	
	input.m{
		width: 4em;
	}
	
	input.d{
		width: 4em;
	}
}

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

.apply_pc {
  display: none;
}

.apply_sp {
 display: inline-block;
}


}


.button_group{
	text-align: center;
}

.button_group .btn{
	width: 12em;
	padding:15px 0;
}

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

	.job th{
	text-align: left;
	width: 30%;
	}


	.button_group .btn{
	width: 8em;
	padding:15px 0;
	}

	.apply th{
	padding: 1em;
	text-align: left;
	width: 30%;
	}
	
	input.y{
	width: 4em;
	}
	
	input.m{
	width: 2em;
	}

	input.d{
	width: 2em;
	}

}



/* 公式SNS */

.line{
	text-align: center;
}

.insta{
	text-align: center;
}

.line h5{
	font-size: 1.2em;
	margin-bottom: 1em;
}

.insta h5{
	font-size: 1.2em;
	margin-bottom: 1em;
}

span.sns_border{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 4px 0;
}

.line_pc {
  display: inline-block;
}

.line_sp {
  display: none;
}


a.mail_button{
	display: block;
	width:	80%;
	padding: 10px 0;
	margin: auto;
	margin-top: 0.5em;
	background: #bf272d;
	color: #FFF;
	font-size:1.2em;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
}

a.mail_button:hover{
	opacity: 0.5;
}

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

a.mail_button{
	max-width: 350px;
}


}

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

.line_pc {
  display: none;
}

.line_sp {
 display: inline-block;
}

.line_sp img{
  width: 85%;
}

a.mail_button{
	width:	70%;
}


}



/* お問合わせ */

.contact_form table{
	margin: 0 auto;
	border: solid 3px #aaa;
	width: 80%;
	background-color: #fff;
}


.contact_form th{
	padding: 1em;
	border: solid 1px #ccc;
	background-color: #eee;
	text-align: center;
}

.contact_form td{
	padding: 1em 2em;
	border: solid 1px #ccc;
}

.contact input {
	width: 100%;
}


.contact textarea {
	width: 100%;
}



.contact_kakunin table{
	margin: 0 auto;
	border: solid 3px #aaa;
	width: 80%;
}


.contact_kakunin th{
	padding: 1em;
	border: solid 1px #ccc;
	background-color: #eee;
	text-align: center;
	max-width: 120px;
}

.contact_kakunin td{
	padding: 1em 2em;
	border: solid 1px #ccc;
	text-align: left;
	color: red;
}

@media screen and (max-width: 1200px) {
	.contact_form table{
		width: 100%;
	}
	
	.contact_kakunin table{
		width: 100%;
	}

}


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

	.contact_form th{
		width: 35%;
		font-size: 0.9em;
	}
	
	.contact_form td{
		padding: 1em;
	}
	
	.contact_kakunin th{
		width: 35%;
		font-size: 0.9em;
	}
	
	.contact_kakunin td{
		padding: 1em;
	}

}



/* フッター */

@media screen and (max-width: 580px) {
	.column{
		column-count: 2;
	}
}

h5.office{
	font-size: 1.1em;
}

#footer .cr{
	font-size: 0.8em;
}

p.map_large a{
	font-size: 0.9em;
	text-decoration:underline; 
	margin-top: 5px;

}