@charset "utf-8";
/* CSS Document */

#cf-handmade {
	font-family:"メイリオ",Meiryo, Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Droid Sans', 'sans-serif';
}

#cf-handmade h2 {
	margin-bottom:15px;
}

@media print, screen and (min-width: 641px){


/* --------------------------------------------
intro 
-------------------------------------------- */
#cf-handmade #intro {
	margin-bottom: 70px;
}
#cf-handmade #intro .max {
	float: right;
	padding-top: 15px;
	text-align:center;
}
#cf-handmade #intro .max span {
	display:inline-block;
	vertical-align:bottom;
	line-height: 1;
}
#cf-handmade #intro .max .tx1 {
	margin:0 7px 6px 15px;
	
}
#cf-handmade #intro .max .price {
	color:#f67979;
	font-size:4.2rem;
}
#cf-handmade #intro .max .tx2 {
	color:#222;
	font-size:1.4rem;
	margin-bottom:6px;
	margin-left:7px;
}
#cf-handmade #intro .msg {
	font-size: 1.2rem;
	padding-top: 12px;
}
#cf-handmade #intro h3 {
	margin-bottom: 18px;
	font-size:2.8rem;
	line-height:1.3;
}
#cf-handmade #intro h3 span {
	font-size:1.6rem;
	margin-left:10px;
}
#cf-handmade #intro .txt {
	clear: both;
}


/* --------------------------------------------
title style 
-------------------------------------------- */

#cf-handmade .subttl {
	margin-bottom: 30px;
	text-align: center;
}
#cf-handmade .subttl h4 {
	border-bottom: 2px solid #222;
	color: #fabe00;
	font-size: 2rem;
	margin-bottom: 5px;
	padding-bottom: 3px;
	line-height:1.3;
}
#cf-handmade .subttl span {
	display: block;
	font-size: 1.2rem;
}
#cf-handmade .subttl .fsz {
	font-size: 1.4rem;
}
#cf-handmade .subttl h4.clr-gre {
	color: #fabe00;
	border-bottom: 2px solid #fabe00;
}


/* --------------------------------------------
box style 
-------------------------------------------- */
#cf-handmade .coltyp a {
	color:#000;
}
#cf-handmade .coltyp .box-ttl a {
	color:#000;
}
#cf-handmade .coltyp {
	overflow:hidden;
	width:800px;
	margin-right:-20px;
	padding-bottom:30px;
}
#cf-handmade .col3typ {
	width:795px;
	overflow:hidden;
	margin-right:-15px;
	padding-bottom:30px;
}
#cf-handmade .coltyp li {
	float:left;
	margin-right:20px;
	margin-bottom:30px;
}
#cf-handmade .col3typ li {
	float:left;
	margin-right:15px;
	margin-bottom:30px;
}
#cf-handmade .coltyp .img {
	line-height: 0;
	margin-bottom: 10px;
	text-align:center;
	padding:0 10px;
}
#cf-handmade .coltyp .img2 {
	line-height: 0;
	margin-bottom: 10px;
	text-align:center;
	padding:0;
}
#cf-handmade .coltyp .ttl,
#cf-handmade .coltyp .txt {
	padding:0;
}
#cf-handmade .coltyp .colbox .ttl,
#cf-handmade .coltyp .colbox .txt {
	padding:0 15px;
}
#cf-handmade .coltyp .colbox .price {
	padding:0 15px;
}
#cf-handmade .coltyp .item {
	text-align:left;
	margin-bottom: 15px;
	padding:0 10px;
}
#cf-handmade .coltyp .colbox .item {
	padding:0 15px;
	text-align:left;
}
#cf-handmade .coltyp .merit {
	background:#f2f2f2;
	padding:5px 5px 1px 8px;
	margin:0 15px 0;
}
#cf-handmade .coltyp .mrt {
	margin:0 0 13px;
}
#cf-handmade .coltyp .colbox .mrt {
	margin:0 15px 13px;
}
#cf-handmade .coltyp .colbox .merit {
	margin:0;
}
#cf-handmade .coltyp .merit span {
	display:inline-block;
	text-align:center;
	background:#fff;
	font-size:1.2rem;
	padding:3px 5px;
	margin-right:5px;
	margin-bottom:4px;
}
#cf-handmade .coltyp .colbox .merit {
	margin:0;
}
#cf-handmade .coltyp .bnr {
	line-height: 0;
	margin-bottom: 10px;
	text-align:center;
}

#cf-handmade .col2typ .colbox,
#cf-handmade .col3typ .colbox {
	border:5px solid #f2f2f2;
	padding:15px 0 2px;
}
#cf-handmade .col2typ .ttl,
#cf-handmade .col3typ .ttl  {
	margin-bottom:5px;
	line-height:1.3;
}
#cf-handmade .col2typ .txt,
#cf-handmade .col3typ .txt {
	font-size:1.4rem;
	margin-bottom:10px;
}
#cf-handmade .col2typ .price,
#cf-handmade .col3typ .price {
	font-size: 1.6rem;
	margin-bottom: 10px;
	text-align: right;
}
#cf-handmade .col2typ .price span,
#cf-handmade .col3typ .price span {
	color: #f67979;
	font-size: 2.8rem;
	margin: 0 5px;
}

#cf-handmade .col4typ .item,
#cf-handmade .col5typ .item {padding:0;}

#cf-handmade .col4typ .merit,
#cf-handmade .col5typ .merit {margin:0;}

#cf-handmade .col2typ li {width:380px;}
#cf-handmade .col3typ li {width:250px;}
#cf-handmade .col4typ li {width:180px;}
#cf-handmade .col5typ li {width:140px;}

#cf-handmade .col2typ .ttl {font-size:2.0rem;}
#cf-handmade .col3typ .ttl {font-size:1.8rem;}
#cf-handmade .col4typ .ttl {font-size:1.4rem;}
#cf-handmade .col5typ .ttl {font-size:1.4rem;}

#cf-handmade .col4typ .img {padding:0;}
#cf-handmade .col5typ .img {line-height: 0;margin-bottom: 5px;text-align:center;padding:0;}

#cf-handmade .col4typ .ttl {margin-bottom:7px;line-height:1.3;font-weight:bold;}
#cf-handmade .col5typ .ttl {margin-bottom:7px;line-height:1.3;}

#cf-handmade .col4typ .txt {font-size:1.2rem;margin-bottom:10px;}
#cf-handmade .col5typ .txt {font-size:1.2rem;margin-bottom:10px;}

#cf-handmade .col4typ .price {font-size: 1.2rem;margin-bottom: 10px;text-align: right;}
#cf-handmade .col5typ .price {font-size: 1.2rem;margin-bottom: 10px;text-align: right;
}
#cf-handmade .col4typ .price span {color: #f67979;font-size: 2.2rem;margin: 0 5px;}
#cf-handmade .col5typ .price span {color: #f67979;font-size: 2.3rem;margin: 0 3px 0 5px;}

#cf-handmade .coltyp.lst {
	padding-bottom:70px;
}
#cf-handmade .coltyp .colbox .list {
	padding:0 15px 0;
}
#cf-handmade .list {
	margin-bottom: 10px;
	margin-right: 0;
	overflow: hidden;
	padding-bottom: 7px;
	width: auto;
}
#cf-handmade .list li {
	background:url(../../img/common/icn_list_arw.gif) no-repeat left 4px;
	color: #9ca900;
	float: none;
	margin-bottom: 5px;
	margin-right: 0;
	padding-left: 17px;
	width: auto;
}
#cf-handmade .list li a {
	color: #677100;
}



/* --------------------------------------------
section
-------------------------------------------- */

#cf-handmade .framebox {
	border:5px solid #f2f2f2;
	padding:55px 90px 50px;
	margin-bottom:100px;
}
#cf-handmade .framebox .img {
	text-align:center;
	margin-bottom:20px;
}
#cf-handmade .framebox p {
	line-height:1.6;
}


}

@media screen and (max-width:640px){


#cf-handmade .line-sp {
	display:none;
}
#cf-handmade h2 {
	margin-bottom:15px;
}

/* --------------------------------------------
intro 
-------------------------------------------- */
#cf-handmade #intro {
	margin-bottom: 40px;
}
#cf-handmade #intro .max {
	text-align:center;
	margin-bottom:20px;
	padding-top:20px;
}
#cf-handmade #intro .max span {
	display:inline-block;
	vertical-align:bottom;
	line-height: 1;
}
#cf-handmade #intro .max .img {
	display:block;
	text-align:center;
	margin-bottom:20px;
}
#cf-handmade #intro .max .tx1 {
	margin:0 7px 6px 15px;
	
}
#cf-handmade #intro .max .price {
	color:#f67979;
	font-size:3.0rem;
}
#cf-handmade #intro .max .tx2 {
	color:#222;
	font-size:1.4rem;
	margin-bottom:6px;
	margin-left:7px;
}
#cf-handmade #intro .msg {
	font-size: 1.2rem;
	padding-top: 12px;
}
#cf-handmade #intro h3 {
	margin-bottom: 18px;
	font-size:2.2rem;
	line-height:1.3;
}
#cf-handmade #intro h3 span {
	font-size:1.6rem;
	margin-left:10px;
}
#cf-handmade #intro .txt {
	clear: both;
}


/* --------------------------------------------
title style 
-------------------------------------------- */

#cf-handmade .subttl {
	margin-bottom: 30px;
	text-align: center;
}
#cf-handmade .subttl h4 {
	border-bottom: 2px solid #222;
	color: #fabe00;
	font-size: 1.8rem;
	margin-bottom: 8px;
	padding-bottom: 3px;
	line-height:1.3;
}
#cf-handmade .subttl span {
	display: block;
	font-size: 1.2rem;
}
#cf-handmade .subttl .fsz {
	font-size: 1.4rem;
}
#cf-handmade .subttl h4.clr-gre {
	color: #fabe00;
	border-bottom: 2px solid #fabe00;
}


/* --------------------------------------------
box style 
-------------------------------------------- */
#cf-handmade .coltyp a {
	color:#000;
}
#cf-handmade .coltyp .box-ttl a {
	color:#000;
}
#cf-handmade .coltyp {
	overflow:hidden;
	margin:0 auto;
	padding-bottom:30px;
}
#cf-handmade .col4typ {
	max-width:400px;
}
#cf-handmade .col5typ {
	max-width:320px;
	
}
#cf-handmade .coltyp li {
	margin:0 auto 30px;
}
#cf-handmade .coltyp .img {
	line-height: 0;
	margin-bottom: 10px;
	text-align:center;
	padding:0 10px;
}
#cf-handmade .coltyp .img2 {
	line-height: 0;
	margin-bottom: 10px;
	text-align:center;
	padding:0;
}
#cf-handmade .coltyp .ttl,
#cf-handmade .coltyp .txt {
	padding:0;
	text-align:left;
}
#cf-handmade .coltyp .colbox .ttl,
#cf-handmade .coltyp .colbox .txt {
	padding:0 15px;
}
#cf-handmade .coltyp .colbox .price {
	padding:0 15px;
}
#cf-handmade .coltyp .item {
	text-align:left;
	margin-bottom: 15px;
	padding:0 10px;
}
#cf-handmade .coltyp .colbox .item {
	padding:0 15px;
	text-align:left;
}
#cf-handmade .coltyp .merit {
	background:#f2f2f2;
	padding:5px 5px 1px 8px;
	margin:0 15px 0;
}
#cf-handmade .coltyp .mrt {
	margin:0 0 13px;
}
#cf-handmade .coltyp .colbox .mrt {
	margin:0 15px 13px;
}
#cf-handmade .coltyp .colbox .merit {
	margin:0;
}
#cf-handmade .coltyp .merit span {
	display:inline-block;
	text-align:center;
	background:#fff;
	font-size:1.2rem;
	padding:3px 5px;
	margin-right:5px;
	margin-bottom:4px;
}
#cf-handmade .coltyp .bnr {
	line-height: 0;
	margin-bottom: 10px;
	text-align:center;
}

#cf-handmade .col2typ .colbox,
#cf-handmade .col3typ .colbox {
	border:5px solid #f2f2f2;
	padding:15px 0 2px;
	margin:0 auto;
}

#cf-handmade .col2typ .ttl,
#cf-handmade .col3typ .ttl  {
	margin-bottom:5px;
	line-height:1.3;
}
#cf-handmade .col2typ .txt,
#cf-handmade .col3typ .txt {
	font-size:1.4rem;
	margin-bottom:10px;
}
#cf-handmade .col2typ .price,
#cf-handmade .col3typ .price {
	font-size: 1.6rem;
	margin-bottom: 10px;
	text-align: right;
}
#cf-handmade .col2typ .price span,
#cf-handmade .col3typ .price span {
	color: #f67979;
	font-size: 2.8rem;
	margin: 0 5px;
}

#cf-handmade .col4typ .item,
#cf-handmade .col5typ .item {padding:0;}

#cf-handmade .col4typ .merit,
#cf-handmade .col5typ .merit {margin:0;}

#cf-handmade .col2typ li {width:auto;}
#cf-handmade .col3typ li {width:auto;}
#cf-handmade .col2typ li .colbox {max-width:380px;}
#cf-handmade .col3typ li .colbox {max-width:250px;}
#cf-handmade .col4typ li {width:46%;margin:0 2% 30px;float:left;}
#cf-handmade .col5typ li {width:46%;margin:0 2% 20px;float:left;}

#cf-handmade .col2typ .ttl {font-size:2.0rem;}
#cf-handmade .col3typ .ttl {font-size:1.8rem;}
#cf-handmade .col4typ .ttl {font-size:1.4rem;}
#cf-handmade .col5typ .ttl {font-size:1.4rem;}

#cf-handmade .col4typ .img {padding:0;}
#cf-handmade .col5typ .img {line-height: 0;margin-bottom: 5px;text-align:center;padding:0;}

#cf-handmade .col4typ .ttl {margin-bottom:7px;line-height:1.3;font-weight:bold;}
#cf-handmade .col5typ .ttl {margin-bottom:7px;line-height:1.3;}

#cf-handmade .col4typ .txt {font-size:1.2rem;margin-bottom:10px;}
#cf-handmade .col5typ .txt {font-size:1.2rem;margin-bottom:10px;}

#cf-handmade .col4typ .price {font-size: 1.2rem;margin-bottom: 10px;text-align: right;}
#cf-handmade .col5typ .price {font-size: 1.2rem;margin-bottom: 10px;text-align: right;
}
#cf-handmade .col4typ .price span {color: #f67979;font-size: 2.2rem;margin: 0 5px;}
#cf-handmade .col5typ .price span {color: #f67979;font-size: 2.3rem;margin: 0 3px 0 5px;}

#cf-handmade .coltyp.lst {
	padding-bottom:70px;
}
#cf-handmade .coltyp .box .list {
	padding:0 15px 0;
}
#cf-handmade .list {
	margin-bottom: 10px;
	margin-right: 0;
	overflow: hidden;
	padding-bottom: 7px;
	width: auto;
}
#cf-handmade .coltyp .colbox .list {
	padding:0 15px 0;
}
#cf-handmade .list li {
	background:url(../../img/common/icn_list_arw.gif) no-repeat left 4px;
	color: #9ca900;
	float: none;
	margin-bottom: 5px;
	margin-right: 0;
	padding-left: 17px;
	width: auto;
	font-size:1.2rem;
}
#cf-handmade .list li a {
	color: #677100;
}


/* --------------------------------------------
section
-------------------------------------------- */

#cf-handmade .framebox {
	border:5px solid #f2f2f2;
	padding:30px;
	margin-bottom:50px;
}
#cf-handmade .framebox .img {
	text-align:center;
	margin-bottom:20px;
}
#cf-handmade .framebox p {
	line-height:1.6;
}


}