/*
Theme Name: orchidfan
Theme URI: https://www.orchid-fan.net
Description: orchidfan記事
Version: 1.0
Author: orchidfan
Author URI: https://www.orchid-fan.net
*/



@charset "UTF-8";

/********************************************
 * reset
 ********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,figure,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	margin:0;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
     *font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 ,th{ font-weight:normal;}
body{
	background-color:#FFFFFF;
	color:#333333;
	font-size: 16px;
	line-height: 125%;
}
dd{ display:block;}
ol, ul{
	list-style: none;
}
a img{ border:0;}
em{ font-style:normal;}

/********************************************
 * opacity
 ********************************************/
a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/********************************************
 * clearfix
 ********************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{ clear:both;}
* html .clearfix{ height:1%;}
.clearfix {
	display: block;
	line-height:0;
	height: 0px;
}
a {
	outline: none;
	color:#333333;
}
a:link {
     text-decoration: none;
 }
 a:visited {
	text-decoration: none;
	color: #333333;
 }
 a:hover {
	text-decoration: none;
	color: #62a708;
 }

 a:active {
	text-decoration: none;
	color: #62a708;
 }
 
 
/********************************************
 * color
 ********************************************/

/* 白色 */
.txt_white {
	color: #FFFFFF;
}

/* 黒色 */
.txt_black {
	color: #000;
}

/* ゴールド */
.txt_gold {
 color:#917f34;
}

/* ブラウン */
.txt_brown {
	color: #990000;
}

/* 赤色 */
.txt_red {
	color: #FF3333;
}

/* 黄色 */
.txt_yellow {
 color:#FC0;
}

/* 緑色 */
.txt_green {
	color: #4a7e27;
}

/* 青色 */
.txt_blue01 {
	color: #1e278b;
}
.txt_blue02 {
	color: #2c6eac;
}
.txt_blue03 {
	color: #39b1cb;
}

/* オレンジ */
.txt_orange {
	color: #fa722f;
}

/********************************************
 * txt
 ********************************************/

.txt_10 {
	font-size:10px;
}

.txt_12 {
	font-size:12px;
	line-height:20px;
}

.txt_14 {
	font-size:14px;
	line-height:24px;
}

.txt_16 {
	font-size:16px;
}

.txt_18 {
	font-size:18px;
}
.txt_bold{
	font-weight: bold;
}

.lh20{
	line-height: 20px;
}

.lh30{ line-height:30px;}

/********************************************
 * txtalign
 ********************************************/

/* テキストセンター揃え*/
.txt_center {
 text-align:center;
}

/* テキスト左揃え*/
.txt_left {
 text-align:left;
}

/* テキスト右揃え*/
.txt_right {
 text-align:right;
}


/********************************************
 * margin paddin
 ********************************************/
.mg5{ margin:5px;}
.mg10{ margin:10px;}
.mg20{ margin:20px;}

.mgt5{ margin-top:5px;}
.mgt10{ margin-top:10px;}
.mgt20{ margin-top:20px;}

.mgb5{ margin-bottom:5px;}
.mgb10{ margin-bottom:10px;}
.mgb20{ margin-bottom:20px;}

.mgr5{ margin-right:5px;}
.mgr10{ margin-right:10px;}
.mgr20{ margin-right:20px;}

.mgl5{ margin-left:5px;}
.mgl10{ margin-left:10px;}
.mgl20{ margin-left:20px;}
.mgl50{
	margin-left:50px;
}

.mgl8{ margin-left:8px;}

.pd5{ padding:5px;}
.pd10{ padding:10px;}
.pd20{padding:20px;}

.pdt5{ padding-top:5px;}
.pdt10{ padding-top:10px;}
.pdt15{ padding-top:15px;}
.pdt20{ padding-top:20px;}

.pdb5{ padding-bottom:5px;}
.pdb10{ padding-bottom:10px;}
.pdb20{ padding-bottom:20px;}

.pdr5{ padding-right:5px;}
.pdr10{ padding-right:10px;}
.pdr20{ padding-right:20px;}

.pdl5{ padding-left:5px;}
.pdl10{ padding-left:10px;}
.pdl20{ padding-left:20px;}

/********************************************
 * font
 ********************************************/
.pc_none{
    display: none;
}

@media screen and (max-width: 600px) {
.sp_none{
    display: none;
}
.pc_none{
    display: block;
}
}
/********************************************
 * Recommend
 ********************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?nc1fic');
  src:  url('fonts/icomoon.eot?nc1fic#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?nc1fic') format('truetype'),
    url('fonts/icomoon.woff?nc1fic') format('woff'),
    url('fonts/icomoon.svg?nc1fic#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.recommendlist-li{ margin-bottom:10px; padding-top:40px; position:relative;}
.recommendlist-li-img{ position:absolute; left:0; top:0; width:50%;}
/*.recommend-icon{ position:absolute; right:0; top:10px; font-family: 'Damion', cursive; color:#e64b75; -webkit-transform: rotate(-20deg); transform: rotate(-20deg);}*/
.recommendlist-li-img img{ width:100%; height:auto;}
.recommendlist-li-txt{ width:100%;}
.recommendlist-li-txt-hd{ margin-bottom:20px; padding:10px 2% 10px 52%; background:#eaf9ea;}
.recommendlist-li-txt-hd h3{ margin-bottom:10px; background:none !important; border:none !important;}
.recommendlist-li-txt-hd h3 span{ display:block;}
.recommendlist-li-txt-ft{ padding:0 2% 0 52%;}
.recommendlist-li-txt-ft .price{ margin-bottom:20px; font-weight:bold; color:#e64b75;}
.recommendlist-li-txt-ft .price span{ font-size:20px;}
.recommendlist-li-txt-ft .btn_cart{ margin-bottom:20px;}
.recommendlist-li-txt-ft .btn_cart a{ padding-left:30px; height:58px; line-height:58px; display:block; font-family: "Noto Sans JP"; font-size:18px; color:#fff; text-align:center; background:#62a708; border-radius:10px; position:relative;}
.recommendlist-li-txt-ft .btn_cart a:before{ content: "\e900"; font-family: 'icomoon' !important; font-size:32px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; ?-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; top:50%; left:20px;  -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.recommendlist-li-txt-ft .btn_cart a:hover{ text-decoration:none; opacity:.8;}
.recommendlist-li-type{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; -webkit-justify-content:flex-start; justify-content:flex-start; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.recommendlist-li-type a{ display:block;}
.recommendlist-li-type .icon{ width:100%;}
.recommendlist-li-type .icon img{ width:100%; height:auto; border-radius:50%; background:#fff;}
.recommendlist-li-type .name{ font-size:12px; text-align:center;}
@media (min-width: 600px){
	.recommendlist-li-type li{ width:15%;}
	.recommendlist-li-type li:not(:nth-child(6n)){ margin-right:2%;}
}
@media (max-width: 599px){
	.recommendlist-li{ margin-bottom:20px; padding-top:20px;}
	.recommendlist-li-img{ position:relative; width:100%;}
	.recommendlist-li-txt-hd{ padding:10px 2%;}
	.recommendlist-li-txt-ft{ padding:10px 2%;}
	.recommendlist-li-txt-ft .price{ margin-bottom:30px; text-align:center;}
	.recommendlist-li-txt-ft .btn_cart{ margin-bottom:30px; text-align:center;}
	.recommendlist-li-txt-ft .btn_cart a img{ width:100%; height:auto;}
	.recommendlist-li-type li{ width:32%;}
	.recommendlist-li-type li:not(:nth-child(3n)){ margin-right:2%;}
}


/********************************************
 * pageLP
 ********************************************/
@media (min-width: 600px){
	.pageLP figure#mv{
		width:1000px;
		margin:0 auto;
	}
}
.pageLP figure#mv img{width:100%;}

@media screen and (max-width:599px){
	.pageLP figure#mv,
	.pageLP figure#mv img{width:100%;}
}