/* ---------- 全体 ---------- */


table[width="780"]{
	margin:0 auto;
}
body{
    color: #666666;
    background: #ffffff;
    padding: 0px;
    margin: 0px;
    font-family: "メイリオ", Meiryo, Osaka,  sans-serif !important;}

img{
max-width: 100%;}

a:hover {
opacity: 0.6;

text-decoration: none;}

a:link{
	color:#383838;
	text-decoration:none;}
	

	
a:visited{
	color:#383838;}
	
a:active{
	color:#383838;}

h1{
    font-weight: normal;}

h2{
	margin:0px;
	padding:0px;}
	
h2 img{
	display:block;}

img{
	border: 0px;}

td{	
    font-size: 0.8em;
    line-height: 2.0;
    letter-spacing: 0.12em;
    color:#343434;}


td.line{
	font-size:0pt;}

.lims{
	font-size:9pt;}



.woong a:link{
	color:#333333;}

.woong a:visited{
	color:#333333;}

.woong a:hover{
	color:#333333;
	text-decoration:underline;}

.woong a:active{
	color:#333333;}

.woong1{
	line-height:130%;}

.woong2{
	line-height:130%;}

.woong3{
	font-family:matchworks,tahoma;
	color:#282828;
	line-height:130%;}

.woong4{
	line-height:130%;}

.woong5{
	font-weight: bolder;
	padding:10px 0px 10px 0px;}

.line{
	font-size:0px;
	line-height:0px;}

.input{
    border: 1px solid #000000;
    font-size: 9pt;
    color: black;
    background-color: white;
    height: 19px;}

.input2{
	border:0px solid #000000;
	font-size:9pt;
	color:black;
	background-color:white;
	height:16px;}

.textarea{
	border:1px solid #000000;
	font-size:9pt;
	color:black;
	background-color:white;}

input{
	font-size:9pt;
	height: 30px!important;}
	


/* ---------- カテゴリー ---------- */

#category-main {
	width:650px;
	margin:20px 0px 0px 20px;}

#category-main .new-text div { 
	padding: 30px;
	font-size: 12px;
	}

#category-main h3 {
	font-size:17px}
	
#category-main .list {
	font-size:13.5px;
	padding:0px 0px 20px 0px}
	
#category-main p {
	width:auto;}

#category-main a:link{
	color:#333333;
	padding-top:5px;}

#category-main a:visited{
	color:#333333;}

#category-main a:hover{
	color:#DC5F6F;
	text-decoration:underline;}

#category-main a:active{
	color:#333333;}

#category-main .group td {
	font-size:12.5px;
	letter-spacing:0.05em;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;}
	
#category-main .group table th, td .line {
	margin-bottom:0px;
	padding-bottom:0px;}
		
#category-main .M_innerList .M_cl_name{
	font-size:9.5px;}
	
#category-main .M_innerList p{
	padding:3px;
	margin:0px;
	color:#e37d9c;}
	
#category-main .images{
	padding:20px 0px 6px 20px;
	font-size:11px;}
	
#category-main .images2{
	padding:0px 20px 0px 0px;
	font-size:11px;}
	
	
#category-main .new-text{
	padding:30px;}
	

.page{
	padding-top:20px;
	color:#333333;}

.page table
.page th,
.page td {
	font-size:15px;
	letter-spacing:0.10em;}

.page font{
	color:#333333;}
	
.page a:link{
	color:#333333;}
	
.page a:visited{
	color:#333333;}
	
.page a:hover{
	color:#DC5F6F;
	text-decoration:underline;}
	
.page a:active{
	color:#333333;}


/*ヘッダー*/

#header{
	width:895px;
    background: #fff;
	margin:0px auto;
	padding:10px 0px 15px 0px;
	text-align:right;}

#header .header-info{
	height:auto;
	width:auto;
	overflow:hidden;
}

#header .header-info .logo{
	float:left;
	width:55%;
	height:auto;
text-align: left;
font-size: 0.7em;
padding-top: 15px}

#header .header-info .logo img{
	width:60%;}

#header .header-info .text{
	float:right;
	width:45%;
	height:auto;
text-align: right;
    letter-spacing: 0.12em;}

#header .header-info .text p{
padding: 0px;
margin: 0px;
font-size: 0.8em;
line-height: 1.6;
font-weight: 520;}

#header .header-info .text span{
color: #e57379;
font-weight: 700;}

#header .header-info .text .small{
font-size: 0.6em;}

#header .header-info .login-header {
	font-size: 1em;
font-weight: 700;}

#header .header-info .login-header a{
	color:#dd4e55;}
  
#header .header-info .login-header a:hover,
#header .header-info .login-header a:focus {
	text-decoration:none;
	background-color:#eeeeee;}

#jsddm {
	margin:0px;
	padding:0px;
	list-style:none;
	float:right;
	width:800px;}

#jsddm li {
	float:left;
	margin:0px;
	padding:0px;}

#header ul img{
	display:block;}

#header .header-menu{
	width:100%;
	height:30px;
	margin-top:15px;}
	
#header .header-menu ul{
	margin:0;
	padding:0;}
	
#header .header-menu li{
	float:left;
letter-spacing: 0.12em;
	padding:3px;
	margin:10px 0px 13px 17px;
 list-style: none;}

#header .header-menu a{
	color:#3f3f3f;
	line-height:14px;}
	
#header .header-menu a:hover,
#header .header-menu a:focus {
	text-decoration:none;
	background-color:#eeeeee;}

#header .border{
    background:#e8e8e8; 
    height:7px; 
    width: auto;
    margin:13px 0px 10px 0px;}


/*インデックスtop画像*/

#content{
    width:auto;
	max-width: 100%;
    margin:auto;}

#content .top-img {
  position: relative;
  padding:0;
	width: 895px;
	height: 410px;
}

#content .top-img img {
 width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

/*text*/
#content .top-img .toptext  {
  position: absolute;
  bottom: 15px;
  right: 40px;
  color: #000;
  padding:0 2px;
  line-height:1.8;
	text-align: left;
}

#content .top-img .text-red {
    padding: 10px 10px 10px 20px;
    margin: 5px 5px 0px 5px;
	font-size: 2.2em;
	color: #CD6768;
}

#content .top-img .back-white {
    padding: 10px;
    margin: 0px 5px 15px 5px;
    border-radius: 20px 20px 20px 20px;
    border: solid 5px #fff;
	font-size: 1.9em;
    background: #fff;
}

#content .top-img .text-bottom {
    padding-left: 30px;
	line-height: 1.9;
	font-size: 1.8em;
    margin: 0px;
}

#content .top-img p {
	padding: 0px;
	margin: 0px;
}

#content .top-img .text-small {
	padding: 0px 0px 10px 15px;
	margin: 0px;
	font-size: 0.5em;
}

/*トップページインフォメーション*/

#content .info-mes{
	text-align: left;
	padding:0px;
	margin: 30px 10px 30px 10px;
}

#content  .info-mes a{
	text-decoration: underline;
}

#content  .info-mes hr{
	color: #ccc;}

#content  .info-mes .title{
	font-weight: 600;
	color: #e17379;}

#content  .info-mes p{
	font-size:1em;
      padding-bottom: 5px;
    margin: 0px;

}

#content01{
    margin:auto;
    font-size:18px;}

/*レフトナビゲーション*/

#left{
    width:200px;
    float:left;
    margin:25px 0px 0px 0px;
    text-align:left;
	color:#282828;
	letter-spacing:0.10em;
	line-height:1.4;}

#left .info {
      padding: 15px;
    margin: 0px;
    border-radius: 10px 10px 10px 10px;
    border: solid 5px #e1e1e1;
    background: #fff;
    text-align: left;}

#left .info ul{
font-size:0.7em;
	line-height:1.4;}

#left .info li{
    list-style: initial;
    border-bottom: 1px #ccc solid;
    padding-bottom: 8px;
    margin-bottom: 13px;}

#left .info .title {
    font-size: 1.2em;
    font-weight: 600;
     text-align: center;
padding-bottom: 10px;
color:#e17379;}

#left h1{
    font-weight: 500;
    font-size: 0.9em;
     text-align: center;
padding: 10px;
border: solid 5px #e5e3e3;
border-radius: 5px;
background: #e5e3e3;
margin: 15px 0px 15px 0px;}

#left .history{
    text-align: center;
    font-weight: 600;
}

#left .menu-title p {
	line-height: 1.4;
    padding: 0px;
    margin: 0px;}

#left .title {
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: 600;
padding: 12px;
margin: 0px;}

#left .btn-mini{
	background: #fff;
    border: solid 1px #c3c3c3;
    padding: 10px;
    padding: 8px;
}

#left .btn-mini a{
    text-decoration: none;
}

#left .btn-mini a:hover{
    text-decoration: none;
}


#left-login {
padding: 0px 0px 0px 15px;
margin: 0px;
font-size:0.8em;
}

#left-login p{
padding: 0px;
margin: 0px;
line-height: 1.5;}

#left-login p .bold{
font-weight: 700;}
	
#left-login a{
	color:#dd4e55;}
  
#left-login a:hover,
#left-login a:focus {
	text-decoration:none;
	background-color:#eeeeee;}
	
#left hr{
    width:100%;
    float:left;
    margin:10px 0px 15px 0px;
	padding:0px;
	border:#cdcdcd solid 1px;}

#left ul{
    letter-spacing:0.09em;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    background-color: #ffffff;
font-size:0.8em;}

#left li{
	list-style:none;
	margin:0px 0px 8px 0px;}
	
#left .search{
	background:#FCD6CD;
	size:10px;}
	
#left .left-div{
	width:100%;
	margin-top:0px;
	margin-bottom:6px;
	line-height:1.2;}

#left .other {
	margin:0px 10px 0px 10px;
display: flex;}

#left .other p{
    width: 50%;}



#left .newitem{
	font-size:9px;
	text-align:center;}
	
#left .newitem img{
	height:150px;
	width:150px;}

#left .newitem p{
	font-size:9px;
	padding: 8px 0px 8px 0px;
	margin:0px;
	text-align:center;
	letter-spacing:0.10em;}

#left .sns{
	text-align:center;}


#left .storeguide{
	font-size:11px;
	padding-top:10px;
	text-align:center;}

#left .imgTd{
	width:80px;}

#left .option{
	padding:0px 0px 15px 0px;
	margin:0px 0px 10px 0px;}
	
#left .option dl{
	padding:2px 0px 2px 0px;
	margin:0px;}
	
#left .option dt{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;}
	
#left .option dd{
	clear:none;
	padding:0px 0px 9px 2px;
	margin:3px 0px 0px 5px;
	font-size:10.5px;
	line-height:1.3;
	letter-spacing:0.09em;
border-bottom: solid 1px #ccc;}
	
#left .M_section #leftRecent .itemTd p .name{
	 width:100%; !important}

#left .brand img{
    border-bottom: solid 1px #ccc;
padding-bottom: 9px;
    margin-top: 9px;}


/*  Search Form*/

#search-form {
	background-color:#ffffff;
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;}
  
#search-form input {
	margin:4px 4px 15px 4px;
	width:90%;}

/*index*/

#top-main {
	width:895px;
	padding: 0;
	height:auto;
	overflow:hidden;}

#flash_image{
    z-index: 1;}


/*トップページメニュー*/

#index-menu{
	margin: 30px 0px 0px 0px;
	text-align: left;
}

#index-menu .title{
    	display: flex;
    padding: 30px 0px 20px 110px;
    border-top: solid #CCC 1px;}

#index-menu .title img{
    width: 30%;
height: 40%;}

#index-menu .title p{
    width: 100%;
line-height: 2.0;
padding-top: 20px;
margin: 0px;}

#index-menu hr{
	padding:0px;
	margin: 10px 0px 10px 0px;
	border-bottom: ridge;
}

#index-menu　.menu  {
	height:auto;
	overflow:hidden;
	width:100%;
	margin:15px 0px 15px 20px;
	line-height:1.7;
	}
	
.menu .item{
    display: flex;
    flex-wrap: wrap;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px 0px 18px 0px;
	overflow:hidden;}
	
.menu .box{
	width:33%;
	height:auto;
	padding:0px;
}
	
.menu dl{
	padding:2px 0px 2px 0px;
	margin:0px;
	line-height:2.0;}
	
.menu dt{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;}
	
.menu dd{
	clear:none;
	padding:0px 0px 0px 2px;
	margin:0px 0px 0px 65px;
	text-align:left;
	line-height:2.3;}

.menu ul {
    list-style: none;}

.menu li::before {
    content: "・";
    font: 300;}

/*  トップページ新着レビュー*/

#index-Review .M_reviewerInfo{}

#index-Review .M_reviewRate{}

#index-Review{
	margin-top:70px;}

#index-Review .topReview{
	margin-top:30px;
	margin-bottom:30px;
	border:#CCC solid 0px;
	padding:15px;}

#index-Review #reviewView #M_reviewViewAll .M_reviewList .M_reviewInner {
	background:#fff;
	padding:7px 2px 7px 2px;}

#index-Review #reviewView #M_reviewViewAll .M_reviewList .M_reviewImg {
	margin:0px;
	float:left;
	width:80px;
	height:80px;}

#index-Review #reviewView #M_reviewViewAll .M_reviewList .M_reviewBox {
	float:right;
	width:88%;
	text-align:left;}

#index-Review #reviewView #M_reviewViewAll .M_reviewList {
	border:0px #CCC solid;
	background:#fff;
	margin:5px;
	overflow:hidden;}

#index-Review #reviewView #M_reviewViewAll .M_reviewList .M_reviewReadText {
	padding:0px;
	font-size:10.5px;}

#index-Review #reviewView #M_reviewViewAll .M_reviewList .M_reviewRead {
	background:#fff;}
		
#index-Review #reviewView #M_reviewViewAll .M_reviewList .M_reviewName {
	padding:0px;
	font-size:10.5px;}


#M_reviewViewAll .M_reviewImg img{
	border: none !important;}

/*  トップページ新商品*/

#content .index-newitem{
padding: 30px;}

#content .index-newitem >.title{
    	display: inline-flex;
padding: 0px 0px 20px 140px;}

#content .index-newitem >.title img{
    width: 30%;
height: 40%;}

#content .index-newitem >.title p{
    width: 100%;
line-height: 2.0;
padding: 15px 0px 0px 50px;
margin: 0px;
text-align: left;}

#content .index-newitem table .lims img{
    width: 90% !important;}

#content .index-newitem .woong td{
    padding: 10px;
font-size:0.7em;}

img[src="/design/ange2005/maintitle2.gif"]{display:none;}

/*  トップページランキング*/

.index-ranking {
margin: 70px 0px 40px 0px;
    height: 560px;}

 .ranking-title, .topReview-title{
	padding:10px;
    margin: 0px 0px 20px 0px;
	font:bold;
    background: #fff;
	font-size:1.9em;
font-weight: 700;
text-align: center;
color:#e17379;
    border-bottom: 1px #ccc solid;
}

.index-ranking #r_ranking .rankList{
	float:left;
	width:20%;
	position:relative;
    padding-top: 15px;
    height: 240px;
}

.index-ranking #r_ranking .clear li{
list-style-type: none;
font-size:0.5em;
}

.index-ranking #r_ranking .rankList .rankImg img{
padding:10px 0px 15px 0px;
        font-weight: 700;
}

.index-ranking #r_ranking .rankList em{
font-size: 2em;
  font-weight: 700;}

.index-ranking #r_ranking .rankList p.rankName{
font-size: 1.2em;
    line-height: 1.5;
    width: 70%;

}

/*  トップページお知らせ*/

#content .index-notice{
    padding: 30px 0px 30px 0px;
    border-top: solid #ccc 1px;
    border-bottom: solid #ccc 1px;
    margin: 50px 0px;}

#content .index-notice-box{
	display: flex;
justify-content: space-between;
padding-top: 15px;}

#content .index-notice .box{
    width: 31%;
	background: #fff;
text-align: left;
line-height: 1.6;}

#content .index-notice .box img{
width: 100%;
padding-bottom: 15px;}

#content .index-notice .box p{
list-style: 1.5;
padding: 0px 20px 0px 20px;}


/*  トップページサブコレクション*/

#content .index-collection{
padding: 30px 0px 10px 0px;}

#content .index-collection-box{
	display: flex;
    flex-wrap: wrap;
justify-content: space-between;
padding-top: 15px;}

#content .index-collection .box{
    width: 49%;
	background: #fff;
text-align: left;
line-height: 1.6;
margin-bottom: 29px;}

#content .index-collection .box img{
width: 100%;
padding-bottom: 15px;}

#content .index-collection .box p{
list-style: 1.4;
padding: 0px 20px 0px 0px;}




/*  トップページブランド*/

#content .index-brand{
padding: 0px 0px 10px 0px;}

#content .index-brand-box{
	display: flex;
    flex-wrap: wrap;
justify-content: space-between;
padding-top: 15px;}

#content .index-brand .box{
	background: #fff;
width: 25%;
text-align: left;
line-height: 1.6;
margin-bottom: 29px;}

#content .index-brand .box img{
width: 100%;
padding-bottom: 15px;}

#content .index-brand .box p{
padding: 0px 20px 0px 20px;}

/*  トップページ会社説明*/

#content .index-company{
	padding: 50px 0px 50px 0px;}

#content .index-company p{
    font-size:1.1em; 
    line-height: 4.0;}


#content .index-company .tenpo-img img{
    border-radius: 20px 20px 20px 20px;
width: 100%;
margin: 30px 0px 50px 0px;
a animation: }

#content .index-company .company-box{
	display: flex;
justify-content: space-between;}

#content .index-company .company-box .box-menu{
	background: #fff;
width: 45%;
text-align: left;
margin-top: 40px;}

#content .index-company .company-box .box-menu p{
    line-height: 2.0;}

#content .index-company .company-box .title{
	font-size: 1.5em;
font-weight: 500;}

/*  トップページ会社案内メニュー*/

#content .content-box{
	display: flex;
justify-content: space-between;}

#content .box-menu{
	background: #fff;
width: 30%;
text-align: left;
line-height: 1.6;}

#content .box-menu .box-title{
	padding:10px;
    margin: 0px 0px 20px 0px;
    border-radius: 10px 10px 10px 10px;
    border: solid 5px #e5e3e3;
    background: #e5e3e3;
	font-size:1em;
font-weight: 600;
text-align: center;}

#content .box-menu p{
	padding: 0px;
margin: 0px;
font-size: 13px;}

#content .box-menu div {
	padding-bottom: 10px ;}

#content .box-menu .other{
	display: flex;
justify-content: space-between;}

#content .box-menu .other-left{
	background: #fff;
width: 40%;}

#content .box-menu .other-right{
	background: #fff;
width: 60%;
font-size: 13px;
padding: 30px 0px 0px 30px}
	
/*商品詳細*/
#main {
	margin:50px 0px 0px 20px;
	font-size:13px;}

#main h2{
	margin:0px 0px 0px 0px;}

#main dl{
	width:120px;
	margin:5px 0px 10px 0px;
	float:left;
	text-align: center;}

#main dt{
	margin:0px;
	padding:10px;}

#main dd{
	margin:0px;
	padding:0px;}

#main dd .name{
	margin:0px;
	height:2.2em;
	text-align:center;}

#main dd .price{
	height:3.4em;}
		
/*買い物・項目ボタン*/

#item-cart td .woong5 { 
	padding: 10px;
	margin:0px;
	line-height: 1.4;
	letter-spacing: 0.12em;
	font-size: 15px;
	}

#item-cart td select{ 
	padding: 5px;
	margin:5px;
	}


#item-cart td .M_quantity-wrap{ 
	padding-bottom: 20px;
	margin-top:0px;
	}

#item-cart #M_usualValue input{
	width:40%;}  
	
/*フッター*/

#footer{
	margin:30px 0px 0px 0px;
	padding:50px 0px 50px 0px;
	width:100%;
    background: #fff;
	clear:both;
	color:#333333;
border-top: #ccc solid;}

#footer .menu{
    display: flex;
}

#footer .menu ul{
    width: 50%;
    padding-left: 30px;
    line-height: 3;}


/*class*/

.width80{
	width:80%;}
  
.clear{
    clear:both;}

.bold{
    font-weight:bold;}

.list1{
	font-size:13px;
    margin:0px 0px 0px 0px;
    padding:25px 0px 36px 0px;
    background-color: #fffbf7;}

.list1 table
.list1 th,
.list1 td { 
	font-size:11.7px;
	letter-spacing:0.05em;
	padding-top:5px;
	line-height:1.6;}

.detail{
    padding: 7pt 5pt 7pt 5pt;
    text-align: left;
    margin-top: 20px;
    line-height: 150%;}

.detail2{
    padding: 7pt 5pt 7pt 5pt;
    text-align: left;
    border: #fac9b8 solid 1px;
    background-color: #fffbf7;
    margin: 3px 0px 0px 0px;
    color: #333333;
    line-height: 150%;}

.list2{
    margin: 0px;
    padding: 0px;
    background: url(../../../images/common/revew_r2_c1.jpg);}

.login{
    margin: 5pt auto 10pt auto;
    padding: 5pt;
    width: 400px;
    background-color: #f8f5f3;}

.login h2{
    margin:0em 0 0.1em 0px;
    padding:1px 1px 1px 1px;
    font-size:110%;
    font-weight:bold;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#999999;
    color:#5f574b;}

.login p{
    list-style: none;
    padding: 0.1em 0.2em 0.2em 0.2em;
    margin: 0px;
    line-height: 1.2em;}


.login .id{
    float: left;
    width: 200px;
    padding-top: 5px;
    text-align: right;}

.fontstyle1{
    font-size: 130%;
    font-weight: bold;
    color: #fb9991;}


.hr2{
    width: 100%;
    height: 3px;
    margin-top:3px;
    margin-bottom:3px;
    background: url(https://www.kids-leotard.com/ange/design/border-02.gif);}

.hr3{
    width: 100%;
    height: 6px;
    margin-top:3px;
    margin-bottom:3px;
    background: url(https://www.kids-leotard.com/ange/design/side-border02.gif);}

.right{
    text-align: right;}

.brandname{
    padding: 0px 0px 5px 5px;
    border-bottom: #666666 1px solid;
    font-size: 15px;
    font-weight: bold;
    width: 490px;}

.prev{
    float: left;
    padding: 10px 0px 10px 0px;
    width: 300px;}

.next{
    float: right;
    text-align: right;
    padding: 10px 0px 10px 0px;
    width: 300px;}

#body .item-img{
    float: left;
    width: 300px;
    margin: 0px 20px 0px 0px;
    text-align: center;}

.item-shoping{
    float: left;
    width: 275px;
    padding: 10px 0px 10px 0px;}

.review-page1{
    width: 610px;
    max-width: 100%;
	margin-left: 20px;
    height: auto;
	clear: both; 
    display: block;}

.review-page2{
    width: 620px;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
    clear: both; 
    display: block;}

.review-page3{
    width: 610px;
	height:auto;
    clear: both; 
    display: block;}

.review-text1{
    width: 100px;
    float:left;
    font-size:9.5px;
    line-height:1.4;
    letter-spacing:0.08em;
	background-color:#efe9dc;
	padding:20px;}

.review-text2{
    font-size: 12.5px;
    line-height:1.5;
    letter-spacing:0.04em;
    width:426px;
    float:right;
	padding:20px;
	border:2px solid #efe9dc;}

.review-text3{
    font-size: 14px;
	font:bold;
    line-height:1.5;
    letter-spacing:0.04em;
    width:418px;
	padding:7px;
	margin-bottom:7px;
	background-color:#efe9dc;}

.font-style2{
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px #999999 dashed;
    margin-top: 20px;}

.titleAnge{
    text-align: center;
    color: #f86887;
    font-weight: bold;}

.titleAnge2{
    text-align: left;
    background-color: #f8b4c1;
    font-weight: bold;
    text-indent: 1em;}

.titleGray{
    text-align: left;
    font-weight: bold;
    margin-top: 15px;
    padding: 5px 0px 4px 8px;
    color: #666666;
    background: #e4e0d9;}

.titleSTD{
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
    padding: 5px;
    color: #666666;
    background: url(../images/title/titlebg.gif) repeat-x;
    height: 30px;}

.titleBrown{
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
    padding: 5px 0px 4px 8px;
    color: #5f3d3e;
    background-color: #e4dfd9;}

.titleBorder{
    text-align: left;
    margin: 0.1em;
    padding: 0.3em 0em 0.2em 0.5em;
    border-left: 8px solid #38B0A6;
    border-bottom: 1px solid #38B0A6;
    background: #ffffff;}

.titleBorderGray{
    text-align: left;
    margin: 0.1em;
    padding: 0.3em 0em 0.2em 0.5em;
    border-left: 2px solid #e4e0d9;
    border-bottom: 1px solid #e4e0d9;
    background: #ffffff;}

.titleBorder2{
    text-align: left;
    margin: 0.1em;
    padding: 0.3em;
    border-left: 2px solid #38B0A6;
    background: #ffffff;
    height: 3em;
    width: 10em;}



.titleDot{
    text-align: left;
    margin: 0.1em;
    padding: 0.3em 0em 0.2em 0.5em;
    border-left: 1px solid #38B0A6;
    border-bottom: 1px solid #38B0A6;
    background: #ffffff;}

.titleDot:first-letter{
	font-size: 2em;}

.toptitle{
	font-size:10pt;
	color:#666;
	width:780px;
	text-align:right;
	margin:0px auto;}
	
 Global Menu JavaScript 
#jsddm{
	margin:0;
	padding:0;
	z-index:99;}

#jsddm li{
	float:left;
	list-style:none;
	z-index: 99;}

#jsddm li a{
	display:block;
	text-decoration:none;
	z-index:99;}

#jsddm li ul{
	margin:0;
	padding:0;
	position:absolute;
	visibility:hidden;
	border-top:1px solid white;
	z-index:99;}

#jsddm li ul li{
	height:16px;
	padding-top:0px;
	float:none;
	display:inline z-index: 99;}

#jsddm li ul li a{
	width: 170px;

	background:#f7e4db;
	padding:5px 12px;
	text-align:left;
	z-index: 99;}

#jsddm li ul li a:hover{
	background: #f7a18f;}
				
			
/* レビュー */

.M_reviewImg{
	float:left;}

.M_reviewReadText {

	clear:both;}


#review01 #M_reviewViewAll {
	margin:0px 10px 0px 30px;
	width: 560px !important; /* 商品詳細画面のレビュー全文表示の幅を600pxよりも拡大する場合に指定 */}

#PRICE {
	width:100px}

#recommend td.line img{
	display:none;} /* 仕切りの点線を非表示 */

#M_group td.line img{
	display:none;} /* 仕切りの点線を非表示 */

#M_group p { 
	font-size:7px;}

#M_group td.itemImg{ 
	padding-top:12px;
	padding-bottom:5px;}

.production{ 
	padding-bottom:10px;}

.production td.line img{
	display:none;} /* 仕切りの点線を非表示 */

.production img{ 
	padding-bottom:10px;}

.production table
.production th { 
	width:110px;}

.production td { 
	font-size:9px;
	margin-top:20px;}

.production a { 
	width:120px;}

#leftRecent table
#leftRecent th,
#leftRecent td { 
	font-size:0.3em;
	line-height:1.2;}
	

#leftRecent .itemTd p { 
	width:100% !important;}

#recent table
#recent th,
#recent td { 
	font-size:0.7em;


	line-height:1.2;}

#recent td.itemImg{ 
	padding-bottom:5px;}

.sepa-color{
	padding:3px;
	margin:15px;
	background-color:#ffe8e8;}

.sepa-div01{
	padding:10px;
	margin:15px;
	border:#bebebe solid 1px;}

/*-----------------------------------------------------------------
カテゴリーページデザイン　サムネイル（小）タイプ
-----------------------------------------------------------------*/
#M_categoryList{
	width:100%;
	margin-bottom:16px;}

.M_innerList{
	overflow:hidden;
	_zoom:1;
	border-bottom:0px solid #ccc;
	background:#fff;
	width:100%;
	padding-bottom:15px;}

.M_innerList li{
	float:left;
	width:25%;/* 商品数が5つなので100%÷5=20% */
	list-style:none;}

.M_innerList li .M_innerBox{
	border-right:0px dotted #ccc;
	margin:4px auto;}

.M_innerList li.lastChild .M_innerBox{
	border-right:none;/* 一番右のボックスだけ右の罫線を消す */}

.M_innerList li .M_cl_detail{
	margin:8px;
	margin-bottom:0;}

.M_innerList .M_cl_name{
	line-height:1.4;
	width:95%;
	padding:5px 0px 0px 0px;}

.M_innerList .M_cl_price{
	text-align:right;
	color:#F89B22;
	font-size:11px;
	padding:0px 5px 0px 5px;
	margin:0px; font:bold;}


.M_innerList .M_cl_imgWrap{
	width:130px;
	height:130px;
	text-align:center;}

.M_innerList .M_cl_img{
	width:130px;
	height:130px;}

.M_innerList .M_cl_taxPrice{
	font-weight:bold;
	color:#cc0000;
	font-size:11px;}

.M_innerList .M_cl_content{

	font-size:11px;
	margin-top:4px;}  


.images2{
	font-size:13px;
	margin-bottom:15px;}  

.main-img{
	width:300px;}  

/* ---------- レビュー別窓 ---------- */

#review01 #M_reviewViewAll .M_reviewList{
	background:#FFF;}

#review01 #M_reviewViewAll .M_reviewInfo{
	padding:0px 8px 0px 8px;}

#review01 #M_reviewViewAll .M_reviewReadText{
	font-size:1em;
	line-height: 1.7;}
	
#review01 #M_reviewViewAll .ic1 span{
	margin-top:5px;}


#M_reviewViewAll #M_reviewBtm{
	font-size:0.8em;
	padding-top:13px;
	padding-left:10px;}
	
#M_reviewViewAll #M_reviewHead{
	font-size:12px;
	padding-bottom:13px;
	padding-left:10px;
	padding-right:10px;}

#M_reviewViewAll .M_pager{
	text-align:left;}

#M_reviewViewAll #M_reviewBtm ul.M_pager li{
	text-align:left;}
	
#M_reviewViewAll #M_reviewBtm ul.M_pager li.prev{
	width:350px;
	text-align:right;}
	
#M_reviewViewAll #M_reviewHead ul.M_pager li{
	text-align:left;}
	
#M_reviewViewAll #M_reviewHead ul.M_pager li.prev{
	width:350px;
	text-align:right;}

#M_reviewViewAll #M_reviewBtm ul.M_pager li.next{
	width:40px;
	text-align:right;}
	
#M_reviewViewAll #M_reviewHead ul.M_pager li.next{
	width:40px;
	text-align:right;}

/* ---------- サブ画像 ---------- */

.M_imageWrap div.M_imageCatalog img{
	width:50px;
	height:50px;}


/* ---------- 買い物カゴ ---------- */

#Shoppingbasket{
 width: 670px;
}

#Shoppingbasket-list .woong{
    padding:5px;
    color:#5F5F5F;
    font-size: 0.7em;
    line-height: 1.5;}
	
#Shoppingbasket-list .item-name{
	padding:10px 5px 10px 5px;
	color:#5F5F5F;
	font-size:13px;}

#Shoppingbasket-list td.woong input{
	width:35px}
	
#Shoppingbasket-list td.line{
	display:none;}

#Shoppingbasket-list td.line-hr{border-bottom: solid 1px #ccc;}
	
#Shoppingbasket-list td.woong-img img{
	width:60px;
	height:60px}

#Shoppingbasket-list .basket_option .basket_option_mulopt_box select{
	width:60%;
    margin-bottom: 10px;}
	
#Shoppingbasket-list .basket_option select {
    width: 20%;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin-right: 10px;
}


#Shoppingbasket-list .basketprice{
	color:#F99823;
	font-size:13px;
	padding:0px;
	margin:0px;

	letter-spacing:0.10em}

	
#Shoppingbasket-list .basket_totalprice{
	font-size:17px;
	font-weight:bolder;
	padding:7px;
	margin:5px 0px 5px 0px;}

#Shoppingbasket-list td.basket_option{
	padding:0px 10px 8px 0px;
	text-align:right}
	
#Shoppingbasket-list hr{
	border:#a2a2a2 solid 0.5px;
	width:95%;
	padding-left:10px;
	margin:20px 0px 20px 0px}
	
#recent td.line img{
	display:none;} /* 仕切りの点線を非表示 */
	
#recent td.itemImg img{
	width:130px; height:130px}
	
#recent td p{
	padding:5px 7px 0px 7px;
	line-height:1.5;
font-size:0.5em;}
	
td .M_quantity-button-input input{
	width:90px !important;}

.M_original-code{
	font-size:12.5px;}

	
.M_production{
	font-size:12.5px;}
	
.M_quantity-button-label{

	font-size:12.5px;
	width:40px;}

#M_usualValue td{
	font-size:13.5px;}  

#M_usualValue input{
	width:45%;}  

.M_quantity-wrap{
	margin-bottom:10px}  

#M_quantity-table{
	height:100px;} 

.M_quantity-button-input{
	vertical-align:middle;
	padding-top:8px;}

.M_quantity-button-up{
	width:30px;
	text-align:right;
	vertical-align:bottom;} 

.M_quantity-button-down{
	width:30px;
	text-align:right;
	vertical-align:top;}  
	
.M_option-group select{
	width:100%;
padding: 6px;
margin: 7px 0px 7px 0px} 


.M_nameList {
list-style: none;
    padding: 0px;}

.kago_side ul{
    list-style: none; !important;
    margin: 0px;
    padding: 0px; !important;
}

.kago_side li{
    border-bottom: 1px #ccc solid;
    padding: 9px 0px 9px 0px;
}

.kago_side li:last-child{
    border-bottom: none;
}

.kago_side p{
display: inline-block;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    vertical-align: top;
}


/* ---------- 質問 ---------- */

#qa-box {margin: 15px;
    color: #171717;
}
#qa-menu input{
    position: absolute; 
    display: none;}

#qa-menu .content{
    display: none; 
    border-top: 1px solid #989898; 
    background-color: #fff;
    font-size: 1.2em;
    line-height: 1.6;
    padding: 45px 0px 55px 10px}

#qa-menu input:checked ~ .content{
    display: block;}

#qa-menu label{
    display: block;
font-size:1.2em;
    user-select: none;
    padding-left: 0px;
    height: auto;
    background: transparent url(https://www.kids-leotard.com/ange/design/down.png);
    background-position: right;
    background-repeat: no-repeat;}

#qa-menu label:active{
    color: #d1d1d1;
}

#qa-menu input:checked ~ label{
    height: auto;
    background: transparent url("https://www.kids-leotard.com/ange/design/up.png");
    background-position: right;
    background-repeat: no-repeat;}


#qa-menu .content a:link{
	color:#383838;
	text-decoration:none;}
	
#qa-menu .content a:hover{
	color:#383838;
	background:#ffe8e8;
	text-decoration:underline;}
	
#qa-menu .content a:visited{
	color:#383838;}
	
#qa-menu .content a:active{
	color:#383838;}

#qa-menu .box {
    padding: 10px 0px 0px 0px ;
    border-bottom: #989898 solid 1px;
text-align: left;}

#qa-menu .box ul{
list-style: none;
padding-left: 10px;}

#qa-menu .box li{    
margin: 15px 40px 15px 15px;
    text-indent: -26px;
word-wrap: break-word;}

#qa-menu .question::before{
    content: "Q. ";    
}

#qa-menu .answer::before{
    content: "A. ";
    
}

#qa-menu .answer{
    padding-left: 20px;}


#qa .title{
	background:#fff;
    padding: 30px;
font-size: 2em;
text-align: center;}


#qa .text p{
    padding: 0px;
    margin: 20px 0px 30px 0px;
text-align: center;}


/* ----------  納期 ---------- */



#nouki {
    margin:0px; 
    text-align: left;}

#nouki ul{list-style-type: disc; }
#nouki li{padding: 0px 0px 30px 0px;}

#nouki h1{
    font-size:1.7em; 
    padding: 60px 0px 0px 0px; 
    border-bottom: 2px #ccc dashed; 
    margin: 0px 0px 25px 0px;}

#nouki h2{ 
    font-size: 1.25em; 
    font-weight: normal; 
    padding: 0px 0px 10px 0px; 
    margin: 0px; line-height: 1.5;}

#nouki .point{
    text-decoration: underline;}

#nouki .small{ 
    font-size: 0.6em; 
    font-weight: normal;}



/* ----------  利用案内 ---------- */

#guide{
	padding:40px 0px 0px 30px;
	margin-bottom:150px;}

#guide li{
	padding-bottom:17px;}
	
#guide h2{
	font-size:14px;}

#guide .text{
	margin:30px 30px 50px 30px}

#guide .title{
	padding:30px;
	margin:30px 0px 0px 0px;
	background:#ffe8e8;
	font-weight:bolder;
	font-size:19px;}

#guide .left{
	float:left;
	width:45%;
	height:auto;
	overflow:hidden;
	padding-top:30px;}

#guide .right{
	float:right;
	width:50%;
	height:auto;
	overflow:hidden;}

#guide .company .text{
    text-align: center;}

img[src="/design/ange2005/companytitle.gif"]{display:none;}

/* ---------- 商品詳細 ---------- */


#item-main { 
	width:690px;
	font-size:12.7px;
	letter-spacing:0.05em;
	line-height:1.7;
	color:#1d1d1d;
	text-align:center;
	margin-bottom:0px;
	margin-left:10px;}

#item-main .text01 .entryexample{
border: dotted 3px #ccc; 
    padding: 20px; 
    margin: 30px 0px 30px 0px; 
    font-size: 0.9em;}


#item-main .item-box {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}




#item-main .item-design h1{
    text-align: center;
    font-size: 1em;
    letter-spacing: 0.16em;
    font-weight: normal;

}


#item-main .item-design .item-box .box {
    background: #fff; 
	width:33%;
    text-align: center;
    padding: 8px;
}


#item-main .item-design .item-box .box p{
    font-size: 0.8em;
    line-height: 1.6;
    padding: 15px 0px 0px 0px;
}


#item-main .item-2box {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

#item-main .item-2box .box {
    background: #fff;
	width:50%;
    text-align: center;

}



#item-main .item-2box .box p{
    font-size: 0.9em;
    line-height: 1.4;
    padding: 20px 5px 10px 5px;
}

#item-main .color-3box {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    flex-wrap: wrap;
}

#item-main .color-3box .box {
    background: #fff;
    width: 33%;
    text-align: center;
}

#item-main .color-3box .box p{
    font-size: 1em;
    line-height: 1.6;
    padding: 15px;
}


#item-main p{
	padding:0px;
	margin:0px;}	
	


#item-main hr.rg{
    margin: 30px 0px 30px 0px; 
    border: dashed 2px #d5d5d5;}
	
#item-main .h6 { 
	font-size:10px}
	
#item-main .frame { 
	margin-top:60px;}
	
	
#item-main .color-img table { 
	width:100%;
	margin:20px 0px 0px 0px;
}
#item-main .color-img td { 
	background: #fff;
	padding: 20px 20px 20px 20px;/*セルの内側に上下左右に4px余白をあける*/
	font-size:15px;
	text-align:center;
}
#item-main .color-img th {
	background: #fff;/*見出しの背景をピンクにする指定*/
	padding: 20px 20px 20px 20px;
	text-align:center;
	font-size:15px;
}
	
#item-main .frame-float { 
	height:auto;
	width:auto;
	overflow:hidden;
	}
	
#item-main .sozai { 
	border:#999 solid 1px;
	height:auto;
	width:auto;
	overflow:hidden;
	margin:17px;
	padding:19px;
	}	
	
#item-main .sozai-left { 
    width:25%; 
    float:left;}
	
#item-main .sozai-right {
    width:73%; 
    float:right;}

#item-main .sozai-left { 
    width:25%; 
    float:left;}
	
#item-main .other-sozai { 
    margin:15px; 
    text-align:right;}



#item-main .frame-border { 
	border:#999 solid 1px;
	height:auto;
	width:auto;
	overflow:hidden;}
	
#item-main .frame-border hr { 
	border:#999 solid 0.5px;
	margin:9px 0px; 9px 0px}
	
#item-main .frame-dress { 
	border:#999 solid 1px;
	height:auto;
	width:auto;
	overflow:hidden;
	margin:18px 5px 18px 5px;
	padding:16px 12px 16px 12px;
	}

#item-main .color-l{
	float:left;
	text-align:left;
}

#item-main .color-r{
	float:right;
}


#item-main a{
	COLOR:#e26085;
	text-decoration:underline;}

#item-main .movie video{ 
	padding:40px 0px 0px 0px;}
	

#item-main .text01 >div{ 
	padding-bottom:20px;}
	
#item-main .text02{ 
	font-size:12.5px;
	letter-spacing:0.02em;
	line-height:1.7;}
	
#item-main .text{ 
	font-size:12.5px;
	letter-spacing:0.02em;
	line-height:1.7;}
	


#item-main .item-div01 .color table{ 
	width:100%;
	margin-top:15px;}
	
#item-main .item-div01 .color td{ 
	background: #fff;
	border:solid 1px #b2b2b2;/*グレーの枠線の指定*/
	padding: 15px 10px 10px 10px;/*セルの内側に上下左右に4px余白をあける*/
	font-size:15px;
	text-align:center;
}

#item-main .item-div01 .color th{
	background: #fff;/*見出しの背景をピンクにする指定*/
	border:solid 1px #b2b2b2;/*グレーの枠線の指定*/
	padding:15px 10px 10px 10px;
	text-align:center;
	font-size:15px;
}

#item-main .color a{
    COLOR: #d95477;
    text-decoration:underline;   }



	
.item-div01 { 
	margin-top:70px;
	margin-bottom:70px;}

.item-div-border { 
	border:#999 solid 1px;
	line-height:1.7;
	margin:25px;
	padding:15px;}

.color-img_border { 
	border: dotted #CCC;
    padding: 15px;
    margin: 20px}

.color-img-block table { 
	padding: 0px;
    margin: 0px;
    text-align: center;
    vertical-align: top;
    width: 100%;}

.color-img-block tr { 
    vertical-align: top;}

.color-img-block td { 
	border: solid #ccc 1px;

	padding: 10px;
    margin: 5px;
    text-align: center;
    vertical-align: top;}

.color-img-block .box { 
	font-size:14px;
padding: 10px 0px 13px 0px;}

.color-img-block  img { 
	padding: 10px 0px 10px 0px;
	width: 80%;
	height: auto;}


.color-img_title01 { 
	background:#d6e5ef;
	padding:10px;
	margin-bottom: 15px;
	font-size:17px}

.color-img_title02 { 
	background:#f0e3e3;
	padding:10px;
	margin-bottom: 15px;
	font-size:17px}

.color-img_title03 { 
	background:#e7e4d2;
	padding:10px;
	margin-bottom: 15px;
	font-size:17px}

.color-img_title04 { 
	background:#c3dede;
	padding:10px;
	margin-bottom: 15px;
	font-size:17px}

.color-img_border .title01 { 
	background:#d6e5ef;
	padding:10px;
	margin-bottom: 15px;
	font-size:17px}

.color-img_border .title02 { 
	background:#f0e3e3;
	padding:10px;
	margin-bottom: 15px;
	font-size:17px}

.color-img_border .title03 { 
	background:#e7e4d2;
	padding:10px;
	margin-bottom: 15px;
	font-size:17px}

.color-img_border .title04 { 
	background:#c3dede;
	padding:10px;
	margin-bottom: 15px;
	font-size:17px}

.dresscolor-left { 
	float:left;
	width:437px;
	height:auto;}

.dresscolor-right { 
	float:right;
	width:140px;
	height:auto;}

.dresscolor { 
	border:#999 solid 1px;
	padding:13px 7px 7px 7px;
	margin-top:6px;
	width:577px;
	height:170px;}

#item-main h6 { 
	font-size:9px;
	line-height:1.3;
	letter-spacing:0.10em;
	font-weight:normal;
	padding:0px;
	margin:0px;}
		
.frame-float {
	width:auto;
	height:auto;
	overflow:hidden;}
	
#item-main .frame-border {
	width:auto;
	height:auto;
	overflow:hidden;
	border:#999 solid 1px;}

.item-text01 {
	margin:25px 15px 30px 15px;
	line-height:1.7;}

.item-text02 {
	line-height:1.8;}

		
.item-main table,
.item-main th,
.item-main td { 
	font-size:12px;
	letter-spacing:0.10em;
	line-height:1.3;
	padding-top:60px;}
	
.item-main th {
	font-size:12px;
	letter-spacing:0.10em;
	line-height:1.3;}
				
.item-main02 table
.item-main02 th,
.item-main02 td { 
	font-size:13px;
	letter-spacing:0.10em;
	line-height:1.2;
	padding:5px 5px 5px 5px;}
	
.item-main02 th {
	font-size:12px;
	letter-spacing:0.10em;
	line-height:1.2;
	padding:5px 5px 5px 5px;}

.item-normal table
.item-normal th,
.item-normal td { 
	font-size:12px;
	letter-spacing:0.10em;
	line-height:1.2;}
	
.item-normal th {
	font-size:12px;
	letter-spacing:0.10em;
	line-height:1.2;}

#item-main .item-main-border table {
	border:#666 solid 1px;
    margin: 0px 30px 0px 30px;
    width: 90%;}
	
#item-main .item-main-border td { 
	font-size:12px;
	letter-spacing:0.04em;
	line-height:1.4;
	padding:10px 10px 10px 10px;
	border:#666 solid 1px;
	text-align:left;}
	
#item-main .item-main-border th {
	font-size:12px;
	letter-spacing:0.04em;
	line-height:1.2;
	padding:10px 10px 10px 10px;
	border:#666 solid 1px;
    width: 30%;}

#item-main .item-main-border td ul{ 
	padding: 0px 0px 0px 20px;}

#item-main .item-main-border td ul li{ 
	margin-bottom:10px;}


.title-size{
    background: url(https://www.kids-leotard.com/ange/design/title-size.jpg) no-repeat;
    width: 690px;
    height: 90px;}

.rappskirt-size table  {
	border:#666 solid 1px;}
	
.rappskirt-size th,
.rappskirt-size td { 
	font-size:12px;
	letter-spacing:0.04em;
	line-height:1.4;
	padding:10px 10px 10px 10px;
	border:#666 solid 1px;
	text-align:left;}
	
.rappskirt-size th {
	font-size:12px;
	letter-spacing:0.04em;
	line-height:1.2;
	padding:10px 10px 10px 10px;
	border:#666 solid 1px;}

.title-kitake{
    background: url(http://www.kids-leotard.com/ange/design/title-kitake.jpg) no-repeat;
    width: 100%;
    height: 60px;
    background-size: cover;}

.title-frontstyle{
    background: url(http://www.kids-leotard.com/ange/design/title-frontstyle.jpg) no-repeat;
    width: 100%;
    height: 60px;
    background-size: cover;}

.title-backstyle{
    background: url(http://www.kids-leotard.com/ange/design/title-backstyle.jpg) no-repeat;
    width: 100%;
    height: 60px;
    background-size: cover;}

.title-lining{
    background: url(http://www.kids-leotard.com/ange/design/title-lining.jpg) no-repeat;
    width: 100%;
    height: 60px;
    background-size: cover;}

.title-sleeve{
    background: url(http://www.kids-leotard.com/ange/design/title-sleeve.jpg) no-repeat;
    width: 100%;
    height: 60px;
    background-size: cover;}

.title-design{
    background: url(http://www.kids-leotard.com/ange/design/title-design.jpg) no-repeat;
    width: 100%;
    height: 60px;
    background-size: cover;}


.title-color{
    background: url(http://www.kids-leotard.com/ange/design/title-color.jpg) no-repeat;
    width: 100%;
    height: 60px;
    background-size: cover;}

.title-size{
    background: url(http://www.kids-leotard.com/ange/design/title-size.jpg) no-repeat;
    width: 100%;
    height: 60px;
    background-size: cover;}

.title-detail{
    background: url(http://www.kids-leotard.com/ange/design/title-detail.jpg) no-repeat;
    width: 100%;
    height: 60px;
    background-size: cover;}

.title-skirt{
    background: url(https://www.kids-leotard.com/ange/design/title-skirt.jpg) no-repeat;
   width: 100%;
    height: 60px;
    background-size: cover;}


.title-skirtsize{
    background: url(https://www.kids-leotard.com/ange/design/title-skirtsize.jpg) no-repeat;
   width: 100%;
    height: 60px;
    background-size: cover;}

.cami-front{
    background: url(https://www.kids-leotard.com/ange/design/front-cami.jpg) no-repeat;
    width: 580px;
    height: 222px;
	margin-left:10px;}

.cami-back{
    background: url(https://www.kids-leotard.com/ange/design/back-cami.jpg) no-repeat;
    width: 580px;
    height: 222px;
	margin-left:10px;}

.tank-front{
    background: url(https://www.kids-leotard.com/ange/design/tank-front.jpg) no-repeat;
    width: 580px;

    height: 249px;
	margin-left:10px;}

.tank-back{
    background: url(https://www.kids-leotard.com/ange/design/tank-back.jpg) no-repeat;
    width: 580px;
    height: 251px;
	margin-left:10px;}

.tank-uni-front{
    background: url(https://www.kids-leotard.com/ange/design/tank-uni-front.jpg) no-repeat;
    width: 580px;

    height: 249px;
	margin-left:10px;}

.tank-uni-back{
    background: url(https://www.kids-leotard.com/ange/design/tank-uni-back.jpg) no-repeat;
    width: 580px;
    height: 251px;
	margin-left:10px;}

.sleeve-front{
    background: url(https://www.kids-leotard.com/ange/design/front-cap.jpg) no-repeat;
    width: 580px;
    height: 222px;
	margin-left:10px;
	margin-top:20px;}

.sleeve-back{
    background: url(https://www.kids-leotard.com/ange/design/back-cap.jpg) no-repeat;
    width: 580px;
    height: 222px;
	margin-left:10px;
	margin-top:20px;}

.sleeve-title{
    background: url(https://www.kids-leotard.com/ange/design/sleeve-title.jpg) no-repeat;
    width: 580px;
    height: 54px;
	margin-left:10px;}

.sleeve-img{
    background: url(https://www.kids-leotard.com/ange/design/sleev.jpg) no-repeat;
    width: 580px;
    height: 198px;
	margin-left:10px;}

#item-info{
    margin: 0px;
    padding: 0px;
    color: #666666;
    line-height: 17px;
    font-size: 12px;}

.textstyle1{
    width: 593px;
    margin: 10px 0px 10px 0px;
    border: dotted 1px #cccccc;
    padding: 10px 0px 10px 7px;
    background: #fafafa;
    font-size: 15px;
    font-weight: bold;}


/* ---------- コーディネート ---------- */

#item-main .coordinate-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px;}

#item-main .coordinate-box .box {
    width: 47%;
    background: #fff;
    text-align: left;
    line-height: 1.6;

    margin: 0px 0px 40px 0px;
}

#item-main .coordinate-box .box a {
width: 50%;
    display: inline-block;
    padding: 0px;
    margin: 0px;
        vertical-align: middle;
}
#item-main .coordinate-box .box p {
display: inline-block;
    width: auto;
    padding: 20px 0px 0px 10px;
    margin: 0px;
    font-size: 0.5em;
    vertical-align: middle;
}



#item-main .coordinate-2box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px;}

#item-main .coordinate-2box .box {
    width: 100%;
    background: #fff;
    text-align: left;
    line-height: 1.6;
    margin: 0px 0px 0px 0px;
}

#item-main .coordinate-2box .box a {
width: 25%;
    display: inline-block;
    padding: 0px;
    margin: 0px;
        vertical-align: middle;
}
#item-main .coordinate-2box .box p {
display: inline-block;
    width: 70%;
    padding: 0px 0px 0px 3px;
    margin: 0px;
    font-size: 0.5em;
    vertical-align: middle;
}

/* ---------- カラー紹介 ---------- */

#item-main .color-va img {
    padding: 15px;
    margin: 20px 0px 0px 0px;
}



/* ---------- 商品詳細下の質問 ---------- */

#help{
	width: 100%;
    height: auto;
    overflow: hidden;
    margin: 40px 0px 60px 0px;
    padding: 30px;
    text-align: center;}
	
#help .titleimg{
	background:url(https://www.kids-leotard.com/ange/design/qa-title.gif);
	width:500px;
	height:80px;
	text-align:center;
	margin:80px 0px 40px 210px;
	background-size: contain;}

	
#help .help-content{
    display: flex;}

#help .help-content .title{
font-weight: 600;
    padding: 30px;}

#help .help-content .box{
    width: 50%;}

#help ul{
    list-style: none;
text-align: left;
    margin: 0px;
    padding: 0px 8px;
    width: 89%;}

#help li::before {
content: "Q. ";    
}

#help li {
    margin-left: 20px;
    text-indent: -22px;
    margin-bottom: 20px;
}


/* ---------- オプション ---------- */
	
#help .option {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 10px 30px 10px;}

#help .option .text{
    margin: 40px 0px 40px 0px;
    display: inline-block;
    width: 100%;}

#help .option .box {
    background: #fff;
    width:17%;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    text-align: centar;
}

#help .option .box img{
    padding: 0px 0px 0px 0px;
margin: 0px;
    width: 80%;
}

#help .option div.title{
padding: 0px;
    font-size: 0.7em;
font-weight: 600;
    height: 67px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#help .option p {
    padding: 0px 0px 10px 0px;
    font-size: 0.7em;
    text-align: left;
margin: 0px;
}

/* ---------- 検索 ---------- */

#search01 input{
	width:100%;}

#M_searchResult .img img{
	width:120px;
	height:auto; !important;}

#M_searchResult .menu{
	font-size:10px}

#M_searchResult .name{
	padding:0px 10px 0px 10px;
	font-size:10px;}

#M_searchResult .price{
	font-weight:bolder;
	font-size:11px;}

#search02 .page table .page th, .page td {
	font-size:12px;
	margin:9px 0px 9px 0px}
	
	
	
/* ---------- info会社 ---------- */

#info {
    margin: 20px 0px 0px 20px;
	font-size:15px;}

#info .textstyle1{
    width: 95%;
    margin: 10px 0px 10px 0px;
    padding: 10px;
    background: #fff1f1;
    font-size: 17.5px;
    font-weight: bold;}
	
	
#info p{
    padding: 15px 15px 60px 15px;}
	
/* ---------- 案内ページ ---------- */

#info-content{
width: 670px;
    text-align: center;
    margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 40px;

}

#info-content a:link{
	color:#dd4e55;
	text-decoration:none;}
	

	
#info-content a:visited{
	color:#dd4e55;}
	
#info-content a:active{
	color:#dd4e55;}
	
#info-content .main{
    margin:50px 0px 30px 0px;
	letter-spacing:0.01em;
	line-height:1.6;
	}
	
#info-content ul {
	}

#info-content p{
    margin:0px;
	padding:0px 0px 0px 0px;
	}

#info-content .point {color:#d9405f}
	
		
#info-content .brand{
	margin:20px 10px 20px 10px;
	padding:20px;
	border:#CCC solid 1px;}

	
#info-content .header-hr{
	border:#ebb3bd 2px solid;
	margin-top:6px;
	margin-bottom:6px;
	width:100%;}
	
#info-content .footer{
	margin:20px;
	width:100%;}

/* ---------- オプション ---------- */
	
#info-content #op {
    text-align: center; 
    padding-top: 80px}

#info-content #op .text{
    text-align: center; 
    font-size: 1em; 
    letter-spacing: 0.12em; 
    line-height: 1.8; 
    padding: 40px 0px 30px 0px;}

#info-content #op .content{    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 15px;
font-size: 0.7em;
letter-spacing: 0.12em;
list-style: 0.7;}

#info-content #op .content .box{
    width: 30%; 
    word-wrap: break-word; 
    text-align: center; 
    padding: 40px 0px 0px 0px; 
    margin: 0px 0px 20px 0px }

#info-content #op .content h1{
    font-size: 1.5em; 
    font-weight: normal;}

#info-content #op .content .box img{
    width: 100%; 
    padding-bottom: 15px;}

#info-content #op .content .box p{
    text-align: center; 
    padding: 0px 10px 0px 10px}


/* ---------- 素材 ---------- */


#sozai{}

#sozai .content{
    padding: 0px 0px 70px 0px}

#sozai .box{
    padding: 20px 0px 30px 0px;}

#sozai h1{ 
    width: 44%; 
    display: inline-block; 
    vertical-align: middle; 
    font-size: 1.6em; 
    letter-spacing: 0.12em; 
    font-weight: normal}

#sozai video{
    width: 54%; 
    display: inline-block; 
    vertical-align: middle;}

#sozai p{
    text-align: left; 
    padding: 30px 30px}


/* ---------- ライナー ---------- */

#liner {
    margin:50px 0px 100px 0px; 
    text-align: left;}

#liner h2{
    font-size: 1.5em; 
    padding:10px; 
    margin:0px 0px 20px 0px; 
    border-bottom: solid 9px #f1e7e7;}

#liner .text {
    margin:0px 15px 0px 15px; 
    padding:20px 0px 10px 5px;}

#liner .text h4{
    font-size: 1.1em; 
    margin:30px 0px 15px 0px; 
    padding:20px 0px 10px 5px;	
    border-bottom:1.5px #B91E0D dashed;}

#liner p{
    margin:0px; 
    padding: 20px 0px 0px 30px; 
    text-align: left;}

#liner .guidance{
    padding:30px; 
    margin:30px; 
    background:#f1e7e7;}

#liner .guidance h1{
    font-size: 1.1em;}


/* ---------- 案内ページ ---------- */

.item-coordinate {
    font-size:11px; 
    padding:10px;}

/* ---------- 即日納品 ---------- */

#sokuzitu hr { 
    border:#ccc solid 1px; 
    width:100%;}

#sokuzitu .sokuzitu-memo p {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;}

#sokuzitu .sokuzitu-memo {
    padding:0px 60px 0px 60px; 
    line-height:1.0;}

#sokuzitu .frame-border {
    border:#CCC solid 4px; 
    margin:7px 30px 0px 30px; 
    padding:20px; 
    font-size:16px; 
    text-align:center; 
    line-height:1.0;}

#sokuzitu .frame-border p {
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px;}

#sokuzitu .frame-border span {
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px;}

#sokuzitu a{
    color:#DC5F6F; 
    text-decoration:underline;}

/* ---------- 説明ページ ---------- */

#page{
    max-width:100%; 
    height:auto; 
    font-size:19px;}

/* ---------- お知らせページ ---------- */

#info-page
{
    padding: 0px;
    text-align:left; 
width:100%;
}

#info-page h2{
    font-size: 1.2em;
    padding: 8px 0px 8px 0px;
	font: bolder;
}

#info-page li{padding-bottom: 10px;}

#info-page a{
    text-decoration:underline;
    color: #d95477;
} 

#info-page hr{
    padding:0px;
	margin: 25px 0px 25px 0px;
} 


#info-page p{
	padding-bottom: 10px;

} 


/* ---------- 新メニューページ ---------- */

#menu-ac input{
    position: absolute; 
    display: none;}

#menu-ac .content{
    display: none; 
    color: #171717;
    border-top: 1px solid #989898; 
    background-color: #fff;
    padding: 15px 0px 15px 10px}

#menu-ac input:checked ~ .content{
    display: block;}

#menu-ac label{
    display: block;
    user-select: none;
    padding-left: 10px;
    height: 28px;
    background: transparent url(https://www.kids-leotard.com/ange/design/down.png);
    background-position: right;
    background-repeat: no-repeat;}

#menu-ac input:checked ~ label{
    height: 28px;
    background: transparent url("https://www.kids-leotard.com/ange/design/up.png");
    background-position: right;
    background-repeat: no-repeat;}


#menu-ac .content a:link{
	color:#383838;
	text-decoration:none;}
	
#menu-ac .content a:hover{
	color:#383838;
	background:#ffe8e8;
	text-decoration:underline;}
	
#menu-ac .content a:visited{
	color:#383838;}
	
#menu-ac .content a:active{
	color:#383838;}

#menu-ac .box {
    padding: 10px 0px 0px 0px ;
    border-bottom: #989898 solid 1px;}

.tentou {
    padding: 13px 0px 10px 10px;}


/* ---------- メルマガ ---------- */



#mail-maga{    
    width: 620px; 
    padding: 30px; 
    letter-spacing: 0.1em; 
    color: #4c4c4c;}

#mail-maga .box{
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    border: #e1e1e1 3px solid;
    padding: 30px;
    margin: 30px;
    text-align: center;   
}

#mail-maga a{
color:#d45262;}


#mail-maga ul{
    padding: 7px 0px 15px 150px;
    text-align: center;
    
}

#mail-maga li{
    text-align: left;
    
}

#mail-maga .title{
font-size:1.5em;
    padding: 0px;
    margin: 0px;
}

#mail-maga .sub-title{
font-size:1.5em;
}

#mail-maga .btn-touroku{
background: #d45262;
color: #fff;
    width: 50%;
border: none;
margin-right: 13px;}

#mail-maga .btn-kaijo{
background: #e1e1e1;
color: #4c4c4c;
    width: 50%;
border: none;
margin-right: 13px;}

#mail-maga .text{
padding: 13px 0px 13px 0px;}

#mail-maga .input-title{
text-align: left;
margin: 30px;
}

#mail-maga .input-title input{
width: 100%;
margin-top: 15px;
}


/* フッターおすすめ */

#f-body {
    padding: 0px;
    color:#0C0C0C;
    width: 90%;
font-size:0.8em;

}

#f-body a {
    color: #0C0C0C;
    text-decoration: none;
}

/* 新商品 */
#f-body .new-item .text{
    padding: 20px 0px 20px 0px;

}

#f-body .new-item p{
    padding: 0px;
margin: 0px;}


/* サブコレクション */

#f-body .f-collection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 15px;}

#f-body .f-collection .box {
    background: #fff;
    width:49%;
    text-align: left;
    text-align: center;
}

#f-body .f-collection .box .title {}

#f-body .f-collection .box p {
padding: 10px;
}

#f-body .f-collection img {
    width:80%;
    padding: 15px 0px 15px 0px;
}

/* おすすめ */

#f-body .recommendation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 40px;}

#f-body .recommendation .box {
    background: #fff;
    width:33%;
    text-align: left;
    margin: 0px;
    padding: 0px;
    text-align: center;
text-align: centar;
}

#f-body .recommendation .box p {
    padding: 20px 10px 20px 10px;
}


#f-body .recommendation .box img{
 width:80%;
}


/* おすすめ2 */

#f-body .item_2 {
    justify-content: space-between;
    padding-top: 15px;}

#f-body .item_2 .box {
       display: flex;
    flex-wrap: nowrap;
    background: #fff;
    width:100%;
    text-align: left;
    margin: 0px;
    padding: 0px;
    text-align: left;
    vertical-align: sub;
}

#f-body .item_2 img {
    width: 100%;
    height: auto;
}

#f-body .item_2 .box div{
    padding: 30px; 
    width: 100%;}

#f-body .item_2 .box .title{
    font-weight: 700;
padding-bottom: 12px;}


/* ----------  独自ページサイズ ---------- */

#page-main{
width: 690px;}

#page-main a{
    text-decoration: underline;}


/* ----------  ポイントについて ---------- */

.point{
    text-align: center;}

.point .title{
font-weight: 500;
padding-bottom: 15px;
font-size:1.1em;}

.point .red{
    text-decoration:underline;
    text-decoration-color: #d45262;
}

.point .red-text{
    color: #d45262; 
    letter-spacing: 0.13em; 
    font-weight: 700;
    margin-top: 50px;}

.point ul{
    padding: 30px 90px;
    list-style: inherit; }

.point li{
    text-align: left;
    padding-bottom: 10px;
}

.point .under{
    text-decoration: underline;}

.point .btn{
background: #d45262;
    padding: 10px;
    margin: 40px 0px ;
text-align: center;}

.point .btn a{
    text-decoration: underline;
     color: #fff;
    font-size: 1.5em;
}

.point .text{
font-size:1.5em;
    padding: 0px;
    margin: 0px;
}


/* ---------- お問い合わせ ---------- */
	
#inquiry { 
    padding-top: 30px;
    width: 910px;
    }

#inquiry .title{
    font-size:1.5em;
    padding: 20px;}

#inquiry .content{
    font-size:1.5em;
    text-align: center;}

#inquiry p {
    padding: 0px;
    margin: 0px;}

#inquiry .box {
    letter-spacing: 0.10em;}

#inquiry .box ul {    
    list-style: none;
    background: #fff;
    border: #ccc 7px solid;
    margin-bottom: 35px;
    padding: 40px 0px 40px 0px;   
}

#inquiry li {
    display: inline-block;
    width: 45%;
    vertical-align: middle;
}

#inquiry li.text{}

#inquiry .tell{
    font-size:2em;
    color: #d45262;
    text-align: center;
    margin: 0px 0px 20px 0px;}

#inquiry .qa{
    font-size:2em;
    color: #d45262;
    text-decoration: underline;
    text-align: center;
    padding: 0px;
    margin: 10px 0px 0px 0px;}

#inquiry .maill{
    border-radius: 10px 10px 10px 10px;
    background: #d45262;
    padding: 8px;
    margin: 0px 0px 20px 0px;
    font-size:2em;
    text-align: center;}

#inquiry .maill a{
    color: #fff;
}

       
    #inquiry .guide-link p{
    text-align: left;
    border-bottom: 1px #ccc solid;
    padding: 8px 0px 8px 0px;
    }
    
    #inquiry .guide-link a{
    font-size:1.1em;
    color: #d45262;
    text-decoration: underline;
    text-align: center;
    padding: 0px;
    margin: 10px 0px 0px 0px;}

/* ---------- 注文からお届けまで ---------- */

.shop-guide-top{
    text-align: center;
}

.shop-guide-top .titile{
    font-size: 1em;
}


.shop-guide-top .box img{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}

.shop-guide-top .box p{
    display: inline-block;
        vertical-align: middle;
width: 65%;
    text-align: left;
}

.shop-guide-top .box p .small{
    font-size: 0.8em; 
}

.shop-guide-top .sita{
    width: 18%;
    text-align: center;
    margin: auto;
}

/* ----------  新商品紹介 ---------- */
#newitem{width: 680px;
padding: 30px 0px 0px 30px;
text-align: center;}

#newitem h1{font-size: 1em;
    line-height: 2.0;
    padding: 0px 0px 10px 0px;
    margin: 0px;
color: #5b5b5b;

    font-weight: 600;}

#newitem .text{text-align: left;
    padding: 40px;
    margin: 0px;}

#newitem .item-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px;}

#newitem .item-box .box h1{
    font-weight: normal;
border-bottom: solid 1px #ccc;
    padding: 0px 0px 15px 0px;
    margin: 17px 0px 15px 0px;
    font-size: 0.9em;}

#newitem .item-box .box{    width: 33%;
    padding: 0px 0px 40px 0px;
    margin: 0px;
}

#newitem .item-box .box p{
padding: 0px 20px; 
font-size:0.6em;
}


/* ----------  新色紹介 ---------- */
#newcolor{
    width: 680px;
padding: 30px 0px 0px 30px;
text-align: center;}

#newcolor h1{
    letter-spacing: 0.12em;
    font-size: 2em;
    color: #575757;
    padding: 16px 0px 20px 0px;
}

#newcolor .newitem-co {    
    padding: 30px 0px 30px 0px;
    border: solid 0.5px #ccc;
    margin: 25px;}

#newcolor .newitem-co .text01 {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    font-size: 0.7em;
    padding: 3px;
    margin: 0px;
    text-align: left;}

#newcolor .newitem-co .img {
    display: inline-block;
    width: 40%;
    vertical-align: middle;}

#newcolor .box2{
    display: flex; 
    justify-content: space-between;}

#newcolor .box2 .box{
    width: 50%; 
    padding: 0px; 
    margin: 0px;}

#newcolor .box2 .box .text{
    font-size: 0.8em; 
    text-align: left; 
    padding: 40px;}

#newcolor .box2 .box .text hr{
    padding: 0px; 
    margin: 10px 0px 20px 0px;}


#newcolor .titleimg{width: 100%}

#newcolor .text{
padding: 50px 30px 50px 30px;}

#newcolor img{
    width: 95%;}

#newcolor p{
width: 100%;
text-align: left;
margin: 50px;}

#newcolor a{text-decoration: underline;}


#newcolor .hoka a{border: 2px #ccc solid;
padding: 20px;
width: 80%;
font-size: 1.2em;
font-weight: 600;
margin: 30px 0px 0px 0px;
text-align: center;
display: inline-block;
text-decoration: none;}


#newcolor .item-box {display: flex;
    justify-content: space-between;
    padding-top: 15px;
flex-wrap: wrap;}

#newcolor .item-box div{
   width: 33%;}

#newcolor .item-box div img{
   width: 100%;}

#newcolor .item-box div p{
  padding: 0px;
    margin: 0px 10px 0px 10px;
  font-size: 0.7em; 
text-align: left;}


/* ---------- インスタ ---------- */

#item-main .insta{    
    padding: auto;
margin: 30px 0px 0px 0px;}


#item-main .insta-box{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 20px 0px 20px;}

#item-main .color-sample{
text-align: left;
padding: 25px;}

/* ---------- オプション商品ページ---------- */



#op-main {
    letter-spacing: 0.12em;
    padding: 0px 30px 0px 70px;}

#op-main .op-text01{
    text-align: center;
    font-size: 1em;
    line-height: 1.5; 
    padding: 0px 0px 40px 0px;
    margin: 20px 0px  20px 0px;
border-bottom: #ccc solid;}

#op-main h1{
    font-size: 1.8em;
    padding: 0px 0px 10px 0px; 
    margin: 0px;
text-align: center;
    width: 100%;}

#op-main .op-text01 p{
    padding: 0px; 
    margin: 0px;}

#op-main .op-text02 {
    padding: 0px; 
margin: 0px 0px 0px 30px;}

#op-main .op-text02 ul{
    padding: 0px; 
    margin: 0px;}

#op-main .op-text02 li{
    font-size: 1em;
    line-height: 1.7; 
    padding: 20px 20px 20px 0px; 
    list-style-type: disc;}

#op-main .rei{
    font-size: 0.9em;
    line-height: 1.7; 
    padding: 30px; 
    margin: 20px; 
    border: #ccc 8px solid;}

#op-main .tyuui{
    font-size: 0.8em;
    padding: 40px;
    margin: 0px;}

#op-main .tyuui ul{
    padding: 0px; 
    margin: 0px;}

#op-main .tyuui li{
    font-size: 1em;
    line-height: 1.7; 
    padding: 7px 7px 7px 0px; 
    list-style-type: disc;}

#op-main .tyuui a{
    text-decoration: underline;}

#op-main .tyuui p{
    padding: 0px; 
    margin: 0px;}


/* ---------- NEW商品ページ---------- */


/* ---------- 商品ページ---------- */

#item-page{    
    width: 670px;
    margin-left: 40px;}

#item-page .order{
width: 90%;
margin-top: 20px;}

#item-page #item-main {
    width: auto;
    letter-spacing: 0.05em;
    line-height: 1.7;
    color: #1d1d1d;
    text-align: center;
    margin-top: 20px;
padding-top: 25px;
border-top: solid #ccc 2px;
    margin-bottom: 100px;
}

#item-page #item-main .text01{ 
	font-size:13.5px;
	letter-spacing:0.05em;
	line-height:1.8;
	padding:40px 70px 40px 70px;
text-align: left;}

#item-page #item-main .text01 h1{font-size:1.2em}

#item-page #item-main .text01 hr{
    width: 100%;
	padding:0px;
	margin:20px 0px 30px 0px;
	color:#afafaf;}

#item-page #item-main .text01 ul{    
    padding: 0px;
    margin: 0px;
}

#item-page #item-main .text01 ul li{    
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

#item-page #item-main .text01 .border{
    border-collapse:  collapse; 
width: 100%; 
    padding: 0px;
    margin: 15px 0px 20px 0px;}

#item-page #item-main .text01 .border th{
    border: solid 1px #ccc; 
    padding: 10px;
    margin: 0px;
} 

#item-page #item-main .text01 .border td{
    border: solid 1px #ccc; 
    padding: 10px;
    margin: 0px;
font-size:0.8em;
} 


#item-page #item-main .text01 p.border-top{ 
    border-top: solid #ccc 2px;
    padding: 20px 0px 0px 0px;
    margin: 0px;}

#item-page #item-main .text01 p{
    padding:0px 0px 30px 0px; 
    margin: 0px;}

#item-page #item-main .text01 .coordinate{ 
text-align: inherit;
    padding: 20px 0px 0px 0px;
    margin: 30px 0px 0px 10px;
    border-top: solid 1px #ccc;
font-size:0.8em;}

#item-page #item-main .text01 .coordinate_box{ 
text-align: inherit;
    padding: 20px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
    border-top: solid 1px #ccc;
font-size:0.8em;}

#item-page #item-main .text01 .coordinate_box h1{ 
    padding: 0px;
    margin: 15px 0px 0px 0px;
font-size:0.8em;}

#item-page #item-main .text01 .coordinate_box p{ 
    padding: 0px 0px 15px 0px;
    margin: 0px;}

#item-page #item-main .text01 .coordinate_box::before{
    content: "coordinate"; 
    font-size:1em;}

#item-page #item-main .text01 .coordinate-contents{
    padding: 20px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
    border-top: solid 1px #ccc;}

#item-page #item-main .text01 .coordinate-contents::before{
    content: "coordinate"; 
    font-size:1em; }

#item-page #item-main .text01 .coordinate-img{
    display: flex; 
    padding: 0px; 
    margin: 0px;
    flex-wrap: wrap;}

#item-page #item-main .text01 .coordinate-img .box{
    width: 45%; 
    padding: 8px; 
    margin: 0px;}

#item-page #item-main .text01 .coordinate-img .box img{
    width: 100%;}

#item-page #item-main .text01 .coordinate-img .box p{
    font-size: 0.7em; 
    padding: 8px; 
    margin: 0px}

#item-page #item-main .text01 .coordinate-2img{
    display: flex; 
    padding: 0px; 
    margin: 0px;}

#item-page #item-main .text01 .coordinate-2img .box{
    width: 50%; 
    padding: 8px; 
    margin: 0px;}

#item-page #item-main .text01 .coordinate-2img .box img{
    width: 100%;}

#item-page #item-main .text01 .coordinate-2img .box p{
    font-size: 0.7em; 
    padding: 8px; 
    margin: 0px}

#item-page #item-main .text01 .attention{ 
    text-align: inherit;
    padding: 20px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
    border-top: solid 1px #ccc;
    font-size:0.8em;}

#item-page #item-main .text01 .attention p{ 
    padding: 0px;
    margin: 0px;}

#item-page #item-main .text01 .voice {
    background: #f0e5e6;
    padding: 30px;
    margin-top: 50px;}

#item-page #item-main .text01 .voice h1{
    text-align: center; 
    letter-spacing: 0.11em;
    font-size: 1.6em;}

#item-page #item-main .text01 .voice h2{
    text-align: center;
    font-size: 1em;
    font-weight: normal;}

#item-page #item-main .text01 .voice b{
    padding: 0px;}

#item-page #item-main .text01 .voice p{
    padding: 30px 0px 0px 0px;}

#item-page #item-main .text01 .ticket-present{
    display: flex; 
    padding: 50px 0px 0px 0px;}

#item-page #item-main .text01 .ticket-present img{
    width: 30%; 
    height: 30%;}

#item-page #item-main .text01 .ticket-present .text{
    padding-left: 20px;}

#item-page #item-main .text01 .ticket-present .text h1{
    padding-bottom:15px; 
    font-weight: normal; 
    font-size:0.9em; 
    letter-spacing: 0.02em;}

#item-page #item-main .howtoorder p{
    padding:0px 0px 20px 0px; 
    margin: 0px;}

#item-page #item-main .rg-text {
	font-size:1em;
	letter-spacing:0.05em;
	line-height:1.8;
	padding:40px;
    text-align: left;  }

#item-page #item-main .rg-text h1{
    margin:10px 0px 10px 0px; 
    background:#f4e9df; 
    padding:15px;
    font-weight: bold;}


#item-page #item-main .rg-text p{
    padding: 25px;}

#item-page #item-main .item-design .item-1box .text{
    display: inline-block; 
    width: 48%; 
    vertical-align: middle;    
    text-align: left;}

#item-page #item-main .text01 .item-1box .img{
    display: inline-block; 
    width: 50%; 
    vertical-align: middle;}

#item-page #item-main .list{
	font-size:12px;
display: flex;}

#item-page #item-main .list dd{     width: 5%;
    padding: 0px;
    margin: 0px;
}


#item-main .item-design .item-side_text{    
    margin: 0px;
    border-top: solid #ccc 1px;
    padding: 20px 80px 20px 80px;}

#item-main .item-design .item-side_text .text{
    display: inline-block; 
    width: 48%; 
    vertical-align: middle; 
    font-size:0.7em; 
    text-align: left;    
    letter-spacing: 0.12em;
    line-height: 1.8;}

#item-main .item-design .item-side_text .text b{
    font-size:1.6em;}


#item-main .item-design .item-side_text .text h1{
    font-size:1.2em;}

#item-main .item-design .item-side_text .img{ 
    display: inline-block;
    width: 46%;
    vertical-align: middle;
    padding-left: 20px;}

#item-main .item-design .item-side_text .img p{
    font-size:1em; padding: 10px;}

#item-main .text01 .item-op{
    margin: 20px 0px 0px 0px; 
    padding: 20px 0px 0px 0px; 
    border-top: solid 1px #ccc;}

#item-page #item-main .text01 .item-op .text{
    display: inline-block; 
    width: 61%; 
    vertical-align: middle;    
    text-align: left; 
    padding: 0px; 
    margin: 0px; 
    word-wrap: break-word;}

#item-page #item-main .text01 .item-op .img{
    display: inline-block; 
    width: 30%; 
    vertical-align: middle; 
    padding: 0px 10px 0px; 
    margin: 0px;}

#item-page #item-main .op-img{
    padding-bottom: 15px;}

#item-page #item-main .howtoorder{
    border: dotted 2px #ccc; 
    padding: 30px; 
    margin: 0px 20px 0px 20px ; 
    text-align: left; }

#item-page #item-main .howtoorder h1{
    font-size: 1.2em; 
    background: #e7d2d2; 
    padding: 8px; 
    margin: 0px 0px 30px 0px; 
    text-align: center;}

#item-page #item-main .howtoorder p{
    padding: 0px 0px 15px 0px;}

#item-page #item-main .howtoorder ul{
    list-style: disc;
    padding: 0px 0px 0px 15px;}

#item-page #item-main .howtoorder ul li{
    padding: 0px 0px 15px 0px;}

#item-page #item-main .howtoorder h2{
    font-size: 1em; 
    font-weight: bold; 
    border-top: solid 1px #ccc; 
    padding: 30px 0px 10px 0px; 
    margin: 15px 0px 0px 0px;}

#item-page #item-main .howtoorder .remarkscolumn{
    border:solid #CCCCCC 3px; 
    padding: 15px; 
    margin: 15px 0px 15px 0px;}

#item-page #item-main .howtoorder .remarkscolumn p{
    padding: 0px; 
    margin: 0px;}




/* ---------- 注文画面---------- */

#item-page .M_infoTable{width: 100%;}

#item-page .m_price{width: auto;}

#item-page .M_quantity-button-up{padding-top: 6px;}

#item-page h2{text-align: left; font-size:0.9em;}

#item-page .M_quantity-wrap{padding-bottom:27px;}

.M_point-wrap{font-size: 0.7em;}

#item-page .sns{
    text-align: right;
    padding: 20px 0px 0px 0px;}


#item-page .soldout{
    padding: 15px;
    margin: 10px 0px 10px 0px;
    width: 70%;
    display: block;
    font-size: 2em;
    font-weight: bold;}


#item-page .restock{    
    border: solid 5px #e5e3e3;
    padding: 20px;
    margin: 15px;
    display: block;
    width: 70%;
    font-size: 2em;
}

#item-page .cart{    
background: #d45262;
    color: #fff;
    width: 50%;
    font-size: 17px;
    padding: 15px 0;
    font-weight: bold;
    display: block;
    margin: 15px 0px 10px 0px;
    border-radius: 8px 8px 8px 8px;
}

#item-page .infome{
    display: flex; 
    padding: 20px 0px 0px 0px; 
    justify-content: space-between; 
    align-items: baseline;}

#item-page .infome ul.left{
    text-align: left; 
    padding: 0px 0px 0px 0px; 
    font-size:0.8em; 
    list-style: none; 
    line-height: 1.9;}

#item-page .infome ul.left li{}

#item-page .infome ul.right{
    text-align: left; 
    font-size:0.8em; 
    padding: 0px; 
    margin: 0px; 
    line-height: 1.9;}

#item-page .infome .left .favorite::before{
    content: "";
    background: transparent url(https://www.kids-leotard.com/ange/design/heart-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 5px;
    vertical-align: sub;
    padding: 10px 4px 0px 0px;

}

#item-page .infome .left .contact::before{
    content: "";
    background: transparent url(https://www.kids-leotard.com/ange/design/contact-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 5px;
    vertical-align: sub;
    padding: 10px 4px 0px 0px;

}


#item-page .infome .left .reviewbutton::before{
    content: "";
    background: transparent url(https://www.kids-leotard.com/ange/design/review-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 5px;
    vertical-align: sub;
    padding: 10px 4px 0px 0px;

}

#item-page .infome ul.left li:nth-child(4){
    padding-top: 10px;}

#item-page #spcode{    width: 80%;
    padding: 10px;
    margin-left: 10px;
margin-bottom: 15px;}

#item-page #spcode2{    width: 80%;
    padding: 10px;
    margin-left: 10px;}




/* ---------- パンくず---------- */


#item-page .list{    
    text-align: left;
    padding: 15px;
font-size: 0.7em;
}

/* ---------- レビュー---------- */

 .review{padding-top: 40px;
    border-top: solid 1px #ccc;}


.M_btnStyle{background: #d45262;
    padding: 20px;
    display: block;
    width: 30%;
    font-size: 0.9em;
    margin: 25px;
    color: #fff!importan;}

.M_reviewList{border: 1px solid #ccc;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 15px;
    _zoom: 1;
    font-size: 0.7em;
    list-style: 2.0;}

#M_reviewViewAll #M_reviewBody .M_reviewList {
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 8px;
    overflow: hidden;
    _zoom: 1;
}

.review-main{margin-left: 40px;}


/* ---------- 履歴---------- */


.relatedproducts{       
    border-top: solid 2px #ccc;
    padding-top: 30px;
    margin: 40px 30px 40px 30px;
}

.relatedproducts h3{
    font-size: 1em;
    padding-bottom:25px;
    font-weight: 600;
}

 .recent_item{    
     padding: 50px;
    border-top: solid 1px #ccc;
}

 #Recent h3{
    font-size: 1em;
    padding-bottom: 30px;}

#item-page #Recent .itemImg img{
    width: 70%; height: auto;}

#item-page .itemBox .name{
    padding: 5px 12px 0px 12px;
    line-height: 1.5;
    font-size: 0.5em;}

/* ---------- お年玉 ---------- */
#otosidama { 
    background: #e8638e; 
    padding: 50px 40px 100px 40px; 
    margin: 15px; 
    width: 600px;
letter-spacing: 0.12em;
line-height: 1.7;}

#otosidama .text-white{
    color:#fff; 
    text-align: center;}

#otosidama .text-white h1{
    font-size: 2.3em; 
    font-weight: normal; 
    padding: 15px 0px 15px 0px}

#otosidama .text-white p{
    font-size: 1.7em;}

#otosidama .back-white{
    background:#fff; 
    text-align: center;
padding: 40px;
margin: 30px 0px 30px 0px;}

#otosidama .back-white h1{
    font-size: 2.5em; 
    font-weight: normal; 
    padding: 15px 0px 15px 0px;
text-align: center}

#otosidama .back-white ul{
    width: 80%; 
    display: inline-block; 
    font-size: 1.7em;}

#otosidama .back-white li{
    padding-bottom: 15px; 
    text-align: left;}

#otosidama .back-white a{
    border-radius: 10px 10px 10px 10px;
    border: solid 5px #fff; 
    background: #e8638e; 
    padding: 30px; 
    font-size: 2em; 
    margin: 0px; 
    display: inline-block;}

#otosidama .coupon{
padding: 60px;
    margin: 20px;
    background: #d7a717; 
    color: #fff; 
    text-align: center; 
    border-radius: 10px}

#otosidama .coupon .small{
    font-size: 1.6em;
    text-align: left;}

#otosidama .coupon p{
padding: 0px;
margin: 0px;
    font-size: 1.9em;
}

#otosidama .coupon h1{
font-size: 2.5em;
    padding: 0px;
    margin: 0px;}

#otosidama .coupon h2{
    font-size: 5em;
    padding: 20px;}

#otosidama .guide{
    border: dotted 5px #ccc; 
    display: inline-block; 
    text-align: left; 
    padding: 40px; 
    margin: 30px 0px 30px 0px; 
    color: #fff;}

#otosidama .guide p{
    font-size:1.7em;}


/* ---------- 試着ページ---------- */
#try-on{
    padding: 40px; 
    letter-spacing:0.13em; 
    line-height: 1.7;}

#try-on a{
    COLOR: #e26085; 
    text-decoration: underline;}

#try-on p
{padding-bottom: 10px}

#try-on img{width: 100%;}
#try-on h1{
    background-color: #F7EBEB; 
    padding: 20px; 
    margin: 20px 0px 20px 0px; 
    text-align: center; 
    font-weight: normal; 
    font-size: 2.5em;}

#try-on .text01{    
    font-size: 2em;
    padding: 30px 0px 30px 0px;
}

#try-on ul{    
    font-size: 1.7em;
    margin: 30px 10px 30px 30px;
    text-align: left;
    padding: 0px;
}

#try-on li{ 
    padding: 0px 0px 15px 0px; 
    margin: 0px; 
    text-align: justify;}

#try-on .content .menu{    
    display: block;
    height: auto;
    width: 100%;
    padding-top: 40px;
    border-bottom: dotted #ccc 3px;
    padding-bottom: 35px;}


#try-on .content .menu:last-child{
    border-bottom:none;}


#try-on .mate .box{    width: 100%;
    font-size: 1.7em;
    text-align: left;
margin-bottom: 20px;}

#try-on .mate .box .mate-img{
    width: 40%; 
    display: inline-block; 
    vertical-align: middle; 
    padding-right: 20px;}

#try-on .mate .box .text{
    width: 56%; 
    display: inline-block; 
    vertical-align: middle;!important; }

#try-on .mate .box .text p{
    padding: 0px; 
    margin: 0px;}

#try-on .box h2{
    font-size: 1em; 
    margin-bottom: 15px;}

#try-on .content{
    display: block; 
    padding: 30px 0px 0px 0px; 
    margin: 0px; height: auto; 
    width: 100%;}