/* */


ul{
	list-style: none;
}

a{
	text-decoration: none!important;
	font-size:20px;
}
a:link, a:visited, a:active{
	color:black;
	text-decoration: none!important;

}

.linkDiv{
	margin:20px 0px;
}
.linkDiv p,{
	margin-bottom:20px;
}
b{
	font-size:28px;
	font-weight: normal;
}

.newItemLike *{
	text-align:center;
	margin:0px;
}

a:hover{
	color:black!important;
	text-decoration: none!important;
	opacity: 0.7!important;
	filter: alpha(opacity=70)!important;
	-ms-filter: "alpha(opacity=70)"!important;
}
.buttonLink:hover{
	color:black!important;
}
.buttonLink, .confirmation, .send, .back , .del{
	border-radius: 20px;
	border: solid 3px #2e8b57;
	background-color: #ccffcc;
	padding:2px 30px;
}


.naviTop{
	display: block;
	position: fixed;
	left: 85%;
	bottom: 0px;
	z-index: 9999;
	text-align:center!important;
}
.naviTop *{
	width:100px;
	text-align:center;
}

.naviTop * a{
	border-radius: 20px;
	border: solid 3px #2e8b57;
	background-color: #ccffcc;
	padding:2px 20px;
	font-size:14px;
	float:left;
	margin-bottom:10px;
}

.buttonDiv{
	text-align:center;
	margin:30px 0px 20px 0px;
}

.lineLink{
	border-bottom: solid 6px #ccffcc;
	padding:2px 5px;
	margin-right:10px;
	line-height: 180%!important;
}

.error{
	margin:5px 0px 15px 0px;
	font-size:16px!important;
}



.topImgBox * img, .topLogo * img,  .orderItemDetails * img{
	width:100%;
	height:auto;
}
.orderItemDetails * img{
	margin: 10px auto 10px auto;
}
.orderItemDetails{
	margin: 0px 0px 40px 0px;
}


.contentsStart{
	margin-top:20px;
}

.newsRow{
	display:block;
	margin-top:5px;
	margin-bottom:30px;
}

.newsRow *{
	font-size:24px;
}
.orderItemDetails .text{
	margin-top:10px;
}

.orderItemDetails *  * .buttonLink{
	margin-left:20px;
}

.design b{
	font-size:24px;
	border-left: dotted 4px black;
	padding-left: 10px;
}

.topLogo{
	margin:20px 0px;
}

div[class$="Box"]{
	margin-bottom:10px;
}
.copyRight{
	text-align:center;
}
.footerMenu ul li a{
	width:95%;
	display: block;
	border-bottom: solid 1px black;
}

.footerSiteName *{
	font-size:22px;
}

.footer{
	padding-top:20px;
	border-top: solid 2px black;
	margin-top:20px;
}

.helloBox{
	margin:30px 0px;
}
.helloBox * h1{
	font-size:42px;
}
.helloBox * h2, .helloBox * h3{
	font-size:30px;
	line-height: 125%;
}
.helloBox * p:nth-of-type(1){
	margin-top:20px
}
.helloBox * p, .notItem * p, .pleaseBox * p, .orderBox * p, .orderItemDetails * p{
	font-size:20px;
	line-height: 110%;
}

.helloBox * p a{
	margin:10px 10px;
}

.private .helloBox * h3{
	margin-bottom:15px;
}

.topHref{
	margin:0px 0px 0px 20px;
}

.categoryLabel{
	margin:40px 0px 10px 0px; 
}

.pageLink{
	margin:10px 0px 20px 0px; 
}

.notItem{
	margin:10px 0px 40px 0px;
}
.newsBox .title, .pleaseBox .title, .newItem .title, .categoryLabel .title, .sizeMeasurement .title, .dogList .title{
	border-bottom-style: dotted;
	width:100%;
	margin-bottom:10px
}


.newsBox .text{
	margin-bottom:10px;
	line-height: 120%;
}


.item{
	margin-bottom:20px;
	text-align:center;
}

.item img{
	margin:0px auto 10px;
}

.item p{
	margin:0px auto 5px;
	font-size:20px;
}
.item p .buttonLink{
	margin:0px;
}

.newItem .item img, .communityList .item img, .itemList .item img{
	width:100%;
	height:auto;
	
}

.itemList{
	margin:0px 0px 30px 0px;
}

.cartItem{
	margin:5px 0px 15px 0px;
}
.cartItem span{
	margin:0px 40px 0px 0px;
	font-size:20px;
}
.del{

}

.dogList * a{
	font-size:20px;
	margin:5px;
	padding:5px;
}

.dogList{
	margin:0px 0px 20px;
}

.table thead th {
	padding:5px;
	font-size:12px;
}
.table thead th.small {
	font-size:10px;
	font-weight: bold;
}

.table-responsive-sm * a{
	font-size:12px;
}

.communityPageLink{
	margin-bottom:20px;
}

.communityList * .item{
	margin-bottom:20px;
}
.communityPageLink * a{
	font-size:24px;
	margin:5px;
	padding:5px;
	border: 1px solid black;
	float:left;
}

.communityList * img{
	border: 1px solid black;
	margin-bottom:10px;
}

.communityList * p{
	font-size:20px;
}

.communityList * .memo{
	font-size:15px;
}


.communityList * a{
	font-size:20px;
}


.activeLink{
	background-color: #ccffcc;
	font-size:40px;
}


.order-made * h1, .inquiry * h1, .qa * h1, .about * h1, .private * h1, .orderFlow * h1, .dressingService * h1,
.material * h1, .community * h1, .clothingProduct * h1, .sundriesProduct * h1, .clothingOrder * h1 , .clothingOrderList * h1{
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	padding:5px;
	width:98%;
}

.order-made * b, .inquiry * b, .material * * b, .dogSizeList * b{
	border-bottom: 1px solid black;
	padding:3px;
	font-weight:normal;
}

.itemListOrder {
	margin-top:5px;
	margin-bottom:30px;
}

.order-made .label, .inquiry .label{
	margin-bottom:5px;
}

.formText{
	margin-top:5px!important;
}

.private * li, .private * ol{
	padding-left: 20px;
}

.qa * * ul li{
	font-size:20px;
}

.qa * ul{
	padding-left: 0px;
}
.qa * li.answer{
	padding-left: 20px;
	margin-bottom:30px;
}

.orderFlowImg{
	margin:0px 10px 20px 10px;
}

.buttonLinkP{
	margin:20px auto;
	display: inline-block;
	width:100%;
	text-align:center!important;
}

.buttonLinkP a{
	display: inline-block;
}



.memo{
	margin:25px 0px 0px 0px;
}
.sp{
	display:none
}

.dogSizeList{
	margin-top:40px!important;
}

/* メニュー Start. */
.dropdown-menu .nav-link {
    color: black!important;
}
.dropdown-menu a{
    font-size: 1rem!important;
}

.dropdown-menu{
	min-width: 16rem!important;
}
/* メニュー End. */


@media (min-width: 768px) {
	.naviTop{
		left: 85%;
	}
	.topLogo{
		margin-top:20px;
	}
	.topMenu{
		margin-top:10px;
		margin-bottom:30px;
	}
	.topMenu ul{
		width:100%;
	}
	.topMenu ul li{
		display: inline!important;
		margin:5px 10px; 
		font-size:18px;
		color:black;
		text-decoration: none;
		border-bottom: solid 2px black;
	}
	
	.topImg{
		margin-bottom:30px;
	}
	
	.footer{
		padding-top:20px;
		border-top: solid 3px black;
		margin-top:100px;
	}
	.footerSiteName{
		font-size:20px;
	}
	
	.footerMenu ul li{
		margin:10px 0px 7px 0px;
		width:100%;
	}
	
	.footerMenu ul li a{
		width:100%;
		display: block;
		border-bottom: solid 1px black;
	}
	
}

@media (max-width: 767px) {
	.naviTop{
		left: 78%;
	}
	.helloBox{
		margin:20px 0px 10px;
	}
	.helloBox * h1{
		font-size:28px;
	}
	.helloBox * h2, .helloBox * h3{
		font-size:20px;
		line-height: 125%;
	}
	.helloBox * p{
		font-size:16px;
		line-height: 125%;
	}
	.footerMenu ul li{
		margin:8px 0px 8px 0px;
		width:100%;
	}
	
	.footerMenu ul{
		padding : 0;
	}
	
	.newsBox * b, .pleaseBox * b, .newItem * b{
		font-size:24px;
	}
	
	.navbar-brand{
		font-size:16px!important;
	}
	.orderItemDetails * img{
		width:99%;
	}
	.orderItemDetails * p{
		font-size: 16px;
		line-height: 125%;
	}
	.buttonLinkP a{
		margin:10px auto;
	}
	.orderItemDetails * a.buttonLink{
		margin:10px auto;
		display:inline-block;
	}
	
	.del{
		display:inline-block;
		margin-top:5px;
		padding: 2px 20px;
		font-size: 16px;
	}

	.cartItem span, .del{
		display:inline-block;
		
	}
	.cartItem span{
		width:98%;
	}
	
	.newsRow .day, .newsRow .text, .lineLink, .buttonLink, .orderBox  * p, .pleaseBox * p, .dogList * a{
		font-size:16px;
		line-height: 120%;
	}
	.lineLink {
		border-bottom: solid 4px #ccffcc;
		padding: 2px 5px;
	}
	.buttonLink, .confirmation, .send, .back, .del {
		border: solid 2px #2e8b57;
		padding: 2px 20px;
	}
	.item p{
		font-size:16px;
		margin: 0px auto 2px;
	}
	.marginTop{
		margin-top:10px!important;
	}
	.footerMenu ul li{
		margin-bottom:10px!important;
	}
	.footerMenu ul li a{
		font-size:14px!important;
	}
	.footerMenu{
		margin-bottom:-5px!important;
	}
	.linkDiv p{
		margin-top:25px!important;
	}
	.orderBoxTop .linkDiv{
		margin:0px;
	}
	.contentsStart .title b{
		font-weight:normal;
	}
	.footerSiteName *{
		font-size:18px;
	}
	
	.marginBottom30{
		margin-bottom:30px!important;
	}
	.private * li, .private * ol{
		padding-left: 20px;
	}

	.qa * * ul li{
		font-size:18px;
	}

	.material * * b{
		font-size:22px!important;
	}

	.communityPageLink * a {
		font-size: 18px;
		margin: 5px;
		padding: 5px;
		border: 1px solid black;
		float: left;
	}
	.communityList .row .item a{
		font-size:16px!important;
	}
	
	.community .helloBox * a{
		margin: 0px;
	}
	.sp{
		display:block;
	}
	.dogSizeList * b, .row helloBox dogList * a{
		font-size:20px!important;
	}
}


@media (max-width: 520px) {

	.brSp:before{
		content: "\A";
		white-space: pre;
	}
	.table-responsive-sm * *{
		white-space: nowrap!important;
	}
	.table-responsive-sm > thead > tr > th,
	.table-responsive-sm > tbody > tr > th,
	.table-responsive-sm > tfoot > tr > th,
	.table-responsive-sm > thead > tr > td,
	.table-responsive-sm > tbody > tr > td,
	.table-responsive-sm > tfoot > tr > td {
		padding: 8px!important;
		white-space: nowrap!important;
	}
}




@media (max-width: 340px) {
	.footerSiteName *{
		font-size:14px;
	}
	
	.private * h1{
		font-size: 26px;
	}
}



@media (max-width: 400px) {
	.footerSiteName * {
		font-size:17px;
	}
}

@media (max-width: 360px) {
	.footerSiteName * {
		font-size:16px;
	}
}

@media (max-width: 350px) {
	.footerSiteName * {
		font-size:14px;
	}
	
	.private * h1{
		font-size: 26px;
	}
}



@media (max-width: 450px) {
	
	.naviTop{
		left: 76%;
	}
	.naviTop * a{
		padding:2px 10px;
	}
	.soldOut{
		font-size:12px!important;
	}

	.navbar-brand{
		font-size:12px!important;
	}
	.navbar-toggler{
		font-size:12px!important;
	}
	.navbar{
		padding: 5px!important;
	}

	.orderItemDetails * img{
		width:90%;
	}
	
	.material * * b{
		font-size:20px!important;
	}
}
@media (max-width: 480px) {
	.orderFlowImg{
		margin:0px 0px 20px 0px;
		width:98%;
		height:auto;
	}
}
@media (max-width: 400px) {
	
	.helloBox * h1{
		font-size:28px;
	}
	.helloBox * h2, .helloBox * h3{
		font-size:16px;
		line-height: 18px;
	}
	
}

@media (min-width: 992px) {
	.topMenu ul li{
		font-size:22px;
	}
}


@media (min-width: 1200px) {
	

	.topMenu, .container{
		width:1200px!important;
		max-width:1200px!important;
	}

	.topMenu ul li{
		margin:5px 20px; 
		font-size:28px;
	}


}

@media print{
	.footer, .naviTop, .topLogo, .topImgBox, .copyRight{
		display:none!important;
	}
}