*{margin:0;padding:0;}

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


@font-face {
    font-family: 'LigatureSymbols';
    src: url('font/LigatureSymbols-2.11.eot');
    src: url('font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('font/LigatureSymbols-2.11.woff') format('woff'),
         url('font/LigatureSymbols-2.11.ttf') format('truetype'),
         url('font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  font-weight:normal !important;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  padding-right:4px;
  display:inline-block;
}
.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
/*webフォントアイコン*/


/*テキスト装飾*/
.bold {font-weight:bold;}
.txt10{font-size:10px;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt15{font-size:15px;}
.txt16{font-size:16px;}
.txt18{font-size:18px;}
.txt21{font-size:21px;}
.txt24{font-size:24px;}
.txt28{font-size:28px;}
.txt31{font-size:31px;}
.white{color:#fff;}
.black{color:#501905;}
.red{color:#f00000;}
.green{color:#288c46;}
.blue{color:#005de8;}
.bg_y{background-color:#FAFA7D; padding:5px;}
.bg_gy{background-color:#dedede; padding:5px;}
.under_line{text-decoration:underline;}
.line_through{text-decoration:line-through;}
/*テキスト装飾*/

/*本体共通項目*/
body {margin: 0px auto;padding: 0px;font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;font-size: 15px;text-align: center;color: #501905;}
img {border:0;vertical-align: bottom;}
p {line-height:1.8em; margin:0px auto 10px; }
ul{padding:0px; margin:25px auto;}
li{padding:0px; margin:0px auto 10px; font-weight:bold; font-size:16px;list-style:none;}
.text{width:80%; text-align:left; margin:50px auto;	padding:0px; }
figure{text-align:center; margin:0 auto 30px; padding:0; }
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.f-left{float:left;}
.f-right{float:right;}
.clear{clear:both;}
article {width:100%;max-width:750px;margin:0px auto;padding:0;background-color:#ffffff;text-align:left;}
article,header,footer{border-left:1px solid #eee;border-right:1px solid #eee;}
section p{width: 92%;margin:0 auto 50px;}

h2{width:100%; margin:0 auto 30px;padding:10px 0;font-size:28px;font-weight:bold;text-align:center;color:#fff; background: #f0a028;}
h2 div{padding:7px 0 5px;border-top: 4px solid #fff;border-bottom: 4px solid #fff;}
/*本体共通項目*/

/*catch*/
header{width:100%;max-width:750px;margin: 0 auto 0;}
/*catch*/

/*campaign*/
.camp_ul01{margin: 20px;padding: 20px;border: dotted #e1e100;background:#fff;}
.camp_ul01 p,.camp_ul01 ul{width: 92%;margin:0 auto;}
.camp_ul02 {padding:20px 0;background:#ffffcb;}
.camp_ul02 p,.camp_ul02 ul{width: 92%;margin:0 auto;}
.camp_ul02 ul li{font-weight:normal;font-size:15px;}
.camp_ul01 ul,.camp_ul02 ul{display:block!important;}

/*bullet*/
ul.bull{width: 92%;margin:30px auto;padding:0;font-size: 24px;font-weight: bold;}
ul.b_blue{border:6px solid #000be2;border-radius: 6px;}
ul.b_red{border:6px solid #f00000;border-radius: 6px;}

ul.b_blue li{margin:0 auto;padding:10px 0 10px 41px;border-bottom:2px dotted #000be2;background:url(http://happy-seller.net/wp-content/uploads/2023/02/chk02.jpg) 10px 10px no-repeat;}
ul.b_blue li:last-child{border-bottom: none;}

ul.b_red li{margin:0 auto;padding:10px 0 10px 41px;border-bottom:2px dotted #f00000;background:url(http://happy-seller.net/wp-content/uploads/2023/02/chk01.jpg) 10px 10px no-repeat;}
ul.b_red li:last-child{border-bottom: none;}
/*bullet*/

/*gen*/
dl.gen{width: 92%;margin:0 auto 30px;}
dl.gen dt{padding:7px 5px 5px;font-size:20px;font-weight: bold;color: #fff;background: #000be2;border:2px solid #000be2;}
dl.gen dd{padding:7px 5px 5px;font-size:20px;font-weight: bold;border:2px solid #000be2;}
/*gen*/

/*seibun*/
h3{width: 92%;margin:0 auto 20px;padding:7px 0 5px 5px ;font-size: 20px;font-weight: bold;color: #f03c3c;background:#ffe6e6;border-left:4px solid #f03c3c;border-bottom: 2px solid #f03c3c;}
ul.seibun{width: 92%;margin:0 auto 50px;padding:0;font-size: 18px;font-weight: bold;border-top: 4px dotted #666;}
ul.seibun li{padding:10px 0 10px 46px;border-bottom: 4px dotted #666;background:url(http://happy-seller.net/wp-content/uploads/2023/02/chk01.jpg) 10px 10px no-repeat;}
/*seibun*/

/*特徴*/
ul#tch{width:88%;margin:0 auto 30px;padding:2%;border:10px double #f00000;border-radius:6px;}
ul#tch li{margin:0 auto;padding:7px 0 5px;font-size:20px;border-top:2px dotted #666;}
ul#tch li:last-child{border-bottom:2px dotted #666;}
/*特徴*/

/*商品紹介*/
h4{width:92%;margin:10px auto 20px;padding:7px 0 5px;font-size: 20px;font-weight: bold;color: #fff;text-align:center;background:#326496;border-radius: 64px;}
/*商品紹介*/

/*成分配合*/
div#sap{width: 100%;text-align: center;}
div#sap img{width:100%;}
div#sap figure{width: 48%;display:inline-block;}
div#sap figure figcaption{padding:5px 0 3px;font-size: 14px;font-weight: bold;color:#fff;background:#f00000;}
/*成分配合*/

/*成分表示*/
h6{width: 92%;margin:0 auto 10px;padding: 7px 0 5px;font-size:16px;font-weight: bold;color: #fff;text-align:center;background:#f0b73c;}
table{width: 92%;margin:0 auto 30px;padding:0;}
th{padding:10px;text-align: center;font-weight: bold;background:#ccc;border:1px solid #666;}
td{padding:10px;text-align: left;border:1px solid #666;}
table.tbl02{margin:0 auto 5px;}
table.tbl02 tr th,table#tbl02 tr td{text-align: center;}
/*成分表示*/

/*from*/
#form p{margin:0 auto;}
.must{padding:4px;font-weight:bold;color:#fff;background:#F92931;border-radius:15px;}
input {width:98%;margin:6px 0 20px;padding:1%;background:rgba(255, 255, 142, 0.46);border:solid 1px #ccc;border-radius:3px;}
input[type="submit"]{width:94%;margin:30px 3% 50px;padding:30px;border-radius:6px;font-size:22px;color:#fff;font-weight:bold;background: #27c038;border:3px solid #333;cursor:pointer;}
#form ul{display:none;}
/*from*/

/* 任意マーク */
.free {color: #fff;margin-right: 10px;padding: 6px 10px;background: #424242;border-radius: 20px;}

/* 項目名を太字にする */
form p {font-weight: 500;}

/* 入力項目を見やすくする */
input.wpcf7-submit:hover {opacity:0.8;}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,.wpcf7-response-output.wpcf7-validation-errors {color: red;font-weight: 600;display: block;margin: -15px 0 15px 0;}	

.wpcf7-response-output{display:none;}

/*フッター*/
nav ul{margin:0px auto 20px;}
nav ul li{margin:0;padding:10px 0 10px 15px;background:#f0a028;border-bottom: 2px solid #fff;}
nav ul li a{text-decoration: none;}
footer{width:100%;max-width:750px;margin: 0 auto 0;background-color:#f0a028;padding:10px 0;font-size: 12px;text-align: center;}
/*フッター*/

/*スクロール*/
div.scr{margin:120px 0 0;text-align: center;}
div.scr a {
  padding-top: 80px;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  color:#0316a5;
}
div.scr a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #0316a5;
  border-bottom: 2px solid #0316a5;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
div.scr a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
div.scr a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
div.scr a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes sdb {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
/*ぬるっとスクロール*/
html {scroll-behavior:smooth;}