@charset "UTF-8";




/*--------------------------------------------------------------------------------


      商品について
      https://www.bridesmaiddress.jp/f/item_guide


--------------------------------------------------------------------------------*/






#rt_item_guide_page-wrapper{ padding: 0 0 100px}
#rt_item_guide_page-wrapper h1{ padding: 50px 0  0; margin:  0; }


#rt_item_guide_page-wrapper h2.rt_page_heading{ 
	font-weight: bold; font-size: 22px; padding: 20px 0 0; margin: 0 0 10px}
	@media screen and (max-width: 768px){ 
	#rt_item_guide_page-wrapper h2.rt_page_heading{ font-size: 16px;}}	


	
p.size_guide_info_txt{ 
	display: block; padding: 20px; 
	margin: 0 0 20px; background-color: rgba(0,0,0,0.05)}




/*----------サイズ採寸方法ガイド----------*/


#rt_size_guide_page{ 
	display: block; width: 100%; margin: 0 auto 50px; padding: 50px 0; 
	font-size: 14px;}
     @media screen and (max-width: 1000px){ #rt_size_guide_page{  width: 98%;}}
     @media screen and (max-width: 768px){ #rt_size_guide_page{  width: 90%; font-size: 12px;}}

 	
ul.size_guide_contents_link{ padding: 0; margin: 0; list-style: none }
  
ul.size_guide_contents_link li{ 
	display: inline-block; margin: 0 0 10px;
    border: 1px solid rgba(0,0,0,0.3);
   	-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-o-border-radius: 50px;
		-ms-border-radius: 50px;
		border-radius: 50px;}

ul.size_guide_contents_link li a{ display: block; width: 100%; padding: 5px 15px;  color:rgba(0,0,0,0.5) }

.size_guide_contents{ 
	display: grid;
	grid-template-rows: auto;
    grid-template-columns: 45% 55%;
	padding: 70px 0 0; }
    @media screen and (max-width: 768px){ 
	.size_guide_contents{ 
    grid-template-columns: 1fr; grid-template-rows: auto;}}

.size_guide_contents h3{
	grid-row: 1 / 2; grid-column: 1 / 3; 
	display: block; border-bottom: 1px solid rgba(0,0,0,1.0); 
	font-size: 18px; font-weight: normal; margin-bottom: 30px}
    @media screen and (max-width: 768px){.size_guide_contents h3{ font-size: 15px;grid-column: 1; grid-row: auto;  }}


.size_guide_contents h3:before{ 
	font-family:  "Font Awesome 5 Free";  font-weight:bold; content : "\f14a"; margin-right: 3px;}


.size_guide_contents img{ grid-row: 2 / 3; grid-column: 1 / 2;  }
    @media screen and (max-width: 768px){ .size_guide_contents img{  
		grid-column: 1; grid-row: auto; margin: 0 auto 20px; width: 90%  }}

.size_guide_contents ul{ 
	grid-row: 2 / 3; grid-column: 2 / 3;
    padding: 0; margin: 0; list-style: none}
	@media screen and (max-width: 768px){ .size_guide_contents ul{   grid-column: 1; grid-row: auto;  }}	
		
.size_guide_contents ul li{  padding: 0 0 10px;}		

.size_guide_contents h4{ 
	width: 23%;  display: inline-block;  background-color: rgba(0,0,0,0.1);
	padding: 5px 0 ; margin: 0 2% 0 0 ;
    font-size: 14px; font-weight: normal; text-align:center;  vertical-align: middle;}
    @media screen and (max-width: 768px){ .size_guide_contents h4{  width: 25%; font-size: 12px;  }}	

.size_guide_contents li p{ display: inline-block; width: 75%;  vertical-align: middle;}	
    @media screen and (max-width: 768px){ .size_guide_contents li p{  width: 73%; }}		
		

/*----------品質上の注意----------*/


#rt_item_guide_page{ 
	display: block; width: 100%; margin: 0 auto 50px; padding: 70px 0;
	font-size: 14px;}
     @media screen and (max-width: 1000px){ #rt_item_guide_page{  width: 98%;}}
     @media screen and (max-width: 768px){ #rt_item_guide_page{  width: 90%; font-size: 12px;}}

#rt_item_guide_page h3{
	font-weight: bold; border-bottom: 1px solid rgba(0,0,0,0.5);
    padding: 10px 0; margin: 0 0 20px}
    @media screen and (max-width: 768px){ #rt_item_guide_page h3{  padding: 5px 0; margin: 0 0 10px}}

.item_guide_contents{ 
	display: grid;
	grid-template-rows:  auto 1fr;
    grid-template-columns: 300px 1fr; margin-bottom: 20px}
    @media screen and (max-width: 768px){ 
	.item_guide_contents{ 
    grid-template-columns: 1fr; grid-template-rows: auto;}}

.item_guide_contents h3{ grid-row: 1 / 2; grid-column: 2 / 3;}

.item_guide_contents .item_guide_contents_image{ grid-row: 1 / 3; grid-column: 1 / 2; margin: 0 20px 0 0 }
.item_guide_contents .item_guide_contents_image img{ width: 300px;}

.item_guide_contents p{ grid-row: 2 / 3; grid-column: 2 / 3; }

@media screen and (max-width: 768px){ 
	.item_guide_contents h3,
	.item_guide_contents .item_guide_contents_image,
	.item_guide_contents p{ grid-column: 1; grid-row: auto; }	
	.item_guide_contents .item_guide_contents_image{  text-align: center;  padding: 0 0 10px; margin:0; }
	.item_guide_contents .item_guide_contents_image img{  margin: auto 10px; } 
	.item_guide_contents p{ line-height: 21px }
	}

.item_guide_contents_noimages{ display: block;  margin-bottom: 20px}


/*----------カラー・色味について----------*/


#rt_itemcolor_guide_page{ 
	display: block; width: 100%; font-size: 14px; padding: 0 0 50px; margin: auto}
     @media screen and (max-width: 1000px){ #rt_itemcolor_guide_page{  width: 98%;}}
     @media screen and (max-width: 768px){ #rt_itemcolor_guide_page{  width: 90%; font-size: 12px;}}


/*----------当店商品のタグ表記について----------*/

#rt_itemtag_guide_page{
	display: block; width: 100%; font-size: 14px; padding: 0 0 50px; margin: auto}
     @media screen and (max-width: 1000px){ #rt_itemtag_guide_page{  width: 98%;}}
     @media screen and (max-width: 768px){ #rt_itemtag_guide_page{  width: 90%; font-size: 12px;}}







/*--------------------------------------------------------------------------------


      LINE公式アカウント
      https://www.bridesmaiddress.jp/f/line


--------------------------------------------------------------------------------*/

/*大枠*/
#rt_line_page-wrapper{  box-sizing: border-box; display: block; padding: 0 0 100px}

#rt_line_page-wrapper h1{  margin: 0 ; padding: 0; }

.rt_line_txt{ width: 100%; max-width: 500px;  margin: auto;}



.rt_Register_friend_box{ display: flex; flex-wrap: wrap; }
.rt_Register_friend_box img{ width: 100%}

.rt_Register_friend_box div{
  margin: 0 10px 10px 0 ; width: calc( 50% - 10px / 2 );  height: auto; }	
  
.rt_Register_friend_box div:nth-child(2n){ margin-right: 0; }


 @media screen and (max-width: 768px){ 
.rt_Register_friend_box{ display: block; width: 90%; margin: auto;}
.rt_Register_friend_box div{ margin: 0 auto 10px; width: 100%; }	 
.rt_Register_friend_box div:nth-child(2n){ margin-right: auto; }
}







		