@charset "utf-8";
/*
Template:cosmoir
Theme Name:cosmoir-child
Theme URI:https://www.cosmoir.com/
Description:cosmoir
Author:TEAMWORKS
Author URI:https://tmwks.jp/
Version:1.6
*/

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="tel"], input[type="email"], textarea{
  vertical-align:middle;
  width:100%;
  line-height:35px;
  height:35px;
  padding:5px;
  margin-bottom: 5px;
  border:1px solid #d4d4d7;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  font-size:100%;
  color:#555;
  background:#fcfcfc;
  box-sizing: border-box;
  }
  textarea{
  height:auto;
  line-height:1.5;
  }
  select {
  padding: 8px 5px;
  }
  input[type=checkbox] {
          transform: scale(1.5);
          margin: 0 6px 0 0;
  }
  .wpcf7 input.wpcf7-back,
  .wpcf7 input.wpcf7-confirm { 
          position:relative;
          width:225px;
  }
  .wpcf7 form,.wpcf7 {
          margin: 0 !important;
          background: none !important;
          border: 0 !important;
  }
  .wpcf7 p {
          font-size: inherit !important;
  }
  *:first-child+html input[type="submit"]{padding:3px;}
  
  span.yubin,
  form input[type="submit"], input[type="reset"], input[type="button"] {
    margin: 0 auto;
    padding: 10px 20px;
    background: #A78F45;
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 1.5;
    font-size: 120% !important;
    color: #fff;
    cursor: pointer;
          height:48px;
          outline:none;
          -webkit-transition: all .3s;
          transition: all .3s;
  }
  span.yubin,
  span.yubin:hover { font-size: 80% !important; padding: 7px 10px; }
  form input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, span.yubin:hover {
    background: #A78F45;
	  opacity:0.7;
  }
  #searchform input[type="submit"] {
      line-height: 1;
      padding: 6px;
      vertical-align: top;
  }
  .submit-button{
    text-align:center;
  }
  /* 確認画面用CSS */
  /*枠線消す*/
  form .wpcf7c-conf {
    background-color: transparent !important;
    border: none !important;
  }
  .wpcf7-form table p {
    padding-bottom: 5px;
  }
  textarea.wpcf7-form-control {
    max-height: 100px;
  }
  .wpcf7 .wpcf7-submit {
          background-color: #A78F45 !important;
  }
  .wpcf7 .wpcf7-submit:hover {
          background-color: #A78F45 !important; 
          opacity:0.7;       
  }
  .wpcf7 input[type="submit"], .wpcf7 input[type="button"] {
          border: 0 !important;
  }
  /*確認画面でradioが見え難い*/
  input[type="hidden"] + span {
    font-weight: bold;
  }
  /*確認画面セレクトボックスヤジルシ消す*/
  select.wpcf7c-conf {
     -webkit-appearance: none;
     -moz-appearance:    none;
     -ms-appearance:    none;
     appearance:         none;
     /*Firefox用*/
      text-indent: .01px; 
      text-overflow: "";
  }
  select.wpcf7c-conf::-ms-expand {
    display: none;
  }
  .wpcf7-form table p {
      padding-bottom: 0;
  }
  [data-name="zip"] input[type="text"],
  .zip input[type="text"],
  .s_size input[type="text"] {
    width: 20%;
  }
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"]{
    width: 40%;
  }
  @media only screen and (max-width:767px){
  .wpcf7 input[type="tel"],
   .wpcf7 input[type="email"]{
     width:100%!important;
   }
  .submit-button{
          padding:0 50px;
  }
  
  
  span.required {
      display: inline-block;
      padding: 4px 6px;
      border-radius: 6px;
      background: #CE8686;
      color: #fff;
      font-size: 90%;
      line-height: 1.2;
      text-align: center;
      margin: 0 4px;
  }
  form table .txt_s {
      font-size: 80%;
      color: #666;
  }
  /*TABLE*/
  .post_content table {
      border-collapse: separate;
      border-spacing: 0;
      border-top: 1px solid #CCCCCC;
      border-left: 1px solid #CCCCCC;
      font-size: 100%;
      line-height: 141.7%;
      margin: 10px -1px 24px 0;
      width: 100%;
      text-align:left;
  }
  .post_content table th {
      box-shadow: 1px 1px 0 #FFFFFF inset;
      border: 0;
      border-right: 1px solid #CCCCCC;
      border-bottom: 1px solid #CCCCCC;
      vertical-align: top;
      font-weight: bold;
      background-color: #F0F0F0;
      padding: 10px;
      white-space: nowrap;
      text-align:left;
  }
  .post_content table td {
      border: 0;
      border-right: 1px solid #CCCCCC;
      border-bottom: 1px solid #CCCCCC;
      padding: 10px;
      vertical-align: middle;
      text-align:left;
  }
  .post_content table th.txt_c, .post_content table thead th {
      text-align:center;
  }
  .post_content table.flat,
  .post_content table.flat th,
  .post_content table.flat td {
    border: 0;
    background: none;
    box-shadow: none;
    font-weight: normal;
  }
  .post_content table.border,
  .post_content table.border th,
  .post_content table.border td {
    border: 0;
    background: none;
    box-shadow: none;
  }
  .post_content table.border th {
    border-bottom: 1px solid #000;
  }
  .post_content table.border td {
    border-bottom: 1px solid #ccc;
  }
  .post_content table.border tr:first-child th {
    border-top: 1px solid #000;
  }
  .post_content table.border tr:first-child td {
    border-top: 1px solid #ccc;
  }
  .post_content dl.history {
    display: flex;
    flex-wrap: wrap;
  }
  .post_content dl.history dt, .post_content dl.history dd {
          box-sizing: border-box;
  }
  .post_content dl.history dt {
    width: 35%;
    padding: 10px;
    background-color: #DADADA;
    margin: 0 0 10px 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .post_content dl.history dd {
    width: 65%;
    padding: 10px;
    background-color: #F3F3F3;
    margin: 0 0 10px 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  
  /*TCD*/
  /* Column layout - カラムレイアウト*/
  .post_col.post_col-4 { -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; width:100%; min-height:1px; margin-bottom:2em; padding-right:25px; padding-left:25px; float:left; }
  @media screen and (min-width: 768px) {
      .post_col.post_col-4 { width:66.66666%; }
  }
  @media screen and (min-width: 1024px) {
      .post_col.post_col-4 { width:66.66666%; }
  }
  .post_content [class^="well"] *:first-child:not(a) {
          margin-top: 0 !important;
          padding-top: 0 !important;
  }
  .post_content [class^="well"] *:last-child {
          margin-bottom: 0 !important;
  }
  .post_content [class^="well"] { 
          padding: 1.2em;
  }
  .post_content .style4a,
  .post_content .style5a {
          margin-top: 30px !important;
  }
  
  @media only screen and (max-width: 767px) {
          .post_content form table th, .post_content form table td,
          .post_content table.resp th, .post_content table.resp td {
            display: block;
          }
          .post_content form table th, .post_content table.resp th {
            border-top: 0;
            border-bottom: 0;
          }
          [data-name="zip"] input[type="text"],
          .zip input[type="text"],
          .s_size input[type="text"] {
            width: 30%;
          }
          span.yubin, span.yubin:hover { 
                  font-size: 80% !important;
                  padding: 7px 10px; 
          }
  }
  .anchor{
          display: block;
          padding-top: 120px;
          margin-top: -120px;
  }
  /*アンカー除外*/
  .post_content .pb-widget-editor *:first-child:not(.anchor):not(.gallery-item) {
          margin-top: 0 !important;
  }
  @media only screen and (max-width:767px) {
          .scroll table{
          width:100%;
          }
          .scroll{
          overflow: auto;
          white-space: nowrap;
          }
          .scroll::-webkit-scrollbar{
           height: 5px;
          }
          .scroll::-webkit-scrollbar-track{
           background: #F1F1F1;
          }
          .scroll::-webkit-scrollbar-thumb {
           background: #BCBCBC;
          }
  }
  
  
  .post_content .style4a,
  .post_content .style5a {
          margin-top: 30px !important;
  }
  
  
  /*改行*/
  br.pc-br{
          display:block;
  }
  br.sp-br{
          display:none;
  }
  @media only screen and (max-width:767px){
          br.pc-br{
                  display:none;
          }
          br.sp-br{
                  display:block;
          }
  }
	  
	  
/* font
------------------------------------------------------------------------*/
h2.style_h2{
	background:#CEBC86;
	padding:10px;
	border-radius:8px;
	color:#fff;
	font-weight:700;
	font-size:26px;
}  
h3.style_h3{
	border-bottom:1px solid #CEBC86;
	padding:0 0 15px 0;
	width:94%;
	color:#A78F45;
	font-weight:700;
}

@media only screen and (max-width:767px){
h2.style_h2{
font-size:20px !important;
margin-bottom:10px !important;
} 	  
}
	  
/* 固定ページhead h1
------------------------------------------------------------------------*/	  
#page_header{
display:none;
}
	  
h1.headline{
font-size:50px !important;	  
}
	  
/* サイドコンテンツ
------------------------------------------------------------------------*/	
#main_col {
/*  width: calc(100% - 250px); */
	width:100%;
}
	  
#side_col {
width:200px !important;		  
}
	  
/* rl-image-widget-link */
.rl-image-widget-image{
width: 200px;
border: 1px solid #ddd;
padding: 10px;
border-radius: 8px;	
box-shadow:2px 2px 4px #ddd;
transition:0.3s;
} 
.rl-image-widget-image:hover{
opacity:0.6;
}

@media only screen and (max-width:767px){
.rl-image-widget-image{
width: 80%;
border: 1px solid #ddd;
display:block;
margin:auto;
}   
}
	  
/* トップページ 
------------------------------------------------------------------------*/
img.fv{
width:100% !important;
height:auto;
}	  
	  
	  
/*  ぱんくずリスト*/
#bread_crumb{
margin:10px 0 !important;  
}

	  
/* グローバルナビ	  */
#global_menu > ul > li > a{
	font-weight:700!important;
}	  
	  
/* 	フッター コピーライト */
#footer,
#copyright,
#footer a{
	 background:#F2F0EC!important;
	 color:#000!important; 
}
#footer_banner .title,
#footer_banner .sub_title{
	color:#000;
}  
	  
.top-about-child.t-a-child2.post_col.post_col-2{
		  padding: 0 0 0 30px;
}
.top-about-child.t-a-child1.post_col.post_col-2{
		margin:20px!important;		  
}
	  
.top-three-parent{
 		width:auto;
		height:400px!important;
}
	 
.top-three-child.t-t-child1.post_col.post_col-3 > img{
       width:100%;
	   height:auto;
}
	 
.post_content{
		  width:100%;
}
	}
#cb_content_9.cb_free_space {
		padding:150px 0;
	}
}

/* トップロゴ */
.cb_free_space.cb_white_bg.num7{
	padding:70px 0;
}
.top-logo{
	margin:auto;
	width:200px;
}
@media only screen and (max-width:767px){
.top-logo{
	width:140px;
}	
.cb_free_space.cb_white_bg.num7{
	padding:50px 0;
}
}
/* フッター　ロゴ */
#footer_logo img{
	width:300px;
	height:auto;
}
@media only screen and (max-width:767px){
#footer_logo img{
	width:200px;
	height:auto;
}
}


/* ブランド */
.top-brand-parent.post_row{
width:70% !important;
margin:auto;
}

.top-anna,
.top-cosmo{
	width:100%;
	height:auto;
}

.top-brand-child{
	margin-bottom:0!important;
}

.cb_free_space.cb_white_bg.num11{
	background:#F2F0EC!important;
	padding:100px 0;
}
@media only screen and (max-width:767px){
.cb_free_space.cb_white_bg.num11{
	padding:50px 0;
}
}


/* ポジション */
.cotton-box{
	position:relative;
}
.cotton-image{
	position:absolute;
	width:100px;
	bottom:300px;
	left:32%;
	transform:translateX(-50%);
　z-index:2!important;
}
.cotton-image-sub{
	position:absolute;
	width:140px;
	bottom:-300px;
	right:30%;
	transform:translateX(-50%);
　z-index:2!important;
}

.cotton-image-contactsub{
	position:absolute;
	width:160px;
	left:20%;
	transform:translateY(-50%);
　z-index:2!important;
}

/* ボタン */
a.a-line{
	color:#A78F45;
	font-weight:700;
	border-bottom:none;
	transition:0.3s;
	font-size:18px;
	border-bottom:1px solid #A78F45;
	padding:10px 160px 12px 0;
	
}
a.a-line:hover{
	opacity:0.6;
	text-decoration: none;
	color:#A78F45;
}

@media only screen and (max-width:767px){
	.cotton-box{
	position:relative;
}
.cotton-image{
	position:absolute;
	width:60px;
	top:-500px;
	left:45%;
	transform:translateY(-50%);
　z-index:2!important;
}
.cotton-image-sub{
	position:absolute;
	width:60px;
	top:90px;
	left:50%;
	transform:translateX(-50%);
　z-index:2!important;
}
.cotton-image-contactsub{
	position:absolute;
	width:50px;
	left:40%;
	transform:translateY(-50%);
　z-index:2!important;
	bottom:70px
}
}	  
h2.h2-left{
		text-align:left!important;  
}
	  
.cb_white_bg{
	padding:150px 0;		  
} 
@media only screen and (max-width:767px){
	.cb_free_space .post_content{
		padding:0 10px;
	}
	.top-contact-child.t-c-child1.post_col.post_col-2{
		padding:0 10px;
	}
}

/* お知らせ */
.animate_background{
	width:100%;
}

#news_ticker {
	width:250px;
}
#news_ticker a{
	width:200px;
	
}

/* お問い合わせ */
.cb_free_space.cb_white_bg.num12.wide_content{
	padding:100px 0 150px 0 ;
}
.contact_box .con-table.resp td{
text-align:left;
}
table.rec-table.resp th, table.con-table.resp th{
width:230px !important;
}
@media only screen and (max-width:767px){
table.rec-table.resp th, table.con-table.resp th{
width:100% !important;
}	
}

/* フェレット　
 ーーーーーーーーーーーーーーーーーーーーーーーー */
.ferret_box > img{
/* width:960px; */
/* height:auto; */
}


/* フェレット　背景色 */
.ferret_bg{
	background:#FCFAF9;
	padding:20px;
	border-radius:10px;
}

/* フェレット　flexbox */
.ferret_parent{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	margin-bottom:30px;
}
.ferret_child{
	flex: 0 0 50%;
	max-width:50%;
}
@media only screen and (max-width:767px){
.ferret_parent{
	display:block;
	margin-bottom:10px;
}
.ferret_child{
	width:100%;
	max-width:100%;
}
}
/* プライバシーポリシー */
.policy_box{
	padding:30px 0;
}
/* プライバシーポリシー下線 */
.post_content a, .textwidget a{
	color:#A78F45;
	font-weight:700;
	border-bottom:none;
	transition:0.3s;
}

/*  会社概要
 ---------------------------------------------------*/
.company_box th{
width:22% !important;
text-align:left;
}
@media only screen and (max-width:767px){
.company_box th{
width:100% !important;
}	
}



/*  新規お取引様へ
 ---------------------------------------------------*/
.newmembers_parent{
display:flex;
justify-content:space-between;
}
.newmembers_child{
margin:auto !important;
padding: 0 10px;
}
a[href^="tel:"] {
pointer-events: none;
}
.newmembers_child > a >img{
box-shadow:2px 2px 3px #ddd;
transition:0.3s;
}
.newmembers_child > a >img:hover{
opacity:0.7;
}

@media only screen and (max-width:767px){
.newmembers_parent{
display:block;
}
.newmembers_child > img{
width:100%;		
}
}

/*  求人情報
 ---------------------------------------------------*/
.recruit_bg{
text-align:center;
padding:20px;
margin-bottom:50px;
background: #F2F0EC;
}


/* 求人情報　テーブル */
table.rec-table.resp th,
table.con-table.resp th{
/* display:block; */
/* width: auto; */
text-align:left;
}
table.rec-table.resp td,
table.con-table.resp td{
	display:block;
	overflow-wrap: break-word;
 　 word-wrap: break-word;
  　white-space: normal;
	width: auto;
}
table.rec-table.resp th{
text-align:left;
width:20%;
}
table.rec-table.resp td{
	text-align:left;
}
.recruit_box > h2{
text-align:left;
}
@media only screen and (max-width:767px){
table.rec-table.resp th{
	text-align:center;
}
}
/* フォームPC */


span.required {
      display: inline-block;
      padding: 4px 6px;
      border-radius: 6px;
      background: #CE8686;
      color: #fff;
      font-size: 90%;
      line-height: 1.2;
      text-align: center;
      margin: 0 4px;
}

/*  フェレットについて
 ---------------------------------------------------*/
.ferret_child > img{
border-radius:10px;
}

/* 商品掲載ページ：型
 * ------------------------------------------------- */

/* コンテンツ幅 */
#page_contents .post_content{
	width:1100px;
}

.item_w{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
    align-items: stretch;
}

@media only screen and (max-width:767px){
	.item_w{
	display:block !important;
	padding:0 !important; 
}
.itemwrapper{
	width:100% !important;
/* 	margin:14px !important; */
	margin:10px 0 0 0!important;
	margin: 0 10px;
	
}
}

.itemwrapper{
	display: block;
    flex-direction: row;
	width: calc(50% - 10px);
	height:100%;
/* 	margin:0 20px 20px 0; */
	background: #F2F0EC;
	border-radius: 10px;
	padding: 20px;
	margin: 0 20px 20px 0;
}
.item_w .itemwrapper:last-child {
    margin: 0 0 20px;
}


.itembox{
	margin:0 5px;
	display:flex; /* 0414変更 */
	border-radius:10px;
/* 	align-items: center; */
	width:auto;
	height:100%;
	border:0 !important;
}
@media only screen and (max-width:767px){
.itembox{
	display:block;
}
.itembox_box{
    padding:0 !important;
}
}

.itembox_box{
    padding:10px 10px 0;
	border:0 !important;
	width:100%; /* 0312変更 */
}

.itembox_image{
/* 	padding:10px 10px 0;  */
	padding: 10px;
	width:60%; 
	/* 0312変更 */
	align-items: center;
	height:auto;
}

.itembox_image img{
	border-radius: 10px;
	border: 10px solid #fff;
}

.itemimage{
	width:100%;
	height:auto;
/* 	object-fit:contain; */
/* 	align-items:center; */
/* aspect-ratio: 3 / 4 !important; */
}

@media only screen and (max-width:767px){
.itembox_image{
	width:auto; /* 0312変更 */	
	height:100%;
}	
.itemimage{
/* aspect-ratio: 3 / 4 !important; */
/* 	height:100%; */
}
.itembox_box{
	margin-top:20px;
}
}

h3.itemname_h3{
	font-size:18px;
	font-weight:700;
	margin-bottom:5px;
	border-bottom: 1px solid #A78F45;
    padding: 0 0 5px 0;
}

/* p 共通 */
.cloth_p,
.number_p,
.price_p{
	margin-bottom:10px !important; 
	font-weight:700;
	color:#000;
}
.color_p{
	margin-bottom:0 !important;
}
.cloth_p,
.number_p,
.price_p{
	padding-bottom:5px;
	font-size:14px !important;
	border-bottom: 1px solid #ada079;
}

.small-span{
	background: #A78F45;
	color:#fff;
    padding: 4px 8px;
    border-radius: 2px;
	font-size: 90%;
	margin-bottom:10px !important;
	font-size:14px;
}
.post_content .itembox_box p {
	line-height: 1.8;
}
/*  */
.test_color{
	padding:0 8px;
	border:1px solid #ddd;
	margin:2px;
}
.one{
	background:#fff;
}
.two{
	background:#ff0000;
}
.three{
	background:#cab8d9;
}
.four{
	background:#0000ff;
}
.five{
	background:#192f60;
}
.six{
	background:#808080;
}
.seven{
	background:#ffc0cb;
}
.color_ul{
	display:flex;
	margin:0 !important;
	font-weight:700;
	padding-bottom:5px;
	border-bottom: 1px solid #ada079;
/* 	margin-bottom:10px !important;  */
	flex-direction: row;
    justify-content: space-between;
	font-size:12px;
}
.color_ul_sub{
	margin:0 !important;
}
.color_li,
.color_li_sub{
	list-style-type:none;
	margin-right:2px;
}
.sub_itemname_h3{
	text-align:center;
	font-size:18px !important;
}

.itembox_box_mini{
	display:flex;
	justify-content:space-between;
	border-bottom: 1px solid #ada079;
	margin-bottom:10px;
}
.mini1 > .number_p,
.mini2 > .price_p{
	border-bottom: 0;
	margin-bottom:0 !important;
}
.number_p{
	padding-right:10px;
	color:#000 !important;
}

.sub_span{
	color:#9d853b;
	font-weight:700;
	font-size:14px;
}


.text_n1{
	padding-bottom:45px;
}
.text_n2{
	padding-bottom:20px;
}
.text_n3{
	margin-bottom:15px !important;
}
.text_n4{
	margin-bottom:10px !important;
}

/* annna pagani アンナパガーニ */
.anna_title{
	color:#595959;
/* 	font-family:"Book Antiqua"; */
}

/* cosmoir　コスモア */
/*スマホでタップした時だけ電話発信*/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

/* 文章サイズ */
.post_content p,
.post_content td, .post_content th,
.ferret_child li,
.q_frame.q_frame1,
.contact_bg,
.form-step,
.wpcf7c-elm-step1.wpcf7c-elm-step2 p{
	font-size:18px;
}