

* {
	font-size: 0.9rem;
	font-family: -apple-system, BlinkMacSystemFont, 'YuGothic','Yu Gothic', 'Verdana', 'Meiryo','ＭＳ ゴシック',sans-serif;
}


.red {
	color: #D63973;
}

.fblue {
	color: #5b72ff;
}


#contents-full {
display: block;
margin: 40px 30px ;
background-color: white;
min-height: 450px;
}

.hr {
width: 100%;
clear: both;
display: block;
border: 2px;
height: 2px;
}

#contents-full h1 {
margin-bottom: 5px;
font-size: 16px;
font-weight: normal;
background-color: #FAFAFA;
padding: 15px;
vertical-align: baseline;
border: 1px #D8D8D8 solid;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#contents-full h2 {
padding: 8px;
margin-top: 20px;
margin-bottom: 5px;
font-size: 16px;
font-weight: normal;
background-color: #c0c0c0;
border: none;
border-radius: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#contents-full h2.product-name {
background-color: #dcdcdc;
}

#contents-full h3 {
margin-top: 25px;
margin-bottom: 5px;
font-size: 16px;
font-weight: normal;
border-bottom: 1px #D8D8D8 solid;
}

#mypage-navi {
width: 100%;
text-align: right;
margin-bottom: 20px;
}



.navi-a,
.navi-ac {
border-left: 1px #FAFAFA solid;
margin: 0 3px;
display: block;
float: right;
padding: 5px 4px;
}
.navi-ac {
background-color: #FBFBEF;
}

.pad15 {
clear: both;
padding: 15px;
}
.pad5-15 {
clear: both;
padding: 5px 15px;
}
.pad15-0 {
clear: both;
padding: 0 15px;
}

#contents-full table {
width: 100%;
margin: 15px 0;
}

#contents-full td {
white-space: nowrap;
padding: 3px;
border: none;
}

#contents-full td.underline {
border-bottom: 1px #D8D8D8 solid;
}

#contents-full .vtop {
vertical-align: top;
}

#contents-full td.leyer1 {
padding: 8px 10px;
background-color: #81BEF7;
font-weight: bolder;
border: none;
}

#contents-full td.leyer2 {
padding: 8px 10px;
background-color: #CEE3F6;
border: none;
}


#contents-full .float_r {
float: right;
}

.w100p {
	width: 100%;
}


textarea,
input[type="email"],
input[type="password"],
input[type="text"] {
padding: 3px;
background-color: #fff;
border:1px solid #777;
padding: 5px;
color: #000;
background: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

textarea:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="text"]:focus {
outline: 2px #0000FF solid;
background-color: #F7F8E0;
}

.submit_btn {
text-align: center;
padding: 10px 30px;
background-color: #E6E6E6;
border-style: solid;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;

}


 /*floatの解除、ここがポイント*/
#contents-full:after,
#mypage-navi:after,
.pad15:after,
.pad5-15:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}


/* --- ぱんくず --- */
#breadcrumb {
clear: both;
margin-left: 15px;
margin-bottom: 30px;
}

#breadcrumb ul {
margin: 0;
padding: 5px;
}


/*
#breadcrumb li {
list-style-type:none;
display:inline;
margin: 10px 0;
padding-right:5px;
}

#breadcrumb  li a {
line-height:110%;
padding-right:15px;
background:url(./icon/breadcrumb.gif) no-repeat right center;
}
*/

#breadcrumb li {
list-style-type:none;
display:inline;
margin: 10px 0;
padding-right:5px;
line-height:110%;
padding-right:15px;
background:url(./icon/breadcrumb.gif) no-repeat right center;
}

#breadcrumb li.n {
background-image: none;
}

#breadcrumb li.g {
color: #D8D8D8;
}
#breadcrumb li.g2 {
color: #A4A4A4;
}
#breadcrumb li.b {
font-style: bold;
}


blockquote {
/*text-align: center;*/
width: 600px;
margin:10px auto;
padding:12px;
background-color: #dde9ff;
border:dotted 2px #226fff;
}

.feetable-fee {
font-size: 16px;
}

.feetable-gray {
font-size: 12px;
color: gray;
}
.feetable-blue {
font-size: 12px;
color: #5b72ff;
}
.feetable-red {
font-size: 12px;
color: red;
}

.feetable-red2 {
font-size: 10px;
color: red;
}



/* --- MyPage ---- */
.loginbtn {
background: #EEE;
border: 1px solid #777;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #111;
width: 160px;
padding: 5px 0;
}
.loginbtn]:disabled {
color: #dcdcdc;
}

#login td {
	width: auto !important;
}

div.cart_btn {
	text-align: center;
	margin-top: 40px;
}

div.cart_btn > button {
	padding: 15px 25px;
	width: 70%
}




/* --------------------
// テンプレート用CSS
// 2014-05
// nagano@webteam.jp
-------------------- */




/*
button.mypage-edit {
	padding: 3px 5px;
}
*/

.mypage-edit {
	display: inline-block;
	padding: 3px 8px;
	text-decoration: none;
	color: #67c5ff;
	border: solid 2px #67c5ff;
	border-radius: 3px;
	transition: .4s;
}

.mypage-edit:hover {
	background: #67c5ff;
	color: white;
}

.mypage-edit:disabled {
	border: solid 2px #c0c0c0;
	background: #c0c0c0;
	color: white;
}



div.pl15 {
	padding-left: 15px;
}


img.icon-h1 {
	width: 20px;
	margin-right: 5px;
}
img.icom-h1-mypage,
img.icon-h1-mypage {
	width: 22px;
	margin-right: 5px;
}

img.icon[src$=".svg"],
img.icon {
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
img.icon2[src$=".svg"],
img.icon2 {
	width: 18px;
	height: 18px;
	margin-right: 5px;
}
img.icon3[src$=".svg"],
img.icon3 {
	width: 14px;
	height: 14px;
	margin-right: 5px;
}

img.micon[src$=".svg"],
img.micon {
  width: 36px;
  height: 36px;
  margin-right: 5px;
}



.goto-mypage-info {
	text-align: center;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
	background-color: #FAFAFA;
	padding: 10px 20px;
	vertical-align: baseline;
	border: 1px #D8D8D8 solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

a.noline {
	color: blue;
	text-decoration: none;
}





