@charset "UTF-8";

/* --------------------------------------------------------------

	filename:	contents.css
	created:	18.2.16
	
/*--------------------------------------------------------------- */

section > p:last-child {
	margin:0;
}

/*----------------------------------------------------------------*/
/* news */
/*----------------------------------------------------------------*/
#news dl {
	margin:0 0 34px;
}

#news dt {
	color:#e50039;
	margin:0 0 5px;
}

#news dd {
	margin:0 0 8px;
}

/*----------------------------------------------------------------*/
/* aboutus */
/*----------------------------------------------------------------*/
#aboutus {
	margin:0 0 21px;
	background:url(../img/back_aboutus.gif) 21px 250px no-repeat;

	-moz-background-size:150px 173px;
    -o-background-size:150px 173px;
    -webkit-background-size:150px 173px;
    background-size:150px 173px;		
}

#aboutus h2 {
	color:#e50039;
	border-bottom:3px solid #e50039;
	margin:0 0 21px;
	padding-bottom:5px;	
}

#aboutus h3 {
	margin:0 0 8px;
}

#aboutus section {
	margin:0 0 34px;
}

/*----------------------------------------------------------------*/
/* how to */
/*----------------------------------------------------------------*/
#howto {
	background:#eae3d1;
	padding:13px;
	margin:0 0 21px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#howto h2 {
	color:#e6471f;
	margin:0 0 13px;
}

#howto p {
	font-weight:600;
	margin:0 0 21px;
}

#howto figure {
	margin:0;
}

#howto figure img {
	margin:0 0 13px;
	float:left;
	width:30%;
}

#howto figcaption {
	text-align:left;
	float: right;
	width:65%;
	margin:21px 0 0;
}

#howto li {
	clear:both;
}

/*----------------------------------------------------------------*/
/* kigan */
/*----------------------------------------------------------------*/
#kigan {
	padding:13px;
	margin:0 0 34px;

}

#kigan h2 {
	color:#e6471f;
	margin:0 0 13px;
}

#kigan p {
	font-weight:600;
	margin:0 0 21px;
}

#kigan figure {
	margin:0;
}

#kigan figure img {
	margin:0 0 13px;
	float:left;
	width:30%;		
}

#kigan figcaption {
	text-align:left;
	float: right;
	width:65%;
	margin:21px 0 0;	
}

#kigan li {
	clear:both;
}

/*----------------------------------------------------------------*/
/* spec */
/*----------------------------------------------------------------*/
#spec {
	margin:0 0 34px;
}

#spec h2 {
	margin:0 0 21px;
	font-size:18px;
	font-size:1.8rem;	
	color:#e6471f;
}

#spec-image {
	text-align:center;
}

#spec-txt ul {
	margin:0 auto;
}

#spec-txt li {
	margin:0 0 10px;
}

#spec-txt li a {
	display:block;
	border:4px solid #b9a983;
	padding:10px 15px;
	text-decoration:none;
	font-weight:600;
	font-size:16px;
	font-size:1.6rem;
	color:#887b5d;
	text-align:center;
}

#spec-txt li .fa {
	font-size:18px;
	font-size:1.8rem;	
}

#spec-txt li:nth-child(2) {
	margin:0 0 30px;
}

#spec-txt li.piacche a {
	background:#e50039;
	border-color:#e50039;
	color:#fff;	
}
#spec-txt li.amazon a {
	background:#ff9738;
	border-color:#ff9738;
	color:#000;
}

.free {
	display:block;
	padding:4px 0 4px 50px;
	background:url(../img/icon_free.png) left center no-repeat;
	font-size:24px;
	font-size:2.4rem;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
}

/*----------------------------------------------------------------*/
/* contact */
/*----------------------------------------------------------------*/
#contact {
	border-top:2px solid #dad1bb;
	border-bottom:2px solid #dad1bb;
	padding:21px 0;
}

#contact h2 {
	margin:0 0 21px;
	font-size:18px;
	font-size:1.8rem;
color:#887b5d;	
}

#contact ul {
	margin:0 auto;
}

#contact li {
	margin:0 0 10px;	
}

#contact li a {
	display:block;
	border:4px solid #b9a983;
	padding:10px 15px;
	text-decoration:none;
	font-weight:600;
	font-size:16px;
	font-size:1.6rem;
	color:#887b5d;
	text-align:center;
}

#contact li .fa {
	font-size:18px;
	font-size:1.8rem;	
}

/*----------------------------------------------------------------*/
/* contact */
/*----------------------------------------------------------------*/
#policy {
	border-top:1px dotted #ccc;
}

#policy p,
#policy li {
	font-size:12.5px;
	font-size:1.25rem;
}

#policy h2 {
	font-size:16px;
	font-size:1.6rem;
	margin:0 0 21px;
}

#policy h3 {
	font-size:14px;
	font-size:1.4rem;
}

#policy > section {
	margin:0 0 21px;
}

#policy > section ul {
	padding:0 0 0 20px;
}

#policy > section li {
	list-style-type: disc;
}

.btn-contact a {
	display: inline-block;
	border:4px solid #b9a983;
	padding:10px 15px;
	text-decoration:none;
	font-weight:600;
	font-size:16px;
	font-size:1.6rem;
	color:#887b5d;	 
}

/*----------------------------------------------------------------*/
/*media Queries / min-width: 768px */
/*----------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
/*----------------------------------------------------------------*/
/* news */
/*----------------------------------------------------------------*/
#news dl {
	margin:0;
}

#news {
	padding:21px;
}

#news dt {
    float:left;
    clear:left;
	font-weight:600;
	font-size:15.5px;
	font-size:1.55rem;
	margin:0 21px 0 0;
}

#news dd {
    float:left;
    vertical-align:bottom;
	margin:0 0 13px;
	font-size:15.5px;
	font-size:1.55rem;	
}


/*----------------------------------------------------------------*/
/* aboutus */
/*----------------------------------------------------------------*/
#aboutus {
	padding:21px;
	background:url(../img/back_aboutus.gif) 144px 144px no-repeat;
	
	-moz-background-size: auto;
    -o-background-size: auto;
    -webkit-background-size: auto;
    background-size: auto;
}

#aboutus h2 {
	border-bottom:4px solid #e50039;
	padding-bottom:8px;	
}

#aboutus section {
	padding:0 0 0 15px;
}

/*----------------------------------------------------------------*/
/* how to */
/*----------------------------------------------------------------*/
#howto {
	padding:21px;
	margin:0;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#howto li {
	float:left;
	width:20%;
	text-align:center;
}

#howto p {
	padding:0 0 0 15px;
}

#howto figure {
	margin:0 auto;
    display: table;
    width: 139px; /* minimum width */
    *width: auto; /* for IE7 and below */
}

#howto figcaption {
	font-size:14px;
	font-size:1.4rem;
}

#howto figure img {
	float: none;
	width: auto;
}

#howto figcaption {
	float: none;
	width: auto;
	margin:0;
}

#howto li {
	clear: none;
}

/*----------------------------------------------------------------*/
/* kigan */
/*----------------------------------------------------------------*/
#kigan {
	padding:21px;
	background:url(../img/back_kigan.gif) right repeat-y;
}

#kigan p {
	padding:0 0 0 15px;
}

#kigan li {
	float:left;
	width:20%;
	text-align:center;
	clear: none;	
}

#kigan figure {
	margin:0 auto;
    display: table;
    width: 139px; /* minimum width */
    *width: auto; /* for IE7 and below */
}

#kigan figcaption {
	font-size:14px;
	font-size:1.4rem;
	float: none;
	width: auto;
	margin:0;	
}

#kigan figure img {
	float: none;
	width: auto;
}

/*----------------------------------------------------------------*/
/* spec */
/*----------------------------------------------------------------*/
#spec {
	padding:21px 34px;
	margin:0;
}

#spec h2 {
	font-size:24px;
	font-size:2.4rem;
}

#spec-image {
	float:left;
	margin:0 34px 0 0;
	text-align:left;
	padding:21px 34px;	
}

#spec-txt {
	float:left;
}

#spec-txt li a {
	font-size:17px;
	font-size:1.7rem;
}

#spec-txt li .fa {
	font-size:19px;
	font-size:1.9rem;	
}

#spec-txt li.piacche a:hover {
	background:#e93360;
	border-color:#e93360;
}
#spec-txt li.amazon a:hover {
	background:#fe9b41;
	border-color:#fe9b41;
	color:#000;
}

#spec-txt li a:hover {
	background:#b9a983;
	color:#fff;	 
}

/*----------------------------------------------------------------*/
/* contact */
/*----------------------------------------------------------------*/
#contact {	
	padding:34px 34px 55px;
}

#contact h2 {
	font-size:24px;
	font-size:2.4rem;
}

#contact li {
	margin:0 4% 0 0;
	float:left;
	width:48%;
	box-sizing:border-box;
}

#contact li:nth-child(2) {
	margin:0;	
}

#contact li a {
	font-size:22px;
	font-size:2.2rem;
	line-height:2.5;
}

#contact li .fa {
	font-size:19px;
	font-size:1.9rem;	
}

#contact li a:hover {
	background:#b9a983;
	color:#fff;	 
}


#contact-form,
#policy {
	padding:21px;
}

#policy p,
#policy li {
	font-size:14px;
	font-size:1.4rem;
}

#policy h2 {
	font-size:18px;
	font-size:1.8rem;
}

#policy h3 {
	font-size:16px;
	font-size:1.6rem;
}

.btn-contact a {
	font-size:18px;
	font-size:1.8rem;
}

.btn-contact a:hover {
	background:#b9a983;
	color:#fff;	 
}

}

/* EOF */