@charset "utf-8";



/* Margin
-------------------------------------------------- */
.mt05px { margin-top: 5px;}
.mt10px { margin-top:10px;}
.mt15px { margin-top:15px;}
.mt20px { margin-top:20px;}
.mt25px { margin-top:25px;}
.mt30px { margin-top:30px;}
.mt35px { margin-top:35px;}
.mt40px { margin-top:40px;}
.mt45px { margin-top:45px;}
.mt50px { margin-top:50px;}
.ml05px { margin-left:05px;}
.ml10px { margin-left:10px;}
.ml15px { margin-left:15px;}
.ml20px { margin-left:20px;}
.ml26px { margin-left:26px;}
.ml30px { margin-left:30px;}
.ml40px { margin-left:40px;}
.ml50px { margin-left:50px;}
.mr05px { margin-right:5px;}
.mr10px { margin-right:10px;}
.mr15px { margin-right:15px;}
.mr20px { margin-right:20px;}
.mr30px { margin-right:30px;}
.mb05px { margin-bottom:5px;}
.mb10px { margin-bottom:10px;}
.mb15px { margin-bottom:15px;}
.mb20px { margin-bottom:20px;}
.mb25px { margin-bottom:25px;}
.mb30px { margin-bottom:30px;}
.mb40px { margin-bottom:40px;}
.mb50px { margin-bottom:50px;}
.mb100px { margin-bottom:100px;}

/* Align
-------------------------------------------------- */
.alignT { vertical-align:top; }
.alignB { vertical-align:bottom; }
.alignM { vertical-align:middle; }
.alignC { text-align: center; }
.alignR { text-align: right; }
.alignL { text-align: left; }


/* --------------------------------------------------
	Text Style Parts
-------------------------------------------------- */
strong {
font-weight: bold;
}
/* Small type */
*.notes {
color:#777777;
font-size:82%;
}
*.accent {
color:#fe0000;
}
*.accentBold {
color:#fe0000;
font-weight:bold;
}
.fsL {
font-size:114%;
}
.fsS {
font-size:90%;
}

.Fgreen {color: #00a272;}

.Forange {color: #ee682d;}


/* Indent */
.indent05 {
    margin-left: 0.5em;
    text-indent: -0.5em;
}

.indent10 {
    margin-left: 1em;
    text-indent: -1em;
}

.indent15 {
    margin-left: 1.5em;
    text-indent: -1.5em;
}

.indent20 {
    margin-left: 2em;
    text-indent: -2em;
}



/*SP画像サイズ*/
.proDetail01 img {
    max-width: 100%;
    vertical-align: bottom;
}


/*商品詳細*/
.proDetail01{
	width: 80%;
	margin: 0 auto;
}

@media only screen and (max-width:480px){
  .proDetail01 {
    width: 97%;
  }
}


/*トップコメント*/
.proLead {
    color: #00a272;
    font-size: 150%;
    font-weight: normal;
    margin: 15px 0 0;
}

/*グッズコメント*/
.proText {
    font-size: 107%;
	margin: 10px 0 0;
    line-height: 1.7;
    letter-spacing: 0.5px;
}



/*タイトル*/
.titleFrame {
    background: #f4f4f4;
    padding: 14px 26px 13px;
}

.titleFrame h2 {
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #181818;
}


/*特長*/　
.featureBox01Wrap{
max-width:100%;
display:inline-block;
margin-left:auto;
margin-right:auto;
}


.featureBox01Img{
max-width:440px;
display:inline-block;
vertical-align:top;
}


.featureBox01Text{
max-width:440px;
display:inline-block;
padding:0 15px;
line-height:1.8;
}


.featureBox01Text h3{
  line-height: 1.5;
  font-size: 120%;
  font-weight: bold;
}


@media screen and (max-width:960px){
	.featureBox01Wrap{
		max-width:440px;
margin-left:auto;
margin-right:auto;
	}
}



/*ドットライン*/
.dashedLine01 {
	border-top: 1px dashed #8c8b8b;
}

.dottedLine01 {
	background-color: #fff;
	border-top: 2px dotted #ddd;
	margin-bottom:20px;
}



/*仕様*/
section { padding: 0; }
section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }
 
/*----------------------------------------------------
  .specTable
----------------------------------------------------*/

.specTable01 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.specTable01 th { width: 30%; text-align: left; }


.jan {
    text-decoration: none;
}

 
@media only screen and (max-width:480px){
    .specTable01 { margin: 20px 0; }
    .specTable01 th,
    .specTable01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .specTable01 tr:first-child th { border-top: 1px solid #ddd; }
}


/*カラーエリア*/
.grayArea {
    text-align: left;
    padding: 20px;
    margin: 20px 0;
    background: #f4f4f4;
}

.grayArea ul {
    list-style-type: square;
    padding: 0 20px;
}



/*----------------------------------------------------
  .samplePhoto
----------------------------------------------------*/


/*作例*/
.samplePhoto01{
display:flex;
flex-wrap:wrap;
justify-content: center;
}

.samplePhoto01 p{
padding: 12px;
}



/*----------------------------------------------------
  .flexBox
----------------------------------------------------*/

/*特長FlexBox*/
.contentsWrap01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contentsBox01 {
	margin-bottom: 3rem;
	padding: 3rem;
	width: 49%;
	background-color: #fff;
	border: 1px solid #dbdbdb;
}

.contentsBox01 img {
	display: block;
	margin-bottom: 3rem;
	width: 100%;
	height: auto;
}

.contentsBox01 h2 {
	margin-bottom: 2rem;
	font-size: 2.2rem;
	text-align: center;
}

@media screen and (max-width: 768px){
	.contentsWrap01 {
		flex-direction: column;
	}

	.contentsBox01 {
		width: 100%;
	}
}


/*----------------------------------------------------
  .frameBox
----------------------------------------------------*/

/*frameBox01*/

.frameBox01 {
	margin-bottom: 3rem;
	padding: 2rem;
	width: 100%;
	background-color: #fff;
	border: 1px solid #dbdbdb;
}

.frameBox01 li{
margin-bottom: 5px;
}