@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/NotoSansJP-Light.woff") format("woff");
    src: url("../fonts/NotoSansJP-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
    src: url("../fonts/NotoSansJP-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/NotoSansJP-Medium.woff") format("woff");
    src: url("../fonts/NotoSansJP-Medium.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
    src: url("../fonts/NotoSansJP-Bold.ttf") format("truetype");
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="button"],
input[type="submit"],
input[type="text"] {
    -webkit-appearance: none;
    border-radius: 0;
}

.m-knowenjoy-recommend-items li a:after,
.m-collection-items li a:after,
.m-pickup-items li a:after,
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    overflow: hidden;
}

.clearfix {
    /*\*/
    /*/
display: inline-table !important;
/**/
}

#js_debug {
    width: 200px;
    height: 100px;
    position: fixed;
    z-index: 1000;
    top: 10px;
    left: 10px;
    padding: 10px;
    background: #666;
    opacity: 0.5;
}

a {
    text-decoration: none;
    color: #333;
    /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;*/
}

a:hover {
    text-decoration: none;
    /*color: #777;*/
}

html {
    background: #f4f4f4
}

body {
    /*font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif\9;*/
    font-family: "Noto Sans Japanese", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;

    font-weight: 300;
    color: #555;
    line-height: 1;
    letter-spacing: .02em;
    font-size: 14px;
    /* display: none; */
}

img {
    vertical-align: top;
}

.img-full {
    width: 100%;
    height: auto;
}

.col-ec6941 {
    color: #ec6941;
}

.col-ea415d {
    color: #ea415d;
}

.sp-br-none {
    display: none;
}

.pc-br-none {
    display: inline-block;
}




.cover-layer {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    display: none;
}

body.search-acive .cover-layer,
body.menu-acive .cover-layer {
    display: block;
}





/* 

layout

*****************************************************************************/

.l-header-wrap {
    width: 100%;
    height: 96px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}

.l-header {
    width: 100%;
    height: 96px;
}

.l-contents {
    background: #fff;
    padding-top: 96px;
}

.headroom {
    /* deru */
    transition: all .4s ease-in-out;
}

.headroom--unpinned {
    top: -96px;
}

.headroom--pinned {
    /* modoru */
    transition: all 0.6s ease-out-in;
}



/*

html.header-show .l-header{
	position:fixed;
	width:100%;
	top:0;
	left:0;
}

html.header-show .l-contents{
	position:relative;
	top:90px;
}
*/

.l-header-inner {
    position: relative;
}



/*

.l-header-inner{
	top:-90px;
	transition: all 0.5s;
}

html.header-show .l-header-inner{
	position:relative;
	top:0;
}


*/

.l-header {
    width: 100%;
}

.l-header-first {
    position: relative;
    height: 61px;
    background: #fff;
}

.l-header-logo {
    position: absolute;
    top: 9px;
    left: 10px;
    width: 134px;
    height: 36px;
}

.l-header-logo a {
    display: block;
    background: url(../img/h_logo_koizumi_sp.png) 0 0 no-repeat;
    background-size: 134px 36px;
    width: 134px;
    height: 36px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.l-header-comp {
    position: absolute;
    top: 15px;
    right: 9px;
    width: 125px;
    height: 15px;
}

.l-header-comp a {
    display: block;
    background: url(../img/h_logo_koizumi_com_sp.png) 0 0 no-repeat;
    background-size: 125px 15px;
    width: 125px;
    height: 15px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.l-header-second {
    position: relative;
    height: 35px;
    background: #043d78;
}

.l-header-btn-menu {
    position: absolute;
    top: 0;
    left: 10px;
}

.l-header-btn-menu a {
    display: block;
    background: url(../img/h_btn_menu_sp.png) 0 0 no-repeat;
    background-size: 31px 35px;
    width: 31px;
    height: 35px;
}

.l-header-btn-search {
    position: absolute;
    top: 0;
    right: 8px;
}

.l-header-btn-search a {
    display: block;
    background: url(../img/h_btn_search_sp.png) 0 0 no-repeat;
    background-size: 28px 35px;
    width: 28px;
    height: 35px;
}

.l-header-search,
.l-header-nav {
    display: none;
}

.menu-acive .l-header-nav {
    display: block;
}

.search-acive .l-header-search {
    display: block;
}

.search-acive .l-header,
.menu-acive .l-header {
    top: 0;
}


.l-header-nav {
    width: 100%;
    background: url(../img/l_header_bg_sp.png) repeat;
    border-bottom: 5px solid #043d78;
    padding: 10px 20px 60px;
    position: absolute;
    top: 96px;
    z-index: 4000;
    overflow: scroll;
}

.l-header-nav ul {
    padding-bottom: 50px;
    /*
	position:absolute;
	position:relative;
	top:0;	
	*/
}

.l-header-nav ul ul {
    padding-bottom: 0;
}

/*
.menu-acive .l-contents{
	height:100%;
	display:none;
}
*/

.l-header-nav ul li a {
    border-bottom: 1px solid #fff;
    display: block;
    padding: 14px 5px;
    color: #fff;
    font-size: 14px;
}

.l-header-nav ul li li a {
    padding: 14px 0 14px 14px;
    border-bottom: 1px dotted #fff;
}

.l-header-nav ul li li:last-child a {
    border-bottom: none;
}

.l-header-nav ul li:last-child a {
    /*border-bottom:none;*/
}

.l-header-nav ul li nav ul li a img {
    display: none;
}


.l-header-nav .toggle-con {
  height: 0;
  overflow: hidden;
}

.l-header-nav a.toggle-a{
    position: relative;
}

.l-header-nav a.toggle-a:after {
    display: block;
    content: " ";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 10px;
    height: 2px;
    background: #fff;
    margin-top: -1px;
}

.l-header-nav a.toggle-a:before {
    display: block;
    content: " ";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 2px;
    height: 10px;
    margin-top: -5px;
    background: #fff;
}


.l-header-nav a.toggle-a.state-active:before {
    display: none;
}

.l-header-nav ul ul ul {
    padding-top: 10px;
    padding-bottom: 10px;
}

.l-header-nav ul li li li a {
    padding: 10px 14px 10px 30px;
    border-bottom: none;
    position: relative;
}

.l-header-nav ul li li li a:after {
  position: absolute;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid #fff;
  left:18px;
  top: 50%;
  margin-top: -4px;
  pointer-events: none;
}

.l-header-nav-list-more{
    padding: 10px 16px 20px;
}

.l-header-nav-list-more a{
    width: 100%;
    margin:0 auto;
    display: inline-block;
    padding: 8px 10px !important;
    border:1px solid #fff !important;
    font-size: 13px;
    text-align: center;
    line-height: 1;
}

.l-header-nav-sub {
    display: none;
}


.m-search-contents {
    width: 100%;
}

.m-search-contents-inner {
    margin: 30px 20px 10px;
    height: 30px;
}

.search-contents-form {
    position: relative;
    display: table;
    width: 100%;
}

.search-contents-input {
    background: #fff;
    height: 30px;
    padding: 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 82%;
    border: none;
    border: 1px solid #c6c6c6;
    background: #fff;
}

.search-contents-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 18%;
    height: 30px;
    background: #043d78;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5em;
    text-align: center;
    border: none;
    margin: 0;
    padding: 0;
    text-indent: 5px;
}

.search-contents-txt {
    text-align: center;
    margin-bottom: 20px;
    color: #e0002a;
    margin: 0 10px;
    font-size: 12px;
    line-height: 1.6;
}

.l-header-search {
    width: 100%;
    background: #dddddd;
    height: 45px;
    height: 70px;
    position: absolute;
    top: 96px;
    z-index: 5;
}

.l-header-search-inner {
    margin: 18px 10px 0;
}

.l-header-search-form {
    position: relative;
    display: table;
    width: 100%;
}

.l-header-search-input {
    background: #fff;
    height: 35px;
    padding: 4px 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 78%;
    border: none;
}

input[type="text"].l-header-search-input {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.l-header-search-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 18%;
    height: 35px;
    background: #043d78;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5em;
    text-align: center;
    border: none;
    margin: 0;
    padding: 0;
    text-indent: 5px;
}

input[type="submit"].l-header-search-submit {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.l-footer {
    width: 100%;
    background: #f4f4f4;
    padding-bottom: 45px;
    text-align: center;
    padding: 20px 0 45px;
    background: url(../img/border_4_1_sp.png) 0 top repeat-x #f4f4f4;
    background-size: 4px 1px;
}

.footer-btn-pageTop {
    margin-bottom: 34px;
}

.footer-btn-pageTop a {
    display: block;
    background: url(../img/btn_page_top_sp_f.png) center center no-repeat #043d78;
    background-size: 55px 40px;
    width: 100%;
    height: 40px;
    text-indent: -9999px;
}

.footer-sns-items-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;
}

.footer-sns-items {
    float: left;
    left: 50%;
    position: relative;
}

.footer-sns-items li {
    float: left;
    left: -50%;
    position: relative;
    background: #fff;
    margin: 0 16px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.footer-sns-items li a img {
    display: block;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.footer-link-items {
    width: 81%;
    margin: 0 auto 35px;
}

.footer-link-items li {
    margin-bottom: 20px;
}

.footer-link-items li:last-child {
    margin-bottom: 0;
}

.footer-link-items li a {
    display: block;
    border: 2px solid #043d78;
    color: #043d78;
    padding: 14px 0;
    font-size: 13px;
}

.copyright {
    font-size: 11px;
    line-height: 1.6;
    color: #222;
}



/* 

mo

*****************************************************************************/


/* breadcrumb */

.m-breadcrumb-wrap.no-logo {
    margin-bottom: 40px;
}

.m-breadcrumb {
    padding: 6px 22px;
    padding: 3px 10px;
    width: 1022px;
    width: auto;
    margin: 0 auto 0;
}

.m-breadcrumb li {
    float: left;
    margin-right: 4px;
    position: relative;
}

.m-breadcrumb li span,
.m-breadcrumb li a {
    display: inline-block;
    padding: 4px;
    font-size: 12px;
    font-size: 11px;
}

.m-breadcrumb li a {
    text-decoration: underline;
}

.m-breadcrumb li a:hover {
    text-decoration: none;
}

.m-breadcrumb li:after {
    margin-left: 4px;
    content: ">";
    font-size: 100%;
    position: relative;
    top: -1px;
}

.m-breadcrumb li:last-child:after {
    margin-left: 0;
    content: "";
}


.m-slider-type01 {
    width: 100%;
    padding-bottom: 51.73%;
    padding-bottom: 85.33%;
    padding-bottom: 75.33%;
    position: relative;
}

body.page-index .m-slider-type01 {
    padding-bottom: 71%;
    padding-bottom: 85.33%;
    padding-bottom: 75.33%;
}

.m-slider-type01 .flexslider {
    position: absolute;
    width: 100%;
}

.m-tit-type01 {
    text-align: center;
    padding: 34px 0 20px;
    color: #043d78;
}

.tit-type01-ja {
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: 400;
    display: block;
}

.tit-type01-ja-sub {
    font-size: 14px;
    font-weight: 400;
    display: block;
    position: relative;
    top: -2px;
}

.tit-type01-en {
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.tit-type01-sub {
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.4;
}

.m-tit-type02 {
    text-align: center;
    padding: 34px 10px 20px;
}

.tit-type02-tit {
    font-size: 22px;
    margin-bottom: 12px;
    color: #043d78;
    display: block;
}

.tit-type02-txt {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    display: block;
}

.m-tit-type03 {
    text-align: left;
    background: url(../img/tit_03_bg_sp.png) 0 0 repeat-y;
    padding: 8px 0 8px 20px;
    color: #043d78;
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.4;
}

.m-tit-type04 {
    text-align: center;
    background: #e2e9f7;
    padding: 8px 8px 8px 8px;
    color: #043d78;
    margin-bottom: 30px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.4;
}

.sec-index-product {
    margin-bottom: 18px;
}

.sec-product {
    margin-bottom: 25px;
}

.m-product-items {
    width: 100%;
}

.m-product-items li {
    width: 49%;
    margin-bottom: 10px;
}

.m-product-items li:nth-child(odd) {
    float: left;
}

.m-product-items li:nth-child(even) {
    float: right;
}

.m-product-items li a {
    background: url(../img/arrow_r_b_sp.png) right bottom no-repeat #f7f7f7;
    background-size: 14px 14px;
    padding: 12px 14px 10px;
    display: block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.product-item-img {
    margin-bottom: 12px;
}

.product-item-txt {
    width: 100%;
    text-align: center;
}

.sec-index-pickup {
    background: url(../../img/index/index_pickup_bg.jpg) 0 0 no-repeat;
    background-size: cover;
    padding-bottom: 34px;
}

.sec-index-pickup .m-tit-type01 {}

.m-slider-type02-wrap {
    width: 100%;
    overflow: hidden;
}

.m-slider-type02 {
    width: 78.6%;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.m-slider-type02 li {}

.m-slider-type02 .slider-item-inner {
    margin: 0 35px;
    background: #FFF;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.m-slider-type02 li a {
    display: block;
    padding: 20px 22px 16px;
}

.m-slider-type02 .slider-item-img {
    margin-bottom: 12px;
}

.m-slider-type02 .slider-item-tit {
    text-align: center;
    margin-bottom: 10px;
    color: #3f5686;
    font-size: 15px;
    line-height: 1.4;
}

a .slider-item-inner-link-span {
    display: block;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 6px 0;
    color: #043d78;
    border: 1px solid #043d78;
}

.m-slider-type02 .slider-item-txt {
    line-height: 1.6;
}

.sec-index-news {
    background: #f8f8f8;
    padding-bottom: 42px;
}

.m-news-item {
    width: 85.6%;
    margin: 0 auto 24px;
}

.m-news-item li {
    background: #fff;
    margin-bottom: 16px;
}

.m-news-item li:last-child {
    margin-bottom: 0;
}

.m-news-item li a {
    display: block;
    background: #fff;
    padding: 12px 10px;
}

.news-date-cat {
    padding: 0 10px 10px;
    border-bottom: 3px solid #f2f2f2;
    margin-bottom: 10px;
    color: #333;
}

.news-date {
    color: #333;
    font-size: 12px;
    float: left;
    width: 130px;
    padding-top: 5px;
}

.news-cat {
    width: 90px;
    float: right;
    border: 1px solid #043d78;
    padding: 4px 0 3px;
    text-align: center;
    font-size: 11px;
    color: #043d78;
}

.news-cat.news-cat-important {
    border: 1px solid #ff2d18;
    color: #ff2d18;
}

.news-txt {
    color: #3f5686;
    font-size: 12px;
    line-height: 1.6;
    margin: 0 10px;
}

.news-banner {
    width: 70%;
    margin: 0 auto;
}

.news-banner li {
    margin-bottom: 20px;
}

.news-banner li:last-child {
    margin-bottom: 0;
}

.news-banner li a {
    display: block;
    text-align: center;
}

.news-banner-more a {
    border: 1px solid #043d78;
    padding: 14px 0;
    color: #043d78;
}

.news-banner-important a {
    background: url(../img/icon_important_sp.png) 15px center no-repeat #cd3f30;
    background-size: 32px 32px;
    padding: 14px 0;
    color: #fff;
}

.sec-support {
    padding-bottom: 34px;
    background: url(../img/border_4_1_sp.png) 0 top repeat-x #eef4f8;
    background-size: 4px 1px;
}

.m-support-items {
    width: 83%;
    margin: 0 auto;
}

.m-support-items li {
    margin-bottom: 20px;
    display: table;
    width: 100%;
}

.m-support-items li:last-child {
    margin-bottom: 0;
}

.m-support-items li a {
    display: block;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #043d78;
    text-align: center;
    font-size: 14px;
    color: #3f5686;
    padding: 0 0;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4;
}

.m-support-items li.support-item-elec a {
    padding: 6px 0;
    text-align: center;
    position: relative;
}

.m-support-items li a.blank {
    position: relative;
}

.m-support-items li a.blank:after {
    content: " ";
    position: absolute;
    top: 9x;
    right: 10px;
    background: url(../img/icon_blank.png) 0 0 no-repeat;
    background-size: 16px 14px;
    width: 16px;
    height: 14px;
}

.m-support-items li.support-item-elec a img {
    width: auto;
    max-width: 312px;
    max-height: 46px;
    margin: 0 auto;
    height: auto;
}

.support-item-contact a {
    background: url(../img/icon_support_contact_sp.png) 16px center no-repeat;
    background-size: 50px 50px;
}

.support-item-repair a {
    background: url(../img/icon_support_repair_sp.png) 16px center no-repeat;
    background-size: 50px 50px;
}

.support-item-faq a {
    background: url(../img/icon_support_faq_sp.png) 16px center no-repeat;
    background-size: 50px 50px;
}

.support-item-download a {
    background: url(../img/icon_support_download_sp.png) 16px center no-repeat;
    background-size: 50px 50px;
}

.support-item-cat-download a {
    background: url(../img/icon_support_c_download_sp.png) 16px center no-repeat;
    background-size: 50px 50px;
}

.support-item-inquiry a {
    background: url(../img/icon_support_inquiry_sp.png) 16px center no-repeat;
    background-size: 50px 50px;
}

.support-item-end-product a {
    background: url(../img/icon_support_end_product_sp.png) 16px center no-repeat;
    background-size: 50px 50px;
}

.sec-index-link {
    background: url(../img/border_4_1_sp.png) 0 top repeat-x #fff;
    background-size: 4px 1px;
    padding-bottom: 45px;
}

.m-link-items {
    width: 231px;
    margin: 0 auto;
}

.m-link-items li {
    margin-bottom: 20px;
}

.m-link-items li:last-child {
    margin-bottom: 0;
}

.link-item-img {
    margin-bottom: 10px;
}

.link-item-txt {
    font-size: 10px;
    line-height: 1.6;
    color: #333;
}

.sp-none {
    display: none;
}



.sec-lineup {
    padding-bottom: 34px;
}

.sec-category {
    padding-bottom: 55px;
}

.m-lineup-items {
    width: 100%;
}

.m-lineup-items li {
    margin: 0 20px;
}

.m-lineup-items li a {
    background-size: 16px 16px;
    padding: 8px 0 8px;
    display: block;
    background-position: -4px -4px;
    background-repeat: no-repeat;
    display: table;
    width: 100%;
}

.m-lineup-items li:nth-child(odd) a {
    background-color: #e9edf2;
}

.m-lineup-items li:nth-child(even) a {
    background-color: #fafafa;
}

.page-kitchen .m-lineup-items.category-items li:nth-child(odd) a {
    background-color: #fcf5e9;
}

.page-season .m-lineup-items.category-items li:nth-child(odd) a {
    background-color: #f2f2f2;
}

.page-sound .m-lineup-items.category-items li:nth-child(odd) a {
    background-color: #f1f1f1;
}

.lineup-item-img {
    display: table-cell;
    width: 36%;
    text-align: center;
}

.lineup-item-img img {
    width: 84%;
    height: auto;
    margin: 0 auto;
}

.lineup-item-txt {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 64%;
    font-weight: 400;
    padding-right: 10px;
    /*color:#043d78;*/
}

.page-beauty .m-lineup-items li a {
    background-image: url(../img/arrow_beauty.png);
    background-size: 16px 16px;
    color: #043d78;
}

.page-mensbeauty .m-lineup-items li a {
    background-image: url(../img/arrow_mensbeauty.png);
    background-size: 16px 16px;
    color: #043d78;
}

.page-season .m-lineup-items li a {
    background-image: url(../img/arrow_season.png);
    background-size: 16px 16px;
    color: #6c980d;
}

.page-kitchen .m-lineup-items li a {
    background-image: url(../img/arrow_kitchen.png);
    background-size: 16px 16px;
    color: #eb6100;
}

.page-sound .m-lineup-items li a {
    background-image: url(../img/arrow_sound.png);
    background-size: 16px 16px;
    color: #0075a9;
}




.sec-recommend {
    background: url(../img/border_4_1_sp.png) 0 top repeat-x #ced9f1;
    background-size: 4px 1px;
    padding-bottom: 45px;
}

.sec-recipe {
    background: url(../img/border_4_1_sp.png) 0 top repeat-x #fff;
    background-size: 4px 1px;
    padding-bottom: 45px;
}

.sec-recipe .m-slider-type03 {
    background: #fcf5e9;
    padding: 30px 0 30px 0
}

.sec-recipe .m-slider-type03 li {
    margin-bottom: 15px;
}

.m-slider-type03-wrap {
    width: 100%;
    overflow: hidden;
}

.m-slider-type03 {
    width: 78.6%;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.m-slider-type03 li {}

.m-slider-type03 .slider-item-inner {
    margin: 0 35px;
    background: #FFF;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.m-slider-type03 li a {
    display: block;
    padding: 20px 22px 16px;
}

.m-slider-type03 .slider-item-l {
    margin-bottom: 12px;
}

.m-slider-type03 .slider-item-tit {
    text-align: center;
    margin-bottom: 12px;
    color: #043d78;
    font-size: 15px;
    padding-top: 2px;
}

.m-slider-type03 .slider-item-txt {
    line-height: 1.6;
    color: #555;
}

.sec-series {
    background: url(../img/border_4_1_sp.png) 0 top repeat-x #fff;
    background-size: 4px 1px;
    padding-bottom: 40px;
}

.sec-series.bgf9fafd {
    background: url(../img/border_4_1_sp.png) 0 top repeat-x #f9fafd;
    background-size: 4px 1px;
}

.m-series-items {
    width: 100%;
    margin: 0 auto;
}

.m-series-items li {
    width: 243px;
    margin: 0 auto 10px;
}

.m-series-items li:last-child {
    margin: 0 auto 0;
}

.m-series-items li a {
    display: block;
    background: #fff;
    border: 1px solid #d8d8d8;
}

.m-series-items li a img {
    width: 241px;
    height: 56px;
}

.m-series-items.m-series-items-column2 li a {
    border: none;
}

.m-series-items.m-series-items-column2 li a img {
    width: 241px;
    height: auto;
}


.m-search-result-items,
.m-lineup-list-items {
    width: 100%;
}


.m-lineup-list-items li {
    margin: 0 10px 20px;
}

.m-search-result-items li {
    margin: 0 10px 20px;
    background: #fafafa;
    display: block;
    padding: 14px 0 14px;
    position: relative;
}


.m-lineup-list-items li a {
    background: #fafafa;
    display: block;
    padding: 35px 0 22px;
    position: relative;
}



/*
.icon-new{
	background:url(../img/icon_new_sp.png) 0 0 no-repeat;
	background-size:38px 38px;
	width:38px;
	height:38px;
}

.m-lineup-list-items li a .icon-new{
	position:absolute;
	top:10px;
	left:10px;

}
*/

.lineup-list-item-img {
    background: #fff;
    margin: 0 30px 14px;
    padding: 10px 0;
    text-align: center;
}

.lineup-list-item-name {
    color: #333;
    font-size: 14px;
    font-size: 12px;
    margin: 0 14px 14px;
    margin: 0 14px 6px;
}

.lineup-list-item-number {
    color: #043d78;
    font-size: 18px;
    font-size: 14px;
    margin: 0 14px 14px;
    margin: 0 7px 12px;
    padding: 0 7px 12px;
    border-bottom: 1px solid #cfcfcf;
    font-weight: 500;
}

.lineup-list-item-txt {
    margin: 0 7px 14px;
    padding: 0 12px 0;
}


a .lineup-list-item-item-detail {
    display: block;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 8px 0;
    color: #043d78;
    border: 1px solid #043d78;
    margin: 0 14px;
}

.lineup-list-item-item {
    margin: 0 14px;
}

.sec-detail-purchase .lineup-list-item-item {
    margin: 0 0 15px;
    margin: 0 0 10px;
}


.lineup-list-item-item li {
    color: #fff;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    width: 48%;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 6px 6px;
    display: table;
}

body.page-beauty .lineup-list-item-item li {
    background: #d50077;
}

body.page-kitchen .lineup-list-item-item li {
    background: #eb6100;
}

body.page-season .lineup-list-item-item li {
    background: #85b818;
}

body.page-sound .lineup-list-item-item li {
    background: #0075a9;
}

body.page-series .lineup-list-item-item li {
    background: #313131;
}

body.page-mensbeauty .lineup-list-item-item li {
    background: #3f6788;
}


.lineup-list-item-item li div {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.2;
}

.m-lineup-list-items li li {
    margin: 0 0 10px;
}



.lineup-list-item-item li:nth-child(odd) {
    float: left;
}

.lineup-list-item-item li:nth-child(even) {
    float: right;
}

.m-mainTit {
    background: #f7f7f7;
    padding: 70px 0 45px;
    padding: 30px 0 0;
    height: 90px;
}

body.page-beauty .m-mainTit {
    color: #d50077;
}

body.page-kitchen .m-mainTit {
    color: #eb6100;
}

body.page-season .m-mainTit {
    color: #85b818;
}

body.page-sound .m-mainTit {
    color: #0075a9;
}

body.page-series .m-mainTit {
    color: #222222;
    padding: 35px 0 0;
}


.m-mainTit-inner {
    margin: 0 10px;
}

.m-mainTit-ja {
    font-size: 20px;
    margin-bottom: 4px;
    font-weight: 400;
}

.m-mainTit-en {
    font-size: 14px;
    font-weight: 400;
}




/* faq */

body.page-support .m-mainTit,
body.page-faq .m-mainTit {
    color: #043d78;
}

.sec-faq-item {
    margin: 0 10px 30px;
}

.sec-faq-item .faq-items {
    margin: 0 0 10px;
}


.faq-items {
    margin: 0 10px 10px;
}

.faq-item {
    margin: 0 0 15px;
}

.faq-item-query {
    background: url(../../img/faq/icon_q_repeat_sp.png) 0 0 repeat-y #f8f8f8;
    background-size: 30px 2px;
}

.faq-item-query a {
    display: block;
    background: url(../../img/faq/icon_q_sp.png) 0 center no-repeat;
    background-size: 36px 26px;
    padding: 10px 40px 10px 45px;
    line-height: 1.4;
    position: relative;
}

.faq-item-query a:after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 0;

    background: url(../../img/faq/icon_faq_toggle_sp.png) 0 -26px no-repeat;
    background-size: 30px 52px;
    width: 30px;
    height: 26px;
}

.faq-item-query.active a:after {
    background: url(../../img/faq/icon_faq_toggle_sp.png) 0 0 no-repeat;
    background-size: 30px 52px;
}

.faq-item-answer {
    display: none;
}

.faq-item-answer-inner {
    background: url(../../img/faq/icon_a_sp.png) 0 20px no-repeat;
    background-size: 30px 15px;
    padding: 18px 20px 4px 45px;
    border-bottom: 1px solid #f8f8f8;
    color: #043d78;
}

.faq-item-answer-inner p {
    line-height: 1.4;
    margin-bottom: 16px;
}

.faq-item-answer-inner div {
    margin-bottom: 16px;
}


.btn {
    width: 70%;
    width: 70%;
    margin: 0 auto 30px;
}


.btn a {
    display: block;
    text-align: center;
    border: 2px solid #043d78;
    padding: 14px 0;
    color: #043d78;
    font-size: 14px;
}


.btn.btn-news-important a {
    border: 2px solid #e71f19;
    color: #e71f19;
    background: url(../img/icon_important_sp.png) 10px center no-repeat;
    background-size: 32px 32px;
    padding: 14px 0 14px 14px;
}

.faq-page-items {
    margin: 0 10px 20px;
}

.faq-page-items.bottom {
    margin: 0 10px 20px;
}

.faq-page-items li {
    width: 49%;
    margin-bottom: 4px;
}

.faq-page-items.safety-nav-items {
    margin: 20px 10px 20px;
}

.faq-page-items.safety-nav-items li {
    width: 100%;
    margin-bottom: 4px;
}

.faq-page-items.contact-nav-items li {
    width: 100%;
}

.faq-page-items li a {
    border-bottom: 2px solid #e7e8ee;
    padding: 10px 0 12px 0;
    text-align: center;
    color: #043d78;
    font-size: 16px;
    font-size: 12px;
    text-align: center;
    display: block;
    background: url(../img/arrow_l_8_12.png) 2px center no-repeat;
    background-size: 4px 6px;
}

.faq-page-items li:nth-child(odd) {
    float: left;
}

.faq-page-items li:nth-child(even) {
    float: right;
}



/* news */

body.page-policy .m-mainTit,
body.page-safety .m-mainTit,
body.page-products .m-mainTit,
body.page-search .m-mainTit,
body.page-catalog .m-mainTit,
body.page-404 .m-mainTit,
body.page-contact .m-mainTit,
body.page-endProduct .m-mainTit,
body.page-manual .m-mainTit,
body.page-news .m-mainTit {
    color: #043d78;
}

.m-tit-news {
    padding: 30px 0 20px;
    text-align: center;
    font-size: 20px;
    color: #043d78;
}



.sec-current-news {
    margin: 0 15px;
    padding-bottom: 10px;
}

.sec-important-news {
    margin: 0 15px;
    padding-bottom: 10px;
}



.sec-archives-news {
    margin: 0 15px;
    padding-bottom: 10px;
}

.sec-important-news .m-news-list-items {
    margin-bottom: 30px;
}

.m-news-list-items li {
    margin-bottom: 6px;
}

.m-news-list-items li:last-child {
    margin-bottom: 0;
}

.m-news-list-items li a {
    display: block;
    border-bottom: 2px solid #f8f8f8;
    padding: 8px 0;
}


.m-news-list-items li:last-child a {
    border-bottom: none;
}

.news-list-item-day-cat {
    width: 100%;
    margin-bottom: 6px;
}

.sec-important-news .news-list-item-day-cat {
    padding: 6px 0 4px;
    background: url(../img/icon_important_sp.png) 210px 0px no-repeat;
    background-size: 26px 26px;
}

.sec-news-detail .news-list-item-day-cat {
    margin-bottom: 12px;
}

.news-list-item-day {
    width: 110px;
    float: left;
    margin-right: 0px;
    font-size: 12px;
    position: relative;
    top: 3px;
}

.news-list-item-cat {
    width: 96px;
    float: left;
    border: 1px solid #3f5686;
    text-align: center;
    padding: 2px 0;
    font-size: 11px;
    color: #043d78;
}

.news-list-item-cat.cat-important {
    border: 1px solid #ff2d18;
    color: #ff2d18;
}

.news-list-item-txt {
    line-height: 1.4;
    font-size: 13px;
    color: #043d78;
}


.m-news-archives-items {
    margin: 0 10px 20px;
}

.m-news-archives-items li {
    margin-bottom: 10px;
}

.m-news-archives-items li:last-child {
    margin-bottom: 0;
}

.m-news-archives-items li a {
    display: block;
    border: 2px solid #043d78;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    padding: 16px 0;
    background: url(../img/arrow_r_32_28.png) 20px center no-repeat;
    background-size: 16px 14px;
    color: #043d78;
    font-size: 14px;
}


.sec-news-detail {
    margin: 0 15px 0;
    padding: 20px 0 20px 0;
    text-align: left;
}

.m-tit-news-detail {
    font-size: 28px;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #043d78;
}

.article-news {
    padding-bottom: 30px;
}

.article-news p {
    line-height: 1.6;
    margin-bottom: 16px;
    font-size: 14px;
}

.link-url a {
    font-size: 12px;
    color: #333;
    background: url(../img/arrow_l_8_12.png) 0 center no-repeat;
    background-size: 4px 6px;
    padding: 2px 2px 2px 10px;
}

.news-img {
    margin-bottom: 20px;
}

.news-img img {
    width: 100%;
    height: auto;
}


.m-freedial {
    text-align: center;
    background: url(../img/icon_free_sp.png) center top no-repeat;
    background-size: 30px 26px;
    padding: 36px 0 0 0;
    font-size: 44px;
    font-size: 28px;
    color: #333;
    margin-bottom: 36px;
    margin-bottom: 20px;
}

.m-freedial span {
    display: block;
    font-size: 14px;
    padding: 10px 0 0 0;
}

.annotation-items {}

.annotation-items li {
    text-indent: -1em;
    padding: 0 0 0 1em;
    margin-bottom: 8px;
    line-height: 1.6;
    font-size: 14px;
    font-size: 12px;
}

.t-center {
    text-align: center;
}

.m-news-bottom-txt-01 {
    padding: 0 10px 16px 10px;
}

.m-news-bottom-txt-02 {
    padding: 24px 10px 20px 10px;
    border-top: 1px dashed #e2e9f7;
}

.m-news-bottom-txt-01 p,
.m-news-bottom-txt-02 p {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 16px;
}


.m-tab-items {
    /*
	position:relative;
	overflow:hidden;
	background:#CC0000;
	*/
}

.m-tab-items ul {
    /*
	float:left;
	left:50%;
	position:relative;
	*/
    margin: 0 10px 0;
    /*
	padding-top:40px;
	padding-top:20px;
	*/
    position: relative;
    top: 15px;
}

.m-tab-items ul li {
    /*
	position:relative;
	left:-50%;
	width:50%;
	float:left;
	*/
    margin-bottom: 5px;
    display: table;
    width: 49%;
}

.m-tab-items ul li:nth-child(odd) {
    float: left;
}

.m-tab-items ul li:nth-child(even) {
    float: right;
}

.m-tab-items ul li a {
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    background: #f5f6f8;
    color: #043d78;
    font-size: 12px;
    text-align: center;
}

.tab-item-sub {
    display: block;
    margin-top: 4px;
    font-size: 11px;
}

.m-tab-items ul li.active a {
    background: #e7e8ee;
}

.sec-tab-contens {
    /*
	width:978px;
	margin:0 auto;
	*/
    margin: 0 10px;
    padding-bottom: 20px;
    display: none;
}

.sec-tab-contens.active {
    display: block;
}

.m-tit-toggle {
    text-align: left;
    background: url(../img/tit_03_bg_sp.png) 0 0 repeat-y;
    color: #043d78;
    margin-bottom: 14px;
    font-size: 16px;
    position: relative;
    margin-bottom: 28px;
    margin-bottom: 20px;
}

.m-tit-toggle:after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 0;
    background: url(../../img/faq/icon_faq_toggle_sp.png) 0 -26px no-repeat;
    background-size: 30px 52px;
    width: 30px;
    height: 26px;
}

.m-tit-toggle.active:after {
    background: url(../../img/faq/icon_faq_toggle_sp.png) 0 0 no-repeat;
    background-size: 30px 52px;
}

.m-tit-toggle a {
    display: block;
    padding: 8px 0 8px 20px
}

.m-download-items {
    display: none;
}

.m-download-items ul {
    margin: 0 0 50px;
    margin: 0 0 25px;
}

.m-download-items ul li {
    margin-bottom: 6px;
}

.m-download-items ul li:last-child {
    margin-bottom: 0;
}

.m-download-items ul li a {
    display: block;
    border: 3px solid #e3e3e3;
    background: #f8f8f8;
    padding: 12px 20px 12px 20px;
    padding: 12px 12px 10px 12px;
    color: #333333;
    font-size: 15px;
    font-size: 12px;
}

.m-download-items.end-items ul li a {
    border: 3px solid #e3e3e3;
    background: #ffffff;
    cursor: default;
}

.download-item-name {
    margin-bottom: 10px;
    margin-bottom: 8px;
}

.download-item-number {}

.download-item-pdf {
    margin-top: 12px;
    background: #043d78;
    padding: 7px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-size: 11px;
    position: relative;
}

.download-item-pdf:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8em;
    margin-top: -9px;
    right: 0;
    background: url(../img/icon_pdf_sp.png) 0 0 no-repeat;
    background-size: 18px 18px;
    width: 18px;

    height: 18px;
}


.btn-pageTop {
    position: fixed;
    bottom: 30px;
    right: 10px;
    width: 48px;
    height: 48px;
    z-index: 1010;
    display: none;
    opacity: 0.7;
}

.btn-pageTop a {
    display: block;
    background: url(../img/btn_page_top_sp.png) 0 0 no-repeat;
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    text-indent: -9999px;
}


a.link-normal {
    color: #043d78;
    text-decoration: underline;
}

a.link-blank {
    color: #043d78;
    text-decoration: underline;
    background: url(../img/icon_blank.png) right top no-repeat;
    background-size: 16px 14px;
    background-size: 12px 10px;
    padding: 0 18px 0 0;
    display: inline-block;
}



/* contact */

.sec-contact {
    margin: 0 0 0 0;
    padding-bottom: 10px;
}

.sec-contact-contents {
    margin: 0 10px;
}

.sec-contact-contents-inner {
    padding-bottom: 20px;
}

.sec-contact-contents-inner.last {
    padding-bottom: 30px;
}

.m-news-contact {
    margin: 20px 10px 0 10px;
    border: 2px solid #e60012;
    padding: 5px 10px;
}

.m-contact-info {
    text-align: center;
    color: #333;
}

.m-contact-info.m-contact-info-next {
    border-top: dashed 1px #8fabe4;
    padding-top: 25px;
    margin-top: 25px;
}

.m-navdial {
    text-align: center;
    background: url(../img/icon_nav_sp.png) left 7px no-repeat;
    background-size: 30px 18px;
    padding: 0 0 0 40px;
    font-size: 30px;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: 500;
}

.m-navdial span {
    display: block;
    font-size: 14px;
    padding: 10px 0 0 0;
    font-weight: 300;
}

.tel-big{
    font-weight: 700;
    font-size: 16px;
    padding:0 2px;
}

.contact-info-name {
    font-size: 18px;
    margin-bottom: 12px;
}

.contact-info-add {
    font-size: 14px;
    margin-bottom: 12px;
}

.contact-info-support {
    font-size: 13px;
    margin-bottom: 20px;
    color: #043d78;
    line-height: 1.4;
}


.confirm-items {
    padding: 30px 0 30px;
    margin: 0 10px;
}

.confirm-items li {
    margin: 0 0 10px 0;
}

.confirm-items li a {
    text-decoration: none;
    color: #043d78;
    font-size: 14px;
    background: url(../img/arrow_l_8_12.png) left 10px no-repeat;
    background-size: 4px 6px;
    padding: 4px 4px 4px 6px;
    display: inline-block;
    line-height: 1.6;
}

.sec-collection {
    padding-bottom: 34px;
    background: url(../img/border_4_1_sp.png) 0 top repeat-x #f7f2e9;
    background-size: 4px 1px;
}

.m-collection-items {
    width: 90%;
    margin: 0 auto 20px;
}

.m-collection-items li {
    margin-bottom: 20px;
}

.m-collection-items li:nth-child(odd) {
    width: 48%;
    float: left;
}

.m-collection-items li:nth-child(even) {
    width: 48%;
    float: right;
}

.m-collection-items li a {
    display: block;
    width: 100%;
    padding: 7px 7px 14px;
    text-align: center;
    background: #fff;
}

.m-collection-item-img {
    margin-bottom: 12px;
}

.m-collection-item-img img {
    width: 100%;
    height: auto;
}

.m-collection-item-name {
    text-align: center;
    font-size: 10px;
    font-weight: 500;
}

.sec-recipe-ex {
    padding-bottom: 34px;
    background: url(../img/border_4_1_sp.png) 0 top repeat-x #f7f2e9;
    background-size: 4px 1px;
    overflow: hidden;
}

.sec-recipe-ex.type-list{
    background: #f7f2e9;
    margin-top: 12px;
}

.m-recipe-items {
    width: 90%;
    margin: 0 auto 20px;
}

.m-recipe-items li {
    margin-bottom: 20px;
}

.m-recipe-items li:nth-child(odd) {
    width: 48%;
    float: left;
}

.m-recipe-items li:nth-child(even) {
    width: 48%;
    float: right;
}

.m-recipe-items li a {
    display: block;
    width: 100%;
    padding: 7px 7px 14px;
    text-align: center;
    background: #fff;
}

.type-list .m-recipe-items li a {
    padding: 0 0 20px;
}

.m-recipe-item-img {
    margin-bottom: 12px;
}

.m-recipe-item-img img {
    width: 100%;
    height: auto;
}

.m-recipe-item-name {
    text-align: left;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-left: 8px;
    line-height: 1.6;
}

.m-recipe-item-number {
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    margin-left: 8px;
}

.sec-recipe-ex.type-list .m-recipe-item-number,
.sec-recipe-ex.type-list .m-recipe-item-name {
    color: #ec6941;
    margin-right: 10px;
    margin-left: 10px;
}

.m-recipe-item-comment{
    text-align: left;
    font-size: 12px;
    margin-top: 16px;
    line-height: 1.6;
    margin-right: 12px;
    margin-left: 12px;
}

.btn-more {
    text-align: center;
}

.btn-more.type-last {
    margin: 50px 0 80px;
}

.btn-more.type-products {
    margin: 0 20px 20px;
}

.btn-more.type-products a {
    width: 100%;
    letter-spacing: 0.04em;
    padding: 14px 0;
}

.btn-more.type-products a span {
    position: relative;
}

.btn-more.type-products a span i {
    display: block;
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: url(../img/icon_arr_w_9.png) 0 0 no-repeat;
    background-size: 100% auto;

}

.btn-more a {
    margin: 0 auto;
    display: block;
    width: 222px;
    padding: 10px 0;
    background: #59493f;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.btn-more.type-recipe a {
    background: #ec6841;
}

.cms-pager {
  position: relative;
  left: -10%;
  width: 120%;
  margin-top: 30px;
  overflow: hidden;
}

.cms-pager ul {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.cms-pager ul li {
  position: relative;
  display: table;
  margin: 0 6px;
}
.cms-pager ul li.pager-arrow {
  display: table;
}
.cms-pager ul li.pager-arrow span,
.cms-pager ul li.pager-arrow a {
  position: relative;
}

.cms-pager ul li div,
.cms-pager ul li a,
.cms-pager ul li span {
  position: relative;
  z-index: 1;
  display: table-cell;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  background: #fff;
  color: #043d78;
  font-size: 13px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #043d78;
}

.cms-pager ul li span.tenten{
    letter-spacing: -0.5em;
    text-align: center;
    text-indent: -0.5em;
    background: #fff;
    color: #043d78;
}

@media print,screen and (max-width: 340px) {

    .cms-pager ul li {
      margin: 0 4px;
    }

    .cms-pager ul li div,
    .cms-pager ul li a,
    .cms-pager ul li span {
      width: 32px;
      height: 32px;
      font-size: 12px;
    }

}

.cms-pager ul li div {
  background: none;
  color: #FFD6DC;
  letter-spacing: -0.2em;
}
.cms-pager ul li span {
  background: #043d78;
  color: #fff;
}

.m-mainVisual-ttl {
    font-size: 24px;
    background: #59493f;
    text-align: center;
    padding: 20px 0;
    color: #fff;
    letter-spacing: 0.04em;
}

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

    .m-mainVisual-ttl {
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 80px;
        font-size: 32px;
        padding: 25px 0 0 0;
        letter-spacing: 0.04em;
    }

    .m-mainVisual-ttl span {
        display: block;
        width: 980px;
        margin: 0 auto;
        text-align: left;
    }

}


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

    .sec-collection {
        padding-bottom: 80px;
        background: url(../img/border_4_1_pc.png) 0 top repeat-x #f7f2e9;
        background-size: 4px 1px;
    }

    .m-collection-items {
        width: 1016px;
        width: 1022px;
        margin: 0 auto 38px;
    }

    .m-collection-items li {
        width: 245px;
        margin-bottom: 12px;
        margin-right: 12px;
    }

    .m-collection-items li:nth-child(odd) {
        width: 245px;
        float: left;
    }

    .m-collection-items li:nth-child(even) {
        width: 245px;
        float: left;
    }

    .m-collection-items li:nth-child(4n) {
        margin-right: 0;
    }

    .m-collection-items li a {
        display: block;
        width: 100%;
        padding: 10px 10px 18px;
        text-align: center;
        background: #fff;
    }

    .m-collection-item-img {
        margin-bottom: 18px;
        overflow: hidden;
        transition: all .3s;
    }

    .m-collection-items li a .m-collection-item-img img {
        transition: all .3s;
    }

    .m-collection-items li a:hover .m-collection-item-img img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .m-collection-item-name {
        font-size: 14px;
    }

    .sec-recipe-ex {
        padding-bottom: 80px;
        background: url(../img/border_4_1_pc.png) 0 top repeat-x #f7f2e9;
        background-size: 4px 1px;
    }

    .m-recipe-items {
        width: 1016px;
        width: 1022px;
        margin: 0 auto 38px;
    }

    .m-recipe-items li {
        width: 245px;
        margin-bottom: 12px;
        margin-right: 12px;
    }

    .m-recipe-items li:nth-child(odd) {
        width: 245px;
        float: left;
    }

    .m-recipe-items li:nth-child(even) {
        width: 245px;
        float: left;
    }

    .m-recipe-items li:nth-child(4n) {
        margin-right: 0;
    }

    .m-recipe-items li a {
        display: block;
        width: 100%;
        padding: 10px 10px 20px;
        text-align: center;
        background: #fff;
    }

    .sec-recipe-ex.type-list .m-recipe-items {
        width: 978px;
    }

    .sec-recipe-ex.type-list .m-recipe-items li {
        width: 304px;
        margin-right: 33px;
        margin-bottom: 33px;
    }

    .sec-recipe-ex.type-list .m-recipe-items li:nth-child(4n) {
        margin-right: 33px;
    }

    .sec-recipe-ex.type-list .m-recipe-items li:nth-child(3n) {
        margin-right: 0;
    }

    .sec-recipe-ex.type-list .m-recipe-items li a {
        padding: 0 0 36px;
    }

    .m-recipe-item-img {
        margin-bottom: 24px;
        overflow: hidden;
        transition: all .3s;
    }

    .m-recipe-items li a .m-recipe-item-img img {
        transition: all .3s;
    }

    .m-recipe-items li a:hover .m-recipe-item-img img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .m-recipe-item-name {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .m-recipe-item-number {
        text-align: left;
        font-weight: 500;
        font-size: 18px;
        margin-right: 8px;
        margin-left: 8px;
    }

    .m-recipe-item-comment{
        font-size: 16px;
        margin-top: 16px;
        line-height: 1.6;
        margin-right: 8px;
        margin-left: 8px;
    }

    .sec-recipe-ex.type-list .m-recipe-item-name,
    .sec-recipe-ex.type-list .m-recipe-item-number,
    .sec-recipe-ex.type-list .m-recipe-item-comment {
        margin-right: 22px;
        margin-left: 22px;
    }


    .cms-pager {
      margin-top: 16px;
    }

    .cms-pager ul li {
      margin: 0 10px;
    }

    .cms-pager ul li div,
    .cms-pager ul li a,
    .cms-pager ul li span {
      width: 50px;
      height: 50px;
      font-size: 18px;
    }

    .cms-pager ul li a {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .cms-pager ul li a:hover {
        background: #043d78;
        color: #fff;
    }

    .btn-more.type-products {
        margin: 0 0 30px;
    }

    .btn-more.type-products a {
        width: 100%;
        padding: 11px 0;
    }

    .btn-more.type-products a span i {
        right: -16px;
        margin-top: -5px;
        width: 9px;
        height: 9px;
    }

    .btn-more a {
        width: 272px;
        padding: 14px 0;
        font-size: 16px;
    }

    .btn-more a {
        transition: all .3s;
    }

    .btn-more a:hover {
        background: #8f7a6c;
    }

    .btn-more.type-recipe a:hover {
        background: #f59376;
    }
}

.anchor-point{
    margin-top: -20px;
    padding-top: 20px;
}

.page-link-nav {
    width: 90%;
    margin: 0 auto 40px;
}

.page-link-nav ul li{
    margin-bottom: 20px;
}

.page-link-nav ul li:nth-child(odd) {
    float: left;
    width: 47%;
}

.page-link-nav ul li:nth-child(even) {
    float: right;
    width: 47%;
}

.page-link-nav ul li a {
    display: block;
    text-align: center;
    padding-bottom: 14px;
    color: #edd7b0;
    background: #59493f;
    position: relative;
}

.page-link-nav ul li a i{
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 4px;
    background: url(../img/icon_page_link_nav_sp.png) 0 0 no-repeat;
    background-size: 100% auto;
    bottom: 11px;
    left: 50%;
    margin-left: -4px;
}


.page-link-nav ul li a span {
    padding: 16px 1em 8px;
    line-height: 1.4;
    font-size: 12px;
    font-weight: 500;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

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

    .anchor-point{
        margin-top: -20px;
        padding-top: 20px;
    }

    .page-link-nav {
        width: 978px;
        margin: 0 auto 60px;
        position: relative;
        left: -1px;
    }

    .page-link-nav ul li{
        width: 222px;
        margin-right: 30px;
        margin-bottom: 20px;
    }

    .page-link-nav ul li:nth-child(odd) {
        float: left;
        width: 222px;
    }

    .page-link-nav ul li:nth-child(even) {
        float: left;
        width: 222px;
    }

    .page-link-nav ul li:nth-child(4n) {
        float: left;
        margin-right: 0;
        width: 222px;
    }

    .page-link-nav ul li a {
        padding-bottom: 15px;
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        -ms-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease;
    }

    .page-link-nav ul li a:hover {
        background: #74655b;
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        -ms-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease;
    }

    .page-link-nav ul li a:hover i {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px);

        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -ms-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
    }

    .page-link-nav ul li a i{
        width: 11px;
        height: 5px;
        background: url(../img/icon_page_link_nav_pc.png) 0 0 no-repeat;
        background-size: 100% auto;
        bottom: 11px;
        margin-left: -5px;
        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -ms-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
    }


    .page-link-nav ul li a span {
        padding: 18px 1em 10px;
        line-height: 1.4;
        font-size: 16px;
    }

}

.hairstyle-collection {
    background: #f7f2e9;
    padding: 50px 0 40px;
    margin-top: -16px;
}

.hairstyle-collection section {
    width: 90%;
    margin: 0 auto 35px;
}

.hairstyle-collection section:last-child {
    margin: 0 auto 0;
}

.m-ttl-hairstyle-collection {
    margin-bottom: 35px;
}

.m-ttl-hairstyle-collection span {
    display: block;
    margin-left: 4px;
    color: #0d0d0d;
    font-weight: normal;
}

.m-ttl-hairstyle-collection span.txt-ja{
    margin-bottom: 10px;
    font-size: 18px;
}

.m-ttl-hairstyle-collection span.txt-en{
    position: relative;
    font-size: 12px;
    padding-left: 24px;
}

.m-ttl-hairstyle-collection span i {
    position: absolute;
    display: block;
    width: 16px;
    height: 1px;
    top: 50%;
    left: 0;
    background: #0d0d0d;
}

.hairstyle-collection .m-collection-items {
    width: 100%;
    margin: 0 auto 0;
}

.hairstyle-collection .m-collection-items li {
    margin-bottom: 20px;
}

.hairstyle-collection .m-collection-items li a {
    width: 100%;
    padding: 0 0 25px;
    text-align: left;
}

.hairstyle-collection .m-collection-item-img {
    margin-bottom: 12px;
}

.hairstyle-collection .m-collection-item-ttl {
    text-align: left;
    font-size: 12px;
    color: #996c33;
    font-weight: 500;
    margin: 0 10px 12px;
    line-height: 1.4;
}

.hairstyle-collection .m-collection-item-txt {
    font-size: 10px;
    line-height: 1.6;
    color: #222222;
    margin: 0 12px;
}

.bl-hairstyle-main {
    padding: 15px 0 45px;
    background: #f7f2e9;
    margin-top: -16px;
}

.m-hairstyle-main-layout {
    width: 93%;
    margin: 0 auto;
}

.m-hairstyle-main-img {
    margin-bottom: 20px;
}

.m-hairstyle-main-img img {
    width: 100%;
    height: auto;
}

.m-hairstyle-main-con {

}

.m-hairstyle-main-ttl {
    font-size: 21px;
    font-weight: 500;
    border-bottom: 1px solid #0d0d0d;
    color: #0d0d0d;
    margin-bottom: 12px;
    line-height: 1.4;
    padding-bottom: 10px;
}

.m-hairstyle-main-copy {
    font-size: 15px;
    color: #0d0d0d;
    margin-bottom: 15px;
    line-height: 1.6;
}

.m-hairstyle-main-txt {
    font-size: 13px;
    color: #0d0d0d;
    line-height: 1.6;
}

.bl-hairstyle-process{
    background: #fff;
    padding: 45px 0 60px;
}

.hairstyle-process-inner {
    width: 86.66%;
    margin: 0 auto;
}

.bl-hairstyle-recommend{
    background: #f7f2e9;
    padding: 45px 0 75px;
}

.hairstyle-recommend-inner {
    width: 86.66%;
    margin: 0 auto;
}


.m-recommend-items {
    margin: 0 15px 0;
}

.m-recommend-items li {
    margin-bottom: 30px;
}

.m-recommend-items li a {
    display: block;
    background: #fff;
    padding: 0 0 26px;
}

.m-recommend-items li:last-child{
    margin-bottom: 0;
}

.m-recommend-item-img {
    margin: 0 0 30px;
}

.m-recommend-item-img img{
    width: 100%;
    height: auto;
}

.m-recommend-item-name {
    margin: 0 20px 6px;
    color: #043d78;
    font-weight: 500;
    font-size: 14px;
}

.m-recommend-item-number {
    margin: 0 20px 6px;
    color: #043d78;
    font-weight: 500;
    font-size: 18px;
}

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

    .hairstyle-collection {
        padding: 46px 0 68px;
        margin-top: -14px;
    }

    .hairstyle-collection section {
        width: 978px;
        margin: 0 auto 46px;
    }

    .hairstyle-collection section:last-child {
        margin: 0 auto 0;
    }

    .m-ttl-hairstyle-collection {
        margin-bottom: 45px;
    }

    .m-ttl-hairstyle-collection span {
/*        display: block;*/
        margin-left: 0;
/*        color: #0d0d0d;*/
    }

    .m-ttl-hairstyle-collection span.txt-ja{
        margin-bottom: 10px;
        font-size: 24px;
    }

    .m-ttl-hairstyle-collection span.txt-en{
/*        position: relative;*/
        font-size: 16px;
        padding-left: 30px;
    }

    .m-ttl-hairstyle-collection span i {
/*        position: absolute;
        display: block;*/
        width: 20px;
/*        height: 1px;
        top: 50%;
        left: 0;
        background: #0d0d0d;*/
    }

/*    .hairstyle-collection .m-collection-items {
        width: 100%;
        margin: 0 auto 0;
    }*/

    .hairstyle-collection .m-collection-items li {
        width: 304px;
        margin-bottom: 32px;
        margin-right: 32px;
    }

    .hairstyle-collection .m-collection-items li:nth-child(odd) {
        width: 304px;
        float: left;
    }

    .hairstyle-collection .m-collection-items li:nth-child(even) {
        width: 304px;
        float: left;
    }

    .hairstyle-collection .m-collection-items li:nth-child(4n) {
        margin-right: 32px;
    }

    .hairstyle-collection .m-collection-items li:nth-child(3n) {
        margin-right: 0;
    }

    .hairstyle-collection .m-collection-items li a {
/*        width: 100%;*/
        padding: 0 0 32px;
/*        text-align: left;*/
    }

    .hairstyle-collection .m-collection-item-img {
        margin-bottom: 26px;
    }

    .hairstyle-collection .m-collection-item-ttl {
/*        text-align: left;*/
        font-size: 20px;
/*        color: #996c33;
        font-weight: 500;*/
        margin: 0 18px 20px;
        line-height: 1.4;
    }

    .hairstyle-collection .m-collection-item-txt {
        font-size: 16px;
        line-height: 1.6;
/*        color: #222222;*/
        margin: 0 20px;
    }


    .bl-hairstyle-main {
        padding: 50px 0 50px;
        margin-top: -14px;
    }

    .m-hairstyle-main-layout {
        width: 978px;
    }

    .m-hairstyle-main-img {
        margin-bottom: 0;
        float: left;
        width: 466px;
    }

    .m-hairstyle-main-con {
        float: right;
        width: 466px;
        padding-top: 22px;
    }

    .m-hairstyle-main-ttl {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 20px;
        line-height: 1.4;
        padding-bottom: 20px;
    }

    .m-hairstyle-main-copy {
        font-size: 20px;
        margin-bottom: 16px;
        line-height: 1.6;
    }

    .m-hairstyle-main-txt {
        font-size: 14px;
        line-height: 1.6;
    }

    .bl-hairstyle-process{
        padding: 45px 0 45px;
    }

    .hairstyle-process-inner {
        width: 978px;
        margin: 0 auto;
    }

    .bl-hairstyle-recommend{
        padding: 45px 0 50px;
    }

    .howto-hair-items.type-process {
        margin: 0 0 0 !important;
    }

    .howto-hair-items.type-process li {
        margin-bottom: 33px;
        margin-right: 33px;
        padding: 0 0 34px;
        width: 304px;
    }

    .howto-hair-items.type-process li:nth-child(3n) {
        margin-right: 0;
    }

    .howto-hair-items.type-process .howto-hair-item-img {
        margin: 0 0 20px;
    }

    .howto-hair-items.type-process .howto-hair-item-info {
        padding: 0 20px 0;
    }

    .howto-hair-item-step {
        margin-bottom: 12px;
    }

    .howto-hair-item-step span {
        width: 94px;
        padding: 8px 0;
        font-size: 14px;
    }


    .hairstyle-recommend-inner {
        width: 978px;
    }

    .m-recommend-items {
        margin: 0 0 0;
    }

    .m-recommend-items li {
        margin-bottom: 33px;
        width: 304px;
        float: left;
        margin-right: 33px;
    }

    .m-recommend-items li:nth-child(3n) {
        margin-right: 0;
    }

    .m-recommend-items li a {
        padding: 0 0 22px;
    }

    .m-recommend-item-img img {
        transition: all .3s;
    }

    .m-recommend-items li a:hover .m-recommend-item-img img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .m-recommend-item-img {
        margin: 0 0 34px;
        overflow: hidden;
    }

    .m-recommend-item-name {
        margin: 0 20px 6px;
        font-size: 14px;
    }

    .m-recommend-item-number {
        margin: 0 20px 6px;
        font-size: 18px;
    }

}

.sec-pickup {
    padding-bottom: 40px;
    background: url(../img/border_4_1_sp.png) 0 top repeat-x #f9f9f9;
    background-size: 4px 1px;
}

.m-pickup-items {
    margin: 0 20px;
    margin: 0 0;
}



/*
.m-pickup-layout{
	margin:0 20px;
}

.m-pickup-layout .m-pickup-items{
	margin:0 0;
}


.m-pickup-layout-l{
	margin-bottom:20px;
}

*/

.m-pickup-recipe a {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: block;
    overflow: hidden;
    background: #fff;
}

.m-pickup-recipe a img {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


.m-pickup-items li {
    margin-bottom: 16px;
}

.m-pickup-items li:last-child {
    margin-bottom: 0;
}

.m-pickup-items li a {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
}

.m-pickup-item-img {
    background: #fff;
    padding: 55px 0 15px 0;
    text-align: center;
    width: 50%;
    float: left;
}

.m-pickup-item-img img {
    width: 80%;
    height: auto;
    max-width: 224px;
    margin: 0 auto;
}

.m-pickup-item-info {
    padding: 30px 16px 16px 0;
    color: #333;
    line-height: 1.4;
    width: 50%;
    float: right;
}

.m-pickup-item-info-name {
    font-size: 13px;
    margin-bottom: 4px;
    font-weight: 400;
}

.m-pickup-item-info-number {
    font-size: 13px;
    margin-bottom: 12px;
}

.m-pickup-item-info-txt {
    font-size: 13px;
}

.m-pickup-items li a .m-icon-items {
    position: absolute;
    top: 15px;
    left: 10px;
}

.sec-spec {
    padding-bottom: 34px;
    background: url(../img/border_4_1_sp.png) 0 top repeat-x #fff;
    background-size: 4px 1px;
}

.m-spec-table {
    margin: 0 15px;
}

.sec-spec table {
    width: 100%;

    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.sec-spec table th,
.sec-spec table td {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding: 6px;
    font-size: 15px;
    font-size: 13px;
    line-height: 1.4;
    word-break: break-all;
    word-wrap: break-word;
}

.sec-spec table th {
    /*
	width:50%;
	*/
    font-weight: 500;
    color: #000;
}

.sec-spec table td {
    width: 50%;
    color: #221815;
}

.sec-howto {
    padding: 0 0 34px;
    background: #fafafa;
}

.sec-howto-contents {
    margin: 0 5px 0;
}

.m-howto-items {
    /*width:86%;*/
    margin: 0 10px 30px;
    padding-top: 10px;
}

.m-howto-items li {
    margin-bottom: 20px;
    display: table;
}

.m-howto-items li:last-child {
    margin-bottom: 0;
}

.howto-item-img {
    display: table-cell;
    width: 43%;
}

.howto-item-img img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    /*
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	-o-border-radius: 80px;
	-ms-border-radius: 80px;	
	border-radius: 80px;
	*/
}

.howto-item-info {
    display: table-cell;
    vertical-align: top;
    padding: 5px 0 0 15px;
    width: 57%;
}

.howto-item-tit {
    line-height: 1.6;
    font-size: 13px;
    color: #221815;
    background: url(../img/circle_20_purple.png) 0 5px no-repeat;
    background-size: 10px 10px;
    padding: 0 0 0 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

.howto-item-txt {
    line-height: 1.6;
    font-size: 13px;
    color: #221815;
}


.m-img {
    margin: 40px 10px 0;
}

.m-movie {
    margin: 40px 10px 0;
}

.m-movie-inner {
    width: 100%;
    padding-bottom: 56.25%;
    background: #333;
    position: relative;
}

.m-movie-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
}

.sec-function {
    padding: 0 5px 34px;
    background: #b3b8c8;
}

.sec-function .m-tit-type01 {
    color: #fff;
}

.m-function-items {
    margin: 0 0 0;
}

.m-function-items li {
    margin-bottom: 20px;
    /*background:#fff;*/
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.m-function-items li:nth-child(odd) {
    width: 48%;
    float: left;
}

.m-function-items li:nth-child(even) {
    width: 48%;
    float: right;
}


.function-item-img {}

.function-item-img img {
    border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.function-item-info {
    padding: 14px 12px 20px;
    padding: 14px 12px 14px;
}

.function-item-info-tit {
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.6;
}


.function-item-info-txt {
    font-size: 13px;
    line-height: 1.6;
}


.sec-feature {
    padding: 0 10px 34px;
    background: #e2e9f7;
}

.sec-detail-purchase {
    padding: 34px 0 110px;
    padding: 30px 20px 40px;
    padding: 30px 20px 30px;
    padding: 30px 0 0;
    background: #f6f6f6;
}

.m-tit-purchase {
    margin-bottom: 10px;
    padding: 0 20px;
}

.m-tit-purchase span {
    display: block;
}



/*
.m-tit-purchase .icon-new{
	margin-bottom:10px;
}
*/

.tit-purchase-name {
    font-size: 18px;
    margin-bottom: 12px;
    margin-bottom: 0;
    line-height: 1;
    font-weight: 400;
}

.tit-purchase-number {
    font-size: 36px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 400;
}

.tit-purchase-end {
    font-size: 14px;
    color: #e0002a;
    margin-top: 5px;
    margin-bottom: 15px;
}

.m-purchase-l {
    padding: 0 20px 0;
}

.m-purchase-r {}

.m-purchase-sp-bg {
    background: #fff;
    padding: 20px 20px 5px;
}

.m-purchase-slide {
    /*
	width:640px;
	height:490px;*/
    width: 100%;
    height: 0;
    padding: 20px 20px 73% 20px;
    padding: 20px 20px 73% 20px;
    background: #fff;
}

.flex-flexslider-cs li {
    display: none;
}



/*
#m-purchase-slide li{
	display:none;
}

#flexslider-cs li{
	display:none;
}

#flexslider-cs img{

	width:100% !important;
	height:auto !important;
}
*/

.m-icon-items {
    margin-bottom: 10px;
}

.m-icon-items div {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 8px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.icon-new {
    background: url(../img/icon_new_sp.png) 0 0 no-repeat;
    background-size: 32px 32px;
}

.icon-stock {
    background: url(../img/icon_stock_sp.png) 0 0 no-repeat;
    background-size: 32px 32px;
}

.icon-limit {
    background: url(../img/icon_limit_sp.png) 0 0 no-repeat;
    background-size: 32px 32px;
}

.flexslider {}

.m-purchase-slide ul.slides {
    /*
	width:600px;
	height:450px;
	*/
}


.m-purchase-info {
    line-height: 1.6;
    font-size: 16px;
    font-size: 16px;
    margin: 0 20px 20px;
    color: #000;
}

.m-purchase-info br {
    display: none;
}

.m-purchase-code {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-bottom: 15px;
}

.m-purchase-banner {
    width: 260px;
    width: 100%;
    margin: 0 auto;
}

.m-purchase-banner li {
    margin-bottom: 6px;
}

.btn.btn-purchase {
    width: 100%;
    margin: 0 0 20px;
}

.btn.btn-purchase a {
    margin: 0 20px;
}

.m-purchase-slide-thumb-wrap {
    display: none;
}

.m-item-logo {
    padding: 44px 0 44px 0;
    padding: 26px 0 26px 0;
    width: 100%;
    text-align: center;
}

.m-productsTit {
    width: 100%;
    padding: 30px 0 42px;
    padding: 20px 0 26px;
    text-align: center;
}

.page-beauty .m-productsTit {
    color: #d50077;
}

.page-season .m-productsTit {
    color: #85b818;
}

.page-kitchen .m-productsTit {
    color: #eb6100;
}

.page-sound .m-productsTit {
    color: #0075a9;
}

.m-productsTit-ja {
    font-size: 50px;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 25px;
    margin-bottom: 10px;
}

.m-productsTit-en {
    font-size: 24px;
    font-size: 20px;
    font-weight: 400;
}

.sec-purpose {
    padding-bottom: 10px;
    background: #e2e8f7;
}

.m-purpose-items {
    width: 90%;
    margin: 0 auto;
}

.m-purpose-items li {
    margin-bottom: 25px;
}

.m-purpose-items li:nth-child(odd) {
    width: 48%;
    float: left;
}

.m-purpose-items li:nth-child(even) {
    width: 48%;
    float: right;
}

.m-purpose-items li a {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.m-purpose-items li a div {
    position: absolute;
    width: 100%;
}

.purpose-item-img {
    width: 100%;
    height: 100%;
}

.purpose-item-img img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.purpose-item-txt-cover {
    height: 100%;
    background: #fff;
    opacity: 0.8;
    top: 66%;
    top: 60%;
}

.purpose-item-txt-ja {
    color: #d50077;
    font-size: 24px;
    font-size: 15px;
    margin-top: 10px;
    top: 56%;
}

.purpose-item-txt-en {
    color: #d50077;
    font-size: 14px;
    font-size: 12px;
    margin-top: 6px;
    top: 74%;
}

.m-purpose-items li:nth-child(4) .purpose-item-txt-cover {
    background: #050505;
    opacity: 0.7;
}

.m-purpose-items li:nth-child(4) .purpose-item-txt-en,
.m-purpose-items li:nth-child(4) .purpose-item-txt-ja {
    color: #fff;
}


.m-purchase-date {
    padding: 8px 0;
    text-align: center;
    font-weight: 400;
    background: #e1e1e1;
    font-size: 14px;
    margin: 0 20px 16px;
    color: #043d78;
}

.m-purchase-layout {
    overflow: hidden;
}

.m-purchase-annotation-items {
    padding: 20px 20px 30px;
    background: #fff;
}

.m-purchase-annotation-items li {
    margin-bottom: 6px;
    font-size: 12px;
    text-indent: -1em;
    padding: 0 0 0 1em;
    line-height: 1.6;
}

.m-purchase-annotation-items li:last-child {
    margin-bottom: 0;
}

.m-spec-annotation-items {
    margin: 20px 10px 0;
}

.m-spec-annotation-items li {
    margin-bottom: 6px;
    font-size: 12px;
    text-indent: -2.5em;
    padding: 0 0 0 2.5em;
    line-height: 1.6;
}

.m-spec-annotation-items li:last-child {
    margin-bottom: 0;
}

.sec-download-pdf {
    margin: 0 10px;
    padding: 20px 0;
}

.btn-toggle-download-pdf a {
    display: block;
    margin: 0 10px;
    padding: 10px;
    text-align: center;
    background: #8896b2;
    color: #fff;
    font-size: 16px;
    font-size: 12px;
}

.btn-toggle-download-pdf a div {
    margin: 10px 0 0 0;
}

.btn-toggle-download-pdf a div span {
    display: inline-block;
    font-size: 20px;
    font-size: 13px;
    line-height: 1.4;
    position: relative;
}

.btn-toggle-download-pdf a span:after {
    display: block;
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    margin-left: -22px;
    background: url(../img/icon_arrow_down.png) 0 0 no-repeat;
    background-size: 13px 13px;
    width: 13px;
    height: 13px;
}

.btn-toggle-download-pdf.active a span:after {
    background: url(../img/icon_arrow_up.png) 0 0 no-repeat;
    background-size: 13px 13px;
}

.download-pdf-contents {
    display: none;
    margin: 0 10px;
}

.download-pdf-contents-inner {
    padding: 20px 0;
    padding: 15px 0;
    color: #333;
    font-size: 12px;
}

.download-pdf-contents-tit {
    margin-bottom: 20px;
    margin-bottom: 10px;
    line-height: 1.4;
}

.download-pdf-contents-items {}

.download-pdf-contents-items dt {
    line-height: 1.4;
    margin-bottom: 6px;
    margin-bottom: 4px;
    font-weight: 400;
    text-indent: -0.5em;
}

.download-pdf-contents-items dd {
    line-height: 1.6;
    margin-bottom: 20px;
    margin-bottom: 10px;
    text-indent: 1em;
}

.download-pdf-contents-items dd ol li {
    margin-bottom: 6px;
    margin-bottom: 4px;
}

.download-pdf-contents-items dd ol li:last-child {
    margin-bottom: 0;
}

.download-pdf-bottom-txt {
    margin: 70px 10px 12px;
    margin: 20px 10px 8px;
    text-align: center;
    text-align: left;
    font-size: 17px;
    font-size: 13px;
    line-height: 1.6;
}

.download-pdf-bottom-txt-annotation {
    margin: 0 10px;
    text-align: center;
    text-align: left;
    font-size: 14px;
    font-size: 12px;
    line-height: 1.4;
    text-indent: -1em;
    padding: 0 0 0 1em;
}

.btn-download-pdf-close {
    text-align: center;
}

.btn-download-pdf-close a {
    color: #043d78;
    font-size: 13px;
    display: inline-block;
    background: url(../img/icon_close_toggle.png) left 1px no-repeat;
    background-size: 18px 17px;
    padding: 2px 0 2px 25px;
    height: 24px;
}

.feature-item {
    margin-bottom: 55px;
    margin-bottom: 30px;
    margin-left: 55px;
    margin: 10px 10px 25px 10px;
}

.feature-item-tit {
    color: #3f5686;
    text-align: center;
    font-size: 22px;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 2px solid #4f638f;
    padding-bottom: 12px;
    padding-bottom: 8px;
    line-height: 1.4;
    margin-bottom: 30px;
    margin-bottom: 12px;
}

.feature-item-layout {
    margin: 0 auto;
    width: 80%;
}

.feature-item-img {
    width: 42%;
    float: left;
    width: 100%;
    float: none;
    margin-bottom: 15px;
}

.feature-item-img img {
    border: 2px solid #fff;
}

.feature-item-txt {
    width: 46%;
    float: right;
    padding-top: 10px;
    width: 100%;
    float: none;
    padding-top: 0;
}

.feature-item-txt p {
    font-size: 16px;
    font-size: 15px;
    line-height: 1.4;
    color: #111;
}

.sec-feature .m-movie {
    margin-top: 0;
}

.btn-download-pdf-close {
    margin-top: 30px;
    margin-bottom: 30px;
}


.m-tit-series {
    margin: 15px 0;
}

.m-lineup-list-items li a .m-icon-items {
    position: absolute;
    top: 10px;
    left: 10px;
}

.m-tit-404 {
    margin: 20px 0 15px;
    color: #043d78;
    font-size: 14px;
    text-align: center;
}

.m-txt-404 {
    margin: 0 20px 10px;
    text-align: left;
    color: #333;
    line-height: 1.4;
}


.m-404-items {
    margin: 40px 20px 40px;
}

.m-404-items li {
    margin-bottom: 10px;
}

.m-404-items li:last-child {
    margin-bottom: 0;
}

.m-404-items li a {
    display: block;
    border: 2px solid #043d78;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    padding: 16px 0;
    color: #043d78;
    font-size: 14px;
}

.m-404-items li:nth-child(1) a {
    background: url(../img/icon_home.png) 25px center no-repeat;
    background-size: 25px 25px;
}

.m-404-items li:nth-child(2) a {
    background: url(../img/icon_back.png) 25px center no-repeat;
    background-size: 25px 25px;
}


.m-catalog-items {
    margin: 0 20px 40px;
}

.m-catalog-items li {
    margin-bottom: 30px;
    text-align: center;
}

.m-catalog-items li:last-child {
    margin-bottom: 0;
}

.m-catalog-items li a {
    display: block;
    padding: 20px 0 15px;
    -webkit-box-shadow: 0px 20px 24px -18px rgba(102, 102, 102, 0.5);
    -moz-box-shadow: 0px 20px 24px -18px rgba(102, 102, 102, 0.5);
    box-shadow: 0px 20px 24px -18px rgba(102, 102, 102, 0.5);
}

.catalog-item-img {
    margin: 0 auto 10px;
    width: 50%;
}

.catalog-item-img img {
    border: 1px solid #e0e0e0;
}

.catalog-item-name {
    font-size: 14px;
    color: #3f5686;
    margin-bottom: 10px;
}

.catalog-item-date {
    font-size: 14px;
    color: #3f5686;
    margin-bottom: 15px;
}


.catalog-item-pdf {

    background: url(../img/icon_pdf_sp.png) 40px center no-repeat #043d78;
    background-size: 16px 16px;
    color: #fff;
    font-size: 12px;
    position: relative;
    padding: 6px 0;
    text-align: center;
}

.btn-search-result-pdf,
.btn-search-result {
    background: #fff;
    margin: 5px 10px;
}

.btn-search-result-pdf a,
.btn-search-result a {
    display: block;
    background: #043d78;
    color: #fff;
    font-size: 12px;
    position: relative;
    padding: 8px 0;
    text-align: center;
}

.btn-search-result a {
    background: url(../img/arrow_l_8_12_w.png) 52px center no-repeat #043d78;
    background-size: 6px 9px;
}

.btn-search-result-pdf a {
    background: url(../img/icon_pdf_pc.png) 48px center no-repeat #043d78;
    background-size: 14px 14px;
}


.tit-search-result {
    color: #333333;
    text-align: center;
    font-size: 14px;
}

body.page-search .m-search-contents-inner {
    margin: 10px 15px 30px;
}

body.page-search .catalog-item-pdf {
    margin: 0 15px 0;
}


.sec-search {
    padding: 0 0 40px;
}

.m-pager-wrap {
    position: relative;
    overflow: hidden;
}

.m-pager {
    float: left;
    left: 50%;
    position: relative;
    margin-top: 10px;
}

.m-pager div {
    float: left;
    left: -50%;
    position: relative;
    background: #fff;
    margin: 0 3px;
    font-size: 12px;
    height: 30px;
    display: table;
    text-align: center;
}

.m-pager div span,
.m-pager div a {
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
    width: 26px;
}

.m-pager div.next span,
.m-pager div.next a .m-pager div.prev span,
.m-pager div.prev a {
    width: 40px;
}


.m-pager div a {
    border: 1px solid #043d78;
    background: #043d78;
    color: #fff;
}

.m-pager div span.pager-active {
    border: 1px solid #043d78;
    background: #fff;
    color: #30323e;
}

.m-pager div span.pager-dot {
    background: #fff;
    color: #043d78;
    width: 20px;
}


.m-products-index {
    margin: 30px 15px;
}

.m-products-index section {
    margin-bottom: 40px;
}

.m-products-index-tit {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #043d78;
    font-size: 15px;
}

.m-products-index-tit a {
    display: block;
    color: #043d78;
}

.m-products-index-tit span {
    display: block;
    margin-top: 6px;
    font-size: 12px;
}

.m-products-index-img {
    width: 60%;
    margin: 0 auto 30px;
}

.m-products-index-cat a {
    display: block;
    background: url(../img/circle_20_purple.png) 0 center no-repeat;
    background-size: 10px 10px;
    padding: 4px 0 4px 15px;
    margin: 0 4px 4px;
    color: #043d78;
    font-size: 14px;
}

.m-support-index-items,
.m-products-index-items {
    margin: 0 4px 15px;
}

.m-products-index-items {
    margin: 0 4px 0;
}

.m-support-index-items {
    padding: 10px 8px;
    margin: 0 0 10px;
}

.m-products-index-items li {
    float: left;
    width: 50%;
}

.m-support-index-items li a,
.m-products-index-items li a {
    display: block;
    padding: 6px 10px 6px 14px;
    color: #043d78;
    font-size: 12px;
    background: url(../img/arrow_l_8_12_b.png) 3px 12px no-repeat;
    background-size: 4px 6px;
    line-height: 1.4;
}

.m-support-index {
    margin: 20px 10px 40px;
}

.m-support-index-l {
    margin-bottom: 0;
}

.m-support-index-r {
    margin-bottom: 0;
}

.m-support-common-link {
    display: table;
    width: 100%;
    height: 54px;
}

.m-support-common-link a {
    display: block;
    border-bottom: 1px solid #e3e3e3;
    text-align: left;
    font-size: 14px;
    color: #043d78;
    padding: 0 10px 0 50px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4;
    position: relative;
}

.m-support-common-link a:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    background: url(../img/slider_next_02_sp.png) 0 0 no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}

.m-support-common-link a:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
}

.m-support-common-link.m-support-contact a:before {
    background: url(../img/icon_support_contact_sp.png) 0 0 no-repeat;
    background-size: 40px 40px;
}

.m-support-common-link.m-support-repair a:before {
    background: url(../img/icon_support_repair_sp.png) 2px 0 no-repeat;
    background-size: 40px 40px;
}

.m-support-common-link.m-support-faq a:before {
    background: url(../img/icon_support_faq_sp.png) 0 0 no-repeat;
    background-size: 40px 40px;
}

.m-support-common-link.m-support-safety a:before {
    background: url(../img/icon_support_safety_sp.png) 0 0 no-repeat;
    background-size: 40px 40px;
}

.m-support-common-link.m-support-catalog-download a:before {
    background: url(../img/icon_support_c_download_sp.png) 1px 0 no-repeat;
    background-size: 40px 40px;
}

.m-support-common-link.m-support-download a:before {
    background: url(../img/icon_support_download_sp.png) 3px 0 no-repeat;
    background-size: 40px 40px;
}

.m-support-common-link.m-support-end a:before {
    background: url(../img/icon_support_end_product_sp.png) 0 0 no-repeat;
    background-size: 40px 40px;
}

.m-support-common-link.m-support-important a:before {
    background: url(../img/icon_support_inportant_sp.png) 0 0 no-repeat;
    background-size: 40px 40px;
}

.sec-safety {
    margin: 0 10px;
    padding-bottom: 40px;
}

.sec-safety-inner {
    padding: 0 0 25px;
}

.sec-safety-inner-50 {
    padding: 0 0 35px;
}

.sec-txt {
    color: #333;
    line-height: 1.6;
    font-size: 13px;
    margin: 0 5px;
}

.safety-inspection-l {
    text-align: center;
    margin-bottom: 10px;
}

.btn-safety-lead {
    font-size: 14px;
    color: #043d78;
    line-height: 1.4;
    margin-bottom: 15px;
    text-align: center;
}

.btn-safety {
    margin: 0 0 0;
    display: table;
    width: 100%;
    padding: 0 10px;
    height: 60px;
}

.btn-safety.btn-safety-bottom {
    margin-bottom: 25px;
}

.btn-safety a {
    display: block;
    border: 2px solid #043d78;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #043d78;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 1.6;
    position: relative;
}

.btn-safety a:after {
    content: " ";
    position: absolute;
    top: 6px;
    right: 6px;
    background: url(../img/icon_blank.png) 0 0 no-repeat;
    background-size: 16px 14px;
    width: 16px;
    height: 14px;
}

.btn-safety a.btn-pdf:after {
    content: " ";
    position: absolute;
    top: 6px;
    left: 6px;
    background: url(../img/icon_pdf_sp.png) 0 0 no-repeat;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
}

.safety-code-plug-r {
    margin-bottom: 15px;
}

.safety-code-plug-l ul {
    margin: 0 5px;
}

.safety-code-plug-l ul li {
    background: url(../img/circle_20_purple.png) 0 4px no-repeat;
    background-size: 10px 10px;
    padding: 0 0 0 16px;
    line-height: 1.4;
    font-size: 13px;
    color: #333;
    margin-bottom: 6px;
}

.caution-code-plug {
    margin: 5px 10px 20px;
    background: url(../img/icon_caution.png) center 10px no-repeat #f9f9f9;
    background-size: 25px 24px;
    padding: 40px 16px 16px 16px;
    line-height: 1.6;
    font-size: 14px;
    color: #d60c24;
    text-align: center;
    border: 2px solid #e1e1e1;
}

.hack-table {
    margin-bottom: 10px;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.sec-txt-bottom {
    margin-bottom: 15px;
}

.hack-table.hack-table-bottom {
    margin-bottom: 0;
}

.hack-td,
.hack-th {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    font-weight: 500;
    padding: 15px 10px;
    line-height: 1.4;
    font-size: 13px;
}

.hack-th {
    text-align: center;
    background: #f9f9f9;
    padding: 15px 10px;
}

.hack-td {
    text-align: left;
}

.btn-pdf a {
    display: block;
    margin: 0 0;
    background: #043d78;
    padding: 7px 0;
    text-align: center;
    color: #fff;
    font-size: 11px;
    position: relative;
}

.btn-pdf a:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8em;
    margin-top: -9px;
    right: 0;
    background: url(../img/icon_pdf_sp.png) 0 0 no-repeat;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
}

.safety-recycling {
    line-height: 1.6;
    font-size: 13px;
    color: #222222;
    text-align: left;
    border: 2px solid #e1e1e1;
    padding: 10px;
    margin-bottom: 20px;
    background: #f9f9f9;
}

.page-safety .annotation-items {
    margin: 0 5px;
}

.page-safety .annotation-items li {
    font-size: 13px;
    color: #333;
}

.sec-lineup-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 15px;
}

.lineup-bottom-tit {
    font-size: 16px;
    color: #043d78;
    margin-bottom: 16px;
    border-left: 7px solid #f5f5f5;
    padding: 4px 0 4px 13px;
    line-height: 1.4;
}


.lineup-bottom-txt {
    line-height: 1.6;
    color: #221815;
    font-size: 15px;
    padding: 0 0px;
    margin-bottom: 20px;
}


.btn-lineup-download {
    text-align: center;
}

.btn-lineup-download a {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: url(../img/icon_support_download_sp.png) 12px center no-repeat;
    background-size: 25px 25px;
    color: #043d78;
    font-size: 16px;
    line-height: 1.4;
    border: 2px solid #043d78;
    display: table;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 0;
}

.btn-lineup-download a span {
    display: table-cell;
    vertical-align: middle;
}

.m-pickup-recipe {
    margin: 0 0 20px;
}

.sec-policy-wrap {
    padding-top: 20px;
    padding-bottom: 10px;
    margin: 0 10px;
}

.sec-policy {
    padding-bottom: 20px;
    padding-bottom: 34px;
}

.txt-main-policy {
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 30px;
}

.policy-items {
    margin: 0 18px 0 18px;
    padding: 15px 0 0 0;
}

.policy-items.policy-items-bottom {
    padding: 15px 0 15px 0;
}

.policy-items li {
    background: url(../img/circle_20_purple.png) 0 5px no-repeat;
    background-size: 10px 10px;
    padding: 0 0 0 16px;
    line-height: 1.5;
    font-size: 13.5px;
    margin-bottom: 10px;
    margin-bottom: 8px;
}


.faq-item-answer-inner a {
    text-decoration: underline;
    color: #043d78;
}

.article-news a {
    text-decoration: underline !important;
}

.article-news .link-url a {
    text-decoration: none !important;
}


.page-knowenjoy .m-breadcrumb-wrap {
    margin-bottom: 30px;
}



/*m-breadcrumb-wrap*/

.sec-campaign-event {
    padding-bottom: 50px;
    background: #fffaf1;
    font-family: "游ゴシック", "YuGothic", sans-serif, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, serif;
}

.m-campaign-wrap {
    margin-left: 15px;
    margin-right: 15px;
}

.m-campaign-wrap-mt {
    background: url(../../img/knowenjoy/campaign_event_bg_sp.png) center top no-repeat;
    background-size: 100% auto;
    margin-top: 30px;
    padding-top: 40px;
}

.m-campaign-l {
    margin-bottom: 15px;
}

.m-campaign-l img {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.m-campaign-tit {
    font-size: 17px;
    color: #043d78;
    padding: 5px 5px 6px;
    border-bottom: 1px solid #043d78;
    line-height: 1.4;
    margin-bottom: 10px;
}

.campaign-01 .m-campaign-tit,
.campaign-01 .m-campaign-tit span{
    color: #e64160 !important;
}

.campaign-02 .m-campaign-tit,
.campaign-02 .m-campaign-tit span{
    color: #2f74a4 !important;
}

.campaign-03 .m-campaign-tit,
.campaign-03 .m-campaign-tit span{
    color: #799d2f !important;
}

.campaign-04 .m-campaign-tit,
.campaign-04 .m-campaign-tit span{
    color: #ea673d !important;
}

.campaign-05 .m-campaign-tit,
.campaign-05 .m-campaign-tit span{
    color: #053d78 !important;
}

.campaign-06 .m-campaign-tit,
.campaign-06 .m-campaign-tit span{
    color: #222222 !important;
}

.m-campaign-txt {
    font-size: 13px;
    color: #222222;
    line-height: 1.6;
    margin: 0 5px;
}

.m-campaign-btn {
    text-align: center;
    margin-top: 16px;
}

.m-campaign-btn a {
    margin: 0 auto;
    display: block;
    width: 230px;
    padding: 8px 0;
    background: #043d78;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
}

.sec-recommend-knowenjoy {
    background: url(../../img/knowenjoy/knowenjoy_rec_bg.png) repeat;
    background-size: 5px 5px;
    padding-bottom: 30px;
    font-family: "游ゴシック", "YuGothic", sans-serif, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, serif;
}


.m-slider-type03-wrap {
    width: 100%;
    overflow: hidden;
}

.recommend-knowenjoy-items {
    margin-left: 15px;
    margin-right: 15px;
}

.recommend-knowenjoy-items li {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}

.recommend-knowenjoy-items li a {
    background: #FFF;


    padding: 12px 12px 25px;
    display: block;
}

.recommend-knowenjoy-item-img {
    margin-bottom: 12px;
}

.recommend-knowenjoy-item-txt {
    font-size: 13px;
    color: #222222;
    line-height: 1.8;
    margin: 0 2px;
}

.recommend-knowenjoy-item-btn {
    text-align: center;
    margin-top: 16px;
}

.recommend-knowenjoy-item-btn a,
.recommend-knowenjoy-item-btn span {
    margin: 0 auto;
    display: block;
    width: 230px;
    padding: 8px 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.recommend-knowenjoy-item-btn.btn-col-e4007f a,
.recommend-knowenjoy-item-btn.btn-col-e4007f span {
    background: #e4007f;
}

.recommend-knowenjoy-item-btn.btn-col-ec6941 a,
.recommend-knowenjoy-item-btn.btn-col-ec6941 span {
    background: #ec6941;
}

.recommend-knowenjoy-item-btn.btn-col-a973c3 a,
.recommend-knowenjoy-item-btn.btn-col-a973c3 span {
    background: #a973c3;
}

.recommend-knowenjoy-item-btn.btn-col-e59316 a,
.recommend-knowenjoy-item-btn.btn-col-e59316 span {
    background: #e59316;
}


.sec-hairstyle-list {
    font-family: "游ゴシック", "YuGothic", sans-serif, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, serif;
}


.m-tit-hairstyle {
    font-size: 18px;
    color: #81511c;
    text-align: center;
    background: url(../../img/knowenjoy/hair_tit_bg_sp.png) center center repeat;
    background-size: 45px 75px;
    height: 75px;
    display: table;
    width: 100%;
    margin-bottom: 32px;
}

.m-tit-hairstyle div {
    display: table-cell;
    vertical-align: middle;
}

.hairstyle-wrap {
    width: 100%;
    padding: 52px 0 80px;
    background: #feeded;
    background: url(../../img/knowenjoy/hairstyle_wrap_bg_sp.png) center center repeat;
    background-size: 50px 53px;
}

.m-hairstyle-items {
    margin: 0 15px;
}

.m-hairstyle-item {
    margin-bottom: 20px;
}

.m-hairstyle-item {
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.m-hairstyle-item a {
    display: block;
    width: 100%;

    padding: 18px 16px 10px;
    text-align: center;
}

.m-hairstyle-item-tit {
    font-size: 15px;
    text-align: center;
    color: #ea68a2;
    line-height: 1.6;
    border-bottom: 1px solid #ea68a2;
    padding: 0 0 6px 0;
    margin-bottom: 12px;
}

.m-hairstyle-item-txt {
    text-align: left;
    margin: 0 12px 12px;
    line-height: 1.6;
    font-size: 12px;
    color: #222222;
}

.m-hairstyle-item-img {
    width: 100%;
    margin: 0 auto 12px;
    padding-bottom: 79.53%;
    background: url(../../img/knowenjoy/hair_hairstyle_img_bg_sp.png) 0 0 no-repeat;
    background-size: cover;
    position: relative;
}

.m-hairstyle-item-img-inner {
    position: absolute;
    top: 7.2%;
    left: 17.2%;
    width: 64%;
    height: auto;
}

.m-hairstyle-item-img img {
    width: 100%;
    height: auto;
}

.m-hairstyle-item-item {
    margin: 0 16px;
}

.m-hairstyle-item-item li {
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    width: 48%;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 6px 6px;
    background: #ea68a2;
    display: table;
}

.m-hairstyle-item-item li div {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.2;
}

.m-hairstyle-item-item li {
    margin: 0 0 10px;
}

.m-hairstyle-item-item li:nth-child(odd) {
    float: left;
}

.m-hairstyle-item-item li:nth-child(even) {
    float: right;
}

.sec-recommend-hair {
    background: url(../../img/knowenjoy/hair_rec_bg.png) repeat;
    background-size: 5px 5px;
    padding-bottom: 70px;
    font-family: "游ゴシック", "YuGothic", sans-serif, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, serif;
}

.sec-howto-hair .m-tit-type01,
.sec-recommend-hair .m-tit-type01 {
    color: #e62e8b;
}

.sec-recommend-hair .tit-type01-ja {
    line-height: 1.2;
}

.m-txt-recommend-end {
    font-size: 12px;
    color: #222;
    line-height: 1.6;
    text-align: center;
    margin: 0 5px 18px;
}


.m-knowenjoy-recommend-items {
    margin-bottom: 30px;
}

.m-knowenjoy-recommend-items li {
    margin-bottom: 16px;
}

.m-knowenjoy-recommend-items li:last-child {
    margin-bottom: 0;
}

.m-knowenjoy-recommend-items li a {
    display: block;
    width: 100%;
    background: #efd9ed;
    position: relative;
    display: table;
}

.m-knowenjoy-recommend-item-img {
    background: #fff;
    padding: 55px 0 15px 0;
    padding: 40px 0 15px 0;
    text-align: center;
    width: 50%;
    display: table-cell;
}

.m-knowenjoy-recommend-item-img img {
    width: 80%;
    height: auto;
    max-width: 224px;
    margin: 0 auto;
}

.m-knowenjoy-recommend-item-info {
    padding: 0 10px 0 10px;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.m-knowenjoy-recommend-item-info-name {
    font-size: 13px;
    margin-bottom: 4px;
    font-weight: bold;
    color: #333;
    line-height: 1.2;
}

.m-knowenjoy-recommend-item-info-number {
    font-size: 17px;
    font-weight: bold;
    color: #043d78;
    line-height: 1.2;
}


.m-knowenjoy-recommend-items li a .m-icon-items {
    position: absolute;
    top: 15px;
    left: 10px;
}

.hairstyle-detail {
    margin: 0 16px;
    padding-bottom: 30px;
}

.m-hairstyle-detail-img {
    border: 1px solid #dfd767;
    margin: 0 8px 16px;
}

.m-hairstyle-detail-tit {
    line-height: 1.4;
    color: #222;
    font-size: 16px;
    border-bottom: 1px solid #e4d8c5;
    padding: 0 16px 8px;
    margin-bottom: 20px;
}

.m-hairstyle-detail-before-after {
    margin-bottom: 20px;
}

.m-hairstyle-detail-after-txt-wrap {
    margin: 0 10px 18px;
}

.m-hairstyle-detail-after-txt {
    display: table;
    width: 100%;
    color: #222;
    font-size: 15px;
}

.m-hairstyle-detail-after-txt-l {
    display: table-cell;
    width: 75px;
    text-align: center;
}

.m-hairstyle-detail-after-txt-l div {
    background: #dec59e;
    padding: 2px 0;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    line-height: 1.4;
}

.m-hairstyle-detail-after-txt-r {
    display: table-cell;
    padding: 4px 10px;
    line-height: 1.4;
}

.sec-howto-hair {
    width: 100%;
    padding: 0 0 60px;
    background: url(../../img/knowenjoy/hairstyle_wrap_bg_sp.png) center center repeat;
    background-size: 50px 53px;
    font-family: "游ゴシック", "YuGothic", sans-serif, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, serif;
}

.howto-hair-point {
    margin: 0 15px;
    background-color: #fff;
    background-image: url(../../img/knowenjoy/hairstyle_point_bg_t_sp.png), url(../../img/knowenjoy/hairstyle_point_bg_b_sp.png);
    background-size: 100% auto, 100% auto;
    background-repeat: no-repeat, no-repeat;
    background-position: 0 top, 0 bottom;
    padding: 1% 0 8.36%;
    padding: 1% 0 9%;
}

.howto-hair-point-img {
    margin-bottom: 16px;
}

.howto-hair-point-txt {
    background-image: url(../../img/knowenjoy/hairstyle_point_bg_txt_sp.png), url(../../img/knowenjoy/hairstyle_point_bg_txt_sp.png);
    background-size: 100% auto, 100% auto;
    background-repeat: no-repeat, no-repeat;
    background-position: 0 top, 0 bottom;
    padding: 11.2% 16px 11.2%;
    text-align: left;
}

.howto-hair-point-txt p {
    line-height: 1.6;
    color: #333;
    font-size: 13px;
}

.howto-hair-items {
    margin: 0 44px 30px;
}

.howto-hair-items.type-process {
    margin: 0 15px 0;
}

.howto-hair-items.type-process li {
    margin-bottom: 30px;
    background: #f7f2e9;
    padding: 0 0 26px;
}

.howto-hair-items.type-process .howto-hair-item-img {
    margin: 0 0 15px;
    border: none;
}

.howto-hair-items.type-process .howto-hair-item-img img{
    width: 100%;
    height: auto;
}

.howto-hair-items.type-process .howto-hair-item-info {
    padding: 0 16px 0;
    display: block;
}

.howto-hair-items.type-process .howto-hair-item-txt {
    display: block;
    padding: 0 0;
}

.howto-hair-item-step {
    margin-bottom: 12px;
}

.howto-hair-item-step span {
    display: block;
    width: 85px;
    text-align: center;
    padding: 6px 0;
    background: #59493f;
    color: #fff;
    font-size: 13px;
}

.howto-hair-items li {
    margin-bottom: 20px;
    background: #fff;
    padding: 18px 0 25px;
}

.howto-hair-items li:last-child {
    margin-bottom: 0;
}

.howto-hair-item-img {
    margin: 0 32px 16px;
    border: 1px solid #dfd767;
}

.howto-hair-item-info {
    padding: 0 25px 0 22px;
    display: table;
}

.howto-hair-item-txt {
    display: table-cell;
    padding-right: 6px;
    padding-left: 6px;
    line-height: 1.6;
    font-size: 13px;
    color: #333;
    text-align: left;
    width: 100%;
    vertical-align: top;
}

.howto-hair-item-img-type01 {
    display: table-cell;
    width: 80px;
}

.howto-hair-item-img-type02 {
    display: table-cell;
    width: 115px;
}

.howto-hair-item-img-type03 {
    display: table-cell;
    width: 100px;
}

.howto-hair-item-img-type04 {
    display: table-cell;
    width: 107px;
}

.howto-hair-item-img-type05 {
    display: table-cell;
    width: 100px;
}

.m-recipe-index-main-img {
    width: 100%;
    margin-bottom: 20px;
}

.m-recipe-index-main-txt {
    text-align: center;
    margin-bottom: 40px;
    color: #81511c;
    font-size: 14px;
    line-height: 1.6;
}

.recipe-contents {
    font-family: "游ゴシック", "YuGothic", sans-serif, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, serif;
}

.m-tit-recipe {
    background: url(../../img/recipe/recipe_tit_bg.png) 0 0 repeat;
    font-size: 24px;
    text-align: center;
    position: relative;
    padding: 10px 0;
    color: #fff;
    margin-bottom: 40px;
}

.m-tit-recipe:after {
    content: " ";
    position: absolute;
    bottom: -40px;
    left: 10px;
    margin-left: 0;
    background: url(../../img/recipe/recipe_tit_icon.png) 0 0 no-repeat;
    background-size: 70px 70px;
    width: 70px;
    height: 70px;
}

.m-recipe-index-items {
    margin: 0 20px 0;
}

.m-recipe-index-items li {
    margin-bottom: 40px;
}

.m-recipe-index-items li a {
    display: block;
}

.m-recipe-index-item-img {
    border: 1px solid #d4c70f;
    width: 160px;
    margin: 0 auto 15px;
}

.m-recipe-index-item-tit {
    color: #6a3906;
    font-size: 14px;
    line-height: 1.4;
    background: url(../../img/recipe/border_bottom.png) bottom repeat-x;
    margin-bottom: 10px;
    padding: 0 5px 6px;
    text-align: center;
}

.m-recipe-index-item-txt {
    color: #222;
    font-size: 13px;
    line-height: 1.6;
    padding: 0 5px;
}

.m-tit-recipe-name {
    margin: 0 15px 20px;
    background: url(../../img/recipe/bg_recipe_name.png) 0 bottom repeat-x;
    padding: 0 0 12px 33px;
    position: relative;
    color: #eb6877;
    font-size: 17px;
}

.m-tit-recipe-name:after {
    content: " ";
    position: absolute;
    top: -2px;
    left: 0px;
    margin-left: 0;
    background: url(../../img/recipe/icon_recipe_name.png) 0 0 no-repeat;
    background-size: 23px 23px;
    width: 23px;
    height: 23px;
}



/*コイズミ追加*/

.m-tit-recipe02-name {
    margin: 0 15px 20px;
    background: url(../../img/recipe/bg_recipe_name.png) 0 bottom repeat-x;
    padding: 0 0 12px 33px;
    position: relative;
    color: #eb6877;
    font-size: 17px;
}

.m-tit-recipe02-name:after {
    content: " ";
    position: absolute;
    top: -2px;
    left: 0px;
    margin-left: 0;
    background: url(../../img/recipe/icon_recipe_name02.png) 0 0 no-repeat;
    background-size: 23px 23px;
    width: 23px;
    height: 23px;
}


.m-recipe-layout {
    margin: 0 15px 40px;
}

.m-recipe-layout-l {
    margin-bottom: 20px;
}

.m-recipe-txt {
    color: #59493f;
    line-height: 1.6;
    font-size: 14px;
    margin: 0 5px 10px;
}

.m-recipe-material-tit {
    background: #e7e0d9;
    color: #59493f;
    padding: 10px 14px;
    margin: 0 0 15px;
    font-size: 14px
}

.m-recipe-material-items li {
    margin: 0 10px 10px;
    font-size: 13px;
    background: url(../../img/recipe/icon_recipe_li.png) 0 6px no-repeat;
    background-size: 5px 5px;
    padding: 0 0 0 12px;
    line-height: 1.4;
}

.m-recipe-material-items li:last-child {
    margin-bottom: 0;
}


.sec-recipe-index {
    background: #f6f0e7;
}

.sec-recipe-howto {
    background: #f6f0e7;
    padding-bottom: 30px;
}

.recipe-howto-inner {
    margin: 0 15px;
}

.recipe-howto-preparation {}

.recipe-howto-preparation-tit {
    margin-bottom: 10px;
    color: #6a3906;
    font-size: 14px;
}

.recipe-howto-preparation-items {
    margin: 0 0 20px;
}

.recipe-howto-preparation-items li {
    margin: 0 5px 10px;
    font-size: 13px;
    background: url(../../img/recipe/icon_recipe_li_brown.png) 0 6px no-repeat;
    background-size: 5px 5px;
    padding: 0 0 0 12px;
    line-height: 1.4;
    color: #6a3906;
}

.recipe-howto-items li {
    background: url(../../img/recipe/border_bottom.png) top repeat-x;
    padding: 20px 0 20px;
    color: #6a3906;
}

.recipe-howto-item-icon {
    padding: 4px 10px;
    background: #ec6941;
    color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4;
    width: 30px;
    text-align: center;
    margin: 0 0 10px;
}

.recipe-howto-item-txt {
    padding: 0 0 0 6px;
    font-size: 14px;
    line-height: 1.6;
    position: relative;
    top: -2px;
}

.recipe-howto-item-l {
    margin: 0 0 15px;
}

.recipe-howto-item-r {
    width: 240px;
    margin: 0 auto;
}

.recipe-howto-complete-img {
    margin: 0 0 20px;
    border: 1px solid #d4c70f;
}

.recipe-howto-point {
    background: #fff;
    margin: 0 0 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 12px;
}

.recipe-howto-point-tit {
    margin-bottom: 10px;
    color: #eb6877;
    font-size: 16px;
    background: url(../../img/recipe/icon_recipe_point.png) 0 0 no-repeat;
    background-size: 33px 33px;
    height: 34px;
    width: 100%;
    padding: 8px 0 0 40px;
}

.recipe-howto-point-items li {
    margin: 0 5px 10px;
    font-size: 13px;
    background: url(../../img/recipe/icon_recipe_li.png) 0 6px no-repeat;
    background-size: 5px 5px;
    padding: 0 0 0 12px;
    line-height: 1.4;
    color: #59493f;
}

.m-recipe-btn-wrap {
    margin-bottom: 0;
}

.m-recipe-bottom-btn-detail a,
.m-recipe-btn-wrap a {
    display: block;
    padding: 12px 0;
    text-align: center;
    position: relative;
    font-size: 14px;
    color: #fff;
}

.m-recipe-btn-wrap a:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 20px;
    margin-left: 0;
}

.m-recipe-bottom-btn-detail,
.m-recipe-btn-wrap div {
    background: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}

.m-recipe-btn-print {
    margin-bottom: 10px;
    display: none;
}

.m-recipe-btn-print a {
    background: #ec6941;
}

.m-recipe-btn-print a:after {
    background: url(../../img/recipe/icon_recipe_print.png) 0 0 no-repeat;
    background-size: 27px 22px;
    width: 27px;
    height: 22px;
    margin-top: -11px;
}

.m-recipe-btn-back a {
    background: #59493f;
}

.m-recipe-btn-back a:after {
    background: url(../../img/recipe/icon_recipe_back.png) 0 0 no-repeat;
    background-size: 19px 17px;
    width: 19px;
    height: 17px;
    margin-top: -8px;
}

.m-recipe-bottom-item {
    margin: 0 20px 0;
    padding: 30px 0;
}

.m-recipe-bottom-item-inner {
    border: 1px solid #b7aa00;
    padding: 10px 10px 15px 10px;
}

.m-recipe-bottom-btn-detail a {
    background: #043d78;
}

.m-recipe-bottom-item-txt {
    margin-bottom: 10px;
}

.m-recipe-bottom-item-txt img {
    width: 100%;
    height: auto;
}



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

    .l-header-nav a.toggle-a:after {
        right: 17px;
    }

    .l-header-nav a.toggle-a:before {
        right: 21px;
    }

}

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

    .recipe-howto-item-img {
        width: 190px;
        margin: 0 0 20px;
        border: 1px solid #d4c70f;
        position: relative;
        top: -4px;
        display: block;
    }

    .m-recipe-bottom-item-txt img {
        width: auto;
        height: auto;
    }

    .m-recipe-bottom-item {
        margin: 0 20px 0;
        padding: 50px 0 60px;
    }

    .m-recipe-bottom-item-inner {
        width: 928px;
        margin: 0 auto;
        border: 2px solid #b7aa00;
        padding: 2px 0 2px;
    }

    .m-recipe-bottom-item-ph {
        width: 352px;
        float: left;
    }

    .m-recipe-bottom-item-info {
        width: 572px;
        float: right;
    }


    .m-recipe-bottom-btn-detail a {
        background: #043d78;
    }

    .m-recipe-bottom-item-txt {
        margin-bottom: 0;
    }


    .m-recipe-btn-wrap {
        margin-bottom: 0;
        position: relative;
        height: 42px;
    }

    .m-recipe-bottom-btn-detail a,
    .m-recipe-btn-wrap a {
        padding: 12px 0;
        font-size: 16px;
    }

    .m-recipe-bottom-btn-detail {
        width: 272px;
    }

    .m-recipe-btn-wrap div {
        position: absolute;
        top: 0;
        left: 50%;
        width: 272px;
    }

    .m-recipe-btn-print {
        margin-bottom: 0;
        margin-left: -292px;
        display: block;
    }

    .m-recipe-btn-back {
        margin-left: 20px;
    }


    .sec-recipe-howto {
        padding-bottom: 60px;
    }

    .recipe-howto-inner {
        margin: 0 auto;
        width: 980px;
    }

    .recipe-howto-preparation-tit {
        margin-bottom: 10px;
        margin-left: 10px;
        font-size: 18px;
        width: 300px;
    }

    .recipe-howto-items {
        margin-bottom: 40px;
    }

    .recipe-howto-items li {
        background: url(../../img/recipe/border_bottom.png) top repeat-x;
        padding: 20px 10px 20px;
        color: #6a3906;
    }

    .recipe-howto-item-icon {
        line-height: 1.4;
        width: 30px;
        margin: 0 0 0 0;
        padding: 4px 10px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        font-size: 18px;
        float: left;
    }

    .recipe-howto-item-txt {
        padding: 0 0 0 0;
        font-size: 18px;
        line-height: 1.6;
        position: relative;
        top: -2px;
        width: 910px;
        float: right;
    }

    .recipe-howto-item-l .recipe-howto-item-txt {
        width: 700px;
    }

    .recipe-howto-item-l {
        margin: 0 0 0;
        width: 750px;
        float: left;
    }

    .recipe-howto-item-r {
        width: 190px;
        float: right;
    }


    .recipe-howto-preparation-items {
        margin: 0 5px 20px 15px;
    }

    .recipe-howto-preparation-items li {
        margin: 0 5px 10px;
        font-size: 18px;
        background: url(../../img/recipe/icon_recipe_li_brown.png) 0 8px no-repeat;
        background-size: 10px 10px;
        padding: 0 0 0 40px;
        line-height: 1.6;
    }

    .recipe-howto-point {
        background: #fff;
        width: 928px;
        margin: 0 auto 35px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        padding: 20px 60px;
    }

    .recipe-howto-point-tit {
        margin-bottom: 20px;
        font-size: 30px;
        width: 100%;
        padding: 2px 0 0 40px;
    }

    .recipe-howto-point-items li {
        margin: 0 10px 10px;
        font-size: 18px;
        background: url(../../img/recipe/icon_recipe_li.png) 0 7px no-repeat;
        background-size: 10px 10px;
        padding: 0 0 0 20px;
        line-height: 1.4;
    }

    .m-tit-recipe-name {
        width: 980px;
        margin: 0 auto 30px;
        background: url(../../img/recipe/bg_recipe_name.png) 0 bottom repeat-x;
        padding: 0 0 15px 64px;
        font-size: 34px;
    }

    .m-tit-recipe-name:after {
        top: -5px;
        background: url(../../img/recipe/icon_recipe_name.png) 0 0 no-repeat;
        background-size: 46px 46px;
        width: 46px;
        height: 46px;
    }
    /*コイズミ追加*/
    .m-tit-recipe02-name {
        width: 980px;
        margin: 0 auto 30px;
        background: url(../../img/recipe/bg_recipe_name.png) 0 bottom repeat-x;
        padding: 0 0 15px 64px;
        font-size: 34px;
    }

    .m-tit-recipe02-name:after {
        top: -5px;
        background: url(../../img/recipe/icon_recipe_name02.png) 0 0 no-repeat;
        background-size: 46px 46px;
        width: 46px;
        height: 46px;
    }


    .m-recipe-layout {
        width: 980px;
        margin: 0 auto 60px;
    }

    .m-recipe-layout-l {
        margin-bottom: 0;
        width: 410px;
        float: left;
    }

    .m-recipe-layout-r {
        float: right;
        width: 520px;
    }

    .m-recipe-txt {
        line-height: 1.6;
        font-size: 18px;
        margin: 0 0 26px;
    }

    .m-recipe-material-tit {
        padding: 10px 20px;
        margin: 0 0 28px;
        font-size: 18px;
    }

    .m-recipe-material-items {
        margin: 0 10px;
    }

    .m-recipe-material-items li {
        margin: 0 0 10px;
        font-size: 16px;
        background: url(../../img/recipe/icon_recipe_li.png) 0 7px no-repeat;
        background-size: 10px 10px;
        padding: 0 0 0 20px;
        line-height: 1.4;
        float: left;
        width: 50%;
    }

    .m-recipe-material-items li:nth-child(odd) {
        clear: both;
    }

    .m-recipe-material-items li:last-child {
        margin-bottom: 0;
    }

    .m-recipe-index-main-img {
        width: 980px;
        margin: 0 auto 30px;
    }

    .m-recipe-index-main-txt {
        width: 980px;
        margin: 0 auto 80px;
        font-size: 24px;
        line-height: 1.6;
    }

    .m-tit-recipe {
        font-size: 50px;
        padding: 20px 0;
        margin-bottom: 90px;
    }

    .m-tit-recipe:after {
        bottom: -70px;
        left: 50%;
        margin-left: -500px;
        background: url(../../img/recipe/recipe_tit_icon.png) 0 0 no-repeat;
        background-size: 140px 140px;
        width: 140px;
        height: 140px;
    }

    .m-recipe-index-items {
        width: 995px;
        width: 1050px;
        margin: 0 auto 0;
        padding: 0 0 30px;
    }

    .m-recipe-index-items li {
        width: 298px;
        padding-bottom: 80px;
        margin: 0 26px;
        float: left;
    }


    .m-recipe-index-items li:nth-child(3n+1) {
        clear: both;
    }

    .m-recipe-index-item-img {
        border: 1px solid #d4c70f;
        width: auto;
        margin: 0 auto 20px;
    }

    .m-recipe-index-item-tit {
        font-size: 17px;
        line-height: 1.4;
        margin-bottom: 10px;
        padding: 0 5px 10px;
        text-align: left;
    }

    .m-recipe-index-item-txt {
        font-size: 15px;
        line-height: 1.6;
        padding: 0 5px;
    }


    .howto-hair-items {
        margin: 0 0 30px;
    }

    .howto-hair-items li {
        margin-bottom: 20px;
        margin-right: 22px;
        background: #fff;
        padding: 20px 0 20px;
        width: 326px;
        float: left;
    }

    .howto-hair-items li:nth-child(3n) {
        margin-right: 0;
    }

    .howto-hair-items li:last-child {
        margin-bottom: 20px;
    }

    .howto-hair-item-img {
        margin: 0 35px 16px;
    }

    .howto-hair-item-info {
        padding: 0 28px 0 22px;
    }

    .howto-hair-item-txt {
        padding-right: 6px;
        padding-left: 6px;
        line-height: 1.6;
        font-size: 14px;
    }

    .howto-hair-item-img-type01 {
        width: 90px;
    }

    .howto-hair-item-img-type02 {
        width: 130px;
    }

    .howto-hair-item-img-type03 {
        width: 114px;
    }

    .howto-hair-item-img-type04 {
        width: 130px;
    }




    .sec-howto-hair {
        padding: 0 0 80px;
        background: url(../../img/knowenjoy/hairstyle_wrap_bg_pc.png) center center repeat;
        background-size: 66px 68px;
        width: 100%;
        text-align: center;
    }

    .howto-hair-inner {
        width: 1024px;
        margin: 0 auto;
    }

    .howto-hair-point {
        margin: 0 0;
        background-image: url(../../img/knowenjoy/hairstyle_point_bg_t_pc.png), url(../../img/knowenjoy/hairstyle_point_bg_b_pc.png);
        background-size: 1024px 46px, 1024px 60px;
        background-repeat: no-repeat, no-repeat;
        background-position: 0 top, 0 bottom;
        padding: 0 0 54px;
        width: 1024px;
    }

    .howto-hair-point-inner {
        margin: 0 20px 2px 26px;
    }

    .howto-hair-point-img {
        margin-bottom: 0;
        width: 208px;
        float: left;
    }

    .howto-hair-point-txt {
        width: 732px;
        float: right;
        background-image: url(../../img/knowenjoy/hairstyle_point_bg_txt_pc.png), url(../../img/knowenjoy/hairstyle_point_bg_txt_pc.png);
        background-size: 732px 40px, 732px 40px;
        background-repeat: no-repeat, no-repeat;
        background-position: 0 top, 0 bottom;
        padding: 68px 2px 74px;
        margin-top: 26px;
    }

    .howto-hair-point-txt p {
        line-height: 1.6;
        color: #333;
        font-size: 18px;
    }

    .hairstyle-detail {
        width: 1024px;
        margin: 0 auto;
        padding-bottom: 45px;
    }

    .m-hairstyle-detail-img {
        border: 1px solid #dfd767;
        margin: 0;
        width: 464px;
        float: left;
    }

    .m-hairstyle-detail-info {
        float: right;
        width: 488px;
        margin-right: 22px;
    }


    .m-hairstyle-detail-tit {
        line-height: 1.3;
        font-size: 20px;
        padding: 11px 25px 11px;
        margin-bottom: 20px;
    }

    .m-hairstyle-detail-before-after {
        margin-bottom: 20px;
    }

    .m-hairstyle-detail-after-txt-wrap {
        margin: 0 10px 10px 70px;
    }

    .m-hairstyle-detail-after-txt {
        display: table;
        width: 100%;
        color: #222;
        font-size: 15px;
    }

    .m-hairstyle-detail-after-txt-l {
        display: table-cell;
        width: 75px;
        text-align: center;
    }

    .m-hairstyle-detail-after-txt-l div {
        background: #dec59e;
        padding: 0 0;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
        -o-border-radius: 16px;
        -ms-border-radius: 16px;
        border-radius: 16px;
        line-height: 1.4;
    }

    .m-hairstyle-detail-after-txt-r {
        display: table-cell;
        padding: 4px 10px;
        line-height: 1.4;
    }

    .hairstyle-detail .m-hairstyle-item-item {
        width: 100%;
    }

    .hairstyle-detail .m-hairstyle-item-item li {
        float: left !important;
        margin-right: 10px;
    }
    /*********/
    .sec-recommend-hair {
        background: url(../../img/knowenjoy/hair_rec_bg.png) repeat;
        background-size: 10px 10px;
        padding-bottom: 45px;
        font-family: "游ゴシック", "YuGothic", sans-serif, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, serif;
    }

    .sec-recommend-hair .tit-type01-ja {
        line-height: 1;
    }

    .m-txt-recommend-end {
        font-size: 16px;
        line-height: 1;
        text-align: center;
        margin: 0 0 35px;
    }


    .m-knowenjoy-recommend-items {
        width: 1050px;
        margin: 0 auto 30px;
    }

    .m-knowenjoy-recommend-items li {
        width: 326px;
        margin: 0 12px 15px;
        float: left;
    }
    /****小泉成器にて追記*****/
    .m-knowenjoy-recommend-items-num1 li {
        margin: 0 12px 15px 360px;
    }

    .m-knowenjoy-recommend-items-num2 li:first-child {
        margin: 0 12px 15px 187px;
    }

    .m-knowenjoy-recommend-items li:last-child {
        margin-bottom: 15px;
    }

    .m-knowenjoy-recommend-items li a {
        display: block;
        width: 100%;
        background: #efd9ed;
        position: relative;
    }

    .m-knowenjoy-recommend-item-img {
        background: #fff;
        padding: 55px 0 15px 0;
        padding: 40px 0 15px 0;
        text-align: center;
        width: 100%;
        display: block;
    }

    .m-knowenjoy-recommend-item-img img {
        width: 258px;
        height: auto;
        max-width: 258px;
        margin: 0 auto;
    }

    .m-knowenjoy-recommend-item-info {
        padding: 18px 22px 18px 22px;
        width: 100%;
        display: block;
        vertical-align: middle;
    }

    .m-knowenjoy-recommend-item-info-name {
        font-size: 14px;
        margin-bottom: 6px;
        line-height: 1.2;
    }

    .m-knowenjoy-recommend-item-info-number {
        font-size: 18px;
        line-height: 1.2;
    }


    .m-knowenjoy-recommend-items li a .m-icon-items {
        position: absolute;
        top: 15px;
        left: 10px;
    }
    /*********/
    .m-tit-hairstyle {
        font-size: 28px;
        background: url(../../img/knowenjoy/hair_tit_bg_pc.png) center center repeat;
        background-size: 66px 107px;
        height: 107px;

        margin-bottom: 72px;
        font-weight: normal;
    }

    .hairstyle-wrap {
        padding: 70px 0 10px;
        background: url(../../img/knowenjoy/hairstyle_wrap_bg_pc.png) center center repeat;
        background-size: 66px 68px;
    }

    .m-hairstyle-items {
        margin: 0 auto;
        width: 978px;
    }

    .m-hairstyle-items li:nth-child(odd) {
        float: left;
    }

    .m-hairstyle-items li:nth-child(even) {
        float: right;
    }

    .m-hairstyle-item {
        margin-bottom: 25px;
        width: 478px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
    }

    .m-hairstyle-item a {

        padding: 25px 20px 20px;
    }

    .m-hairstyle-item-tit {
        font-size: 20px;
        text-align: center;
        color: #ea68a2;
        line-height: 1.6;
        border-bottom: 1px solid #ea68a2;
        padding: 0 0 6px 0;
        margin-bottom: 12px;
    }

    .m-hairstyle-item-txt {
        text-align: left;
        margin: 0 16px 12px;
        line-height: 1.6;
        font-size: 16px;
    }

    .m-hairstyle-item-img {
        width: 312px;
        height: 315px;
        margin: 0 auto 12px;
        padding-bottom: 0;
        background: url(../../img/knowenjoy/hair_hairstyle_img_bg_pc.png) 0 0 no-repeat;
        background-size: cover;
        position: relative;
    }

    .m-hairstyle-item-img-inner {
        position: absolute;
        top: 23px;
        left: 30px;
        width: 252px;
        height: 268px;
        overflow: hidden;
    }

    .m-hairstyle-item-img img {
        width: 252px;
        height: 268px;
    }

    .m-hairstyle-item-item {
        margin: 0 auto;
        width: 306px;
    }

    .m-hairstyle-item-item li {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        width: 148px;
        margin-bottom: 10px;
        padding: 6px 6px;
    }

    .m-hairstyle-item-item li div {
        font-size: 12px;
        line-height: 1.2;
    }

    .m-hairstyle-item-item li {
        margin: 0 0 10px;
    }
    /***/
    .sec-campaign-event {
        padding-bottom: 80px;
        background: #fffaf1;
        font-family: "游ゴシック", "YuGothic", sans-serif, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, serif;
    }

    .m-campaign-wrap {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
    }

    .m-campaign-wrap-mt {
        background: url(../../img/knowenjoy/campaign_event_bg_pc.png) center top no-repeat;
        background-size: 980px 12px;
        margin-top: 35px;
        padding-top: 50px;
    }

    .m-campaign-l {
        margin-bottom: 0;
        width: 472px;
        float: left;
    }

    .m-campaign-l img {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

    .m-campaign-r {
        width: 490px;
        float: right;
        /*
	position:relative;
	min-height:266px;
	*/
    }

    .m-campaign-wrap-reverse .m-campaign-l {
        float: right;
    }

    .m-campaign-wrap-reverse .m-campaign-r {
        float: left;
    }

    .m-campaign-tit {
        font-size: 23px;
        padding: 5px 12px 6px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .m-campaign-txt {
        font-size: 16px;
        line-height: 1.6;
        margin: 0 12px;
        word-wrap: break-word;
        word-break: break-all;
    }

    .m-campaign-btn {
        text-align: left;
        /*
	position:absolute;
	bottom:0;
	*/
        margin-top: 18px;
    }

    .m-campaign-btn a {
        margin: 0 0 0 12px;
        text-align: center;
        width: 272px;
        padding: 8px 0;
        background: #043d78;
        color: #fff;
        font-size: 16px;
        line-height: 1.4;
    }

    .sec-recommend-knowenjoy {
        background: url(../../img/knowenjoy/knowenjoy_rec_bg.png) repeat;
        background-size: 10px 10px;
        padding-bottom: 25px;
        font-family: "游ゴシック", "YuGothic", sans-serif, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, serif;
    }


    .recommend-knowenjoy-items {
        margin-left: auto;
        margin-right: auto;
        width: 980px;
    }

    .recommend-knowenjoy-items li {
        width: 478px;
        background: #fff;
        margin-bottom: 20px;
    }

    .recommend-knowenjoy-items li:nth-child(odd) {
        float: left;
    }

    .recommend-knowenjoy-items li:nth-child(even) {
        float: right;
    }

    .recommend-knowenjoy-items li a {
        border-radius: 8px;

        padding: 20px 20px 40px;
    }

    .recommend-knowenjoy-item-img {
        margin-bottom: 12px;
    }

    .recommend-knowenjoy-item-txt {
        font-size: 16px;
        line-height: 1.8;
        margin: 0 2px;
    }

    .recommend-knowenjoy-item-btn {
        text-align: center;
        margin-top: 26px;
        font-size: 14px;
    }

    .recommend-knowenjoy-item-btn a,
    .recommend-knowenjoy-item-btn span {
        width: 272px;
        padding: 8px 0;
        color: #fff;
        font-size: 14px;
    }
    /********/
    .article-news a:hover,
    .faq-item-answer-inner a:hover {
        text-decoration: none !important;
    }

    .sec-policy-wrap {
        padding-top: 20px;
        padding-bottom: 40px;
        width: 960px;
        margin: 0 auto;
    }


    .sec-policy {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .txt-main-policy {
        margin: 0 auto 40px;
    }

    .policy-items {
        margin: 0 30px 0 30px;
        padding: 15px 0 0 0;
    }

    .policy-items li {
        font-size: 13.5px;
        margin-bottom: 10px;
    }

    a.link-blank {
        background: url(../img/icon_blank.png) right 2px no-repeat;
        background-size: 12px 10px;
        padding: 0 16px 0 0;
    }

    a:hover.link-blank {
        text-decoration: none;
    }


    .m-pickup-recipe {
        margin: 0 0 0;
    }

    .sec-lineup-bottom {
        padding-top: 30px;
        padding-bottom: 30px;
        width: 960px;
        margin: 0 auto;
    }

    .lineup-bottom-tit {
        font-size: 20px;
        margin-bottom: 20px;
        padding: 4px 0 4px 13px;
    }


    .lineup-bottom-txt {
        line-height: 1.6;
        font-size: 15px;
        padding: 0 20px;
        margin-bottom: 35px;
    }


    .btn-lineup-download {
        text-align: center;
    }

    .btn-lineup-download a {
        display: block;
        width: 432px;
        height: 75px;
        margin: 0 auto;
        background: url(../img/icon_support_download_sp.png) 20px center no-repeat;
        background-size: 50px 50px;
        color: #043d78;
        font-size: 16px;
        line-height: 1.6;
        border: 2px solid #043d78;
        display: table;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        padding: 0;
    }

    .btn-lineup-download a span {
        display: table-cell;
        vertical-align: middle;
    }

    .btn-safety a.btn-pdf:after {
        top: 8px;
        left: 8px;
    }

    .safety-recycling {
        line-height: 1.6;
        font-size: 14px;
        color: #222222;
        text-align: left;
        border: 2px solid #e1e1e1;
        padding: 16px 20px;
        margin-bottom: 24px;
        background: #f9f9f9;
    }

    .page-safety .annotation-items {
        margin: 0 20px;
    }

    .page-safety .annotation-items li {
        font-size: 14px;
    }

    .btn-safety.btn-safety-bottom {
        margin-bottom: 40px;
    }

    .hack-table {
        margin-bottom: 0;
        border-top: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
        display: table;
        width: 100%;
    }

    .hack-table.hack-table-no-border {
        border-top: none;
    }

    .sec-txt.sec-txt-bottom {
        margin-bottom: 26px;
    }

    .hack-td,
    .hack-th {
        border-bottom: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
        padding: 20px 20px;
        line-height: 1.4;
        font-size: 15px;
        display: table-cell;
        vertical-align: middle;
    }

    .hack-th {
        text-align: left;
        background: #f9f9f9;
        padding: 20px 20px;
        width: 340px;
    }

    .hack-td.btn-pdf {
        width: 294px;
    }

    .btn-pdf a {
        display: block;
        margin: 0 0;
        background: #043d78;
        padding: 7px 0;
        text-align: center;
        color: #fff;
        font-size: 11px;
        position: relative;
    }


    .safety-code-plug {
        margin: 0 18px;
    }

    .safety-code-plug-r {
        margin-bottom: 0;
        width: 420px;
        float: right;
    }

    .safety-code-plug-l {
        width: 510px;
        float: left;
    }

    .safety-code-plug-l ul {
        margin: 0 0;
    }

    .safety-code-plug-l ul li {
        background: url(../img/circle_20_purple.png) 0 5px no-repeat;
        background-size: 10px 10px;
        padding: 0 0 0 18px;
        line-height: 1.5;
        font-size: 13.5px;
        margin-bottom: 10px;
    }

    .caution-code-plug {
        margin: 5px 0 30px;
        background: url(../img/icon_caution.png) 35px center no-repeat #f9f9f9;
        background-size: 50px 48px;
        padding: 22px 0 22px 0;
        line-height: 1.8;
        font-size: 16px;
        border: 3px solid #e1e1e1;
    }

    .sec-safety {
        width: 978px;
        margin: 0 auto;
        padding-bottom: 70px;
    }

    .sec-safety-inner {
        padding: 0 0 30px;
    }

    .sec-safety-inner-50 {
        padding: 0 0 50px;
    }

    .sec-txt {
        line-height: 1.6;
        font-size: 14px;
        margin: 0 20px;
    }

    .safety-inspection-l {
        text-align: center;
        margin-bottom: 0;
        width: 98px;
        float: left;
    }

    .safety-inspection-r {
        width: 880px;
        float: right;
    }

    .btn-safety-lead {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 20px;
        text-align: center;
    }

    .btn-safety {
        margin: 0 auto 0;
        display: table;
        width: 372px;
        padding: 0 0;
        height: 76px;
    }

    .btn-safety a {
        display: block;
        border: 2px solid #043d78;
        font-size: 16px;
        color: #043d78;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        line-height: 1.6;
        display: table-cell;
        vertical-align: middle;
        height: 76px;
    }

    .btn-safety a:after {
        top: 8px;
        right: 8px;
    }


    .m-support-index-items {
        padding: 0 0;
        margin: 0 0 20px;
        position: relative;
        top: -5px;
    }

    .m-support-index-items li {
        float: left;
    }

    .m-support-index-items li:nth-child(odd) {
        width: 48%;
    }

    .m-support-index-items li:nth-child(even) {
        width: 52%;
        float: right;
    }

    .m-support-index {
        width: 978px;
        margin: 20px auto 55px;
    }

    .m-support-index-l {
        width: 478px;
        float: left;
        margin-bottom: 0;
    }

    .m-support-index-r {
        width: 478px;
        float: right;
        margin-bottom: 0;
    }

    .m-support-common-link {
        display: table;
        width: 100%;
        height: 78px;
        margin-bottom: 25px;
    }

    .m-support-common-link a {
        font-size: 18px;
        padding: 0 10px 0 85px;
        line-height: 1.4;
    }

    .m-support-common-link a:after {
        right: 10px;
    }

    .m-support-common-link a:before {
        left: 10px;
        margin-top: -25px;
        width: 50px;
        height: 50px;
    }

    .m-support-common-link.m-support-contact a:before {
        background: url(../img/icon_support_contact_sp.png) 0 0 no-repeat;
        background-size: 50px 50px;
    }

    .m-support-common-link.m-support-repair a:before {
        background: url(../img/icon_support_repair_sp.png) 2px 0 no-repeat;
        background-size: 50px 50px;
    }

    .m-support-common-link.m-support-faq a:before {
        background: url(../img/icon_support_faq_sp.png) 0 0 no-repeat;
        background-size: 50px 50px;
    }

    .m-support-common-link.m-support-safety a:before {
        background: url(../img/icon_support_safety_sp.png) 0 0 no-repeat;
        background-size: 50px 50px;
    }

    .m-support-common-link.m-support-catalog-download a:before {
        background: url(../img/icon_support_c_download_sp.png) 1px 0 no-repeat;
        background-size: 50px 50px;
    }

    .m-support-common-link.m-support-download a:before {
        background: url(../img/icon_support_download_sp.png) 3px 0 no-repeat;
        background-size: 50px 50px;
    }

    .m-support-common-link.m-support-end a:before {
        background: url(../img/icon_support_end_product_sp.png) 0 0 no-repeat;
        background-size: 50px 50px;
    }

    .m-support-common-link.m-support-important a:before {
        background: url(../img/icon_support_inportant_sp.png) 0 0 no-repeat;
        background-size: 50px 50px;
    }

    .m-products-index {
        width: 978px;
        margin: 30px auto 15px;
    }

    .m-products-index section {
        margin-bottom: 35px;
        width: 478px;
    }


    .m-products-index section:nth-child(odd) {
        float: left;
    }

    .m-products-index section:nth-child(even) {
        float: right;
    }

    .m-products-index-tit {
        padding-bottom: 15px;
        margin-bottom: 30px;
        font-size: 18px;
    }

    .m-products-index-tit span {
        margin-top: 10px;
        font-size: 13px;
    }

    .m-products-index-img {
        width: 224px;
        margin: 0 auto 30px;
    }

    .m-products-index-cat a {
        display: block;
        background: url(../img/circle_20_purple.png) 0 center no-repeat;
        background-size: 10px 10px;
        padding: 4px 0 4px 16px;
        margin: 0 0 4px;
        font-size: 16px;
    }

    .m-products-index-items {
        margin: 0 0 0px;
    }

    .m-products-index-items li {
        float: left;
        width: 50%;
    }

    .m-products-index-items li a {
        padding: 6px 10px 6px 14px;
        font-size: 13px;
        background: url(../img/arrow_l_8_12_b.png) 3px 12px no-repeat;
        background-size: 4px 6px;
        line-height: 1.4;
    }

    .sec-search {
        padding: 0 0 90px;
    }

    .m-pager {
        margin-top: 10px;
    }

    .m-pager div {
        margin: 0 6px;
        font-size: 12px;
        height: 30px;
    }

    .m-pager div span,
    .m-pager div a {
        width: 30px;
    }

    .m-pager div.next span,
    .m-pager div.next a .m-pager div.prev span,
    .m-pager div.prev a {
        width: 52px;
    }

    .tit-search-result {
        font-size: 16px;
    }

    .m-catalog-items {
        width: 968px;
        margin: 0 auto 40px;
    }

    .m-catalog-items li {
        margin-bottom: 35px;
        text-align: center;
        width: 272px;
        float: left;
        margin-right: 76px;
    }

    .m-catalog-items li:nth-child(3n) {
        margin-right: 0;
    }

    .m-catalog-items li:last-child {
        margin-bottom: 35px;
    }

    .m-catalog-items li a {
        display: block;
        padding: 20px 0 25px;
        -webkit-box-shadow: 0px 20px 24px -18px rgba(102, 102, 102, 0.5);
        -moz-box-shadow: 0px 20px 24px -18px rgba(102, 102, 102, 0.5);
        box-shadow: 0px 20px 24px -18px rgba(102, 102, 102, 0.5);
        position: relative;
        top: 0;
    }

    .catalog-item-img {
        margin: 0 auto 16px;
        width: auto;
        height: 190px;
    }

    .catalog-item-img img {
        width: auto;
        height: 190px;
        border: 1px solid #e0e0e0;
    }

    .catalog-item-name {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .catalog-item-date {
        font-size: 16px;
        margin-bottom: 16px;
    }


    .catalog-item-pdf {
        background: url(../img/icon_pdf_sp.png) 40px center no-repeat #043d78;
        background-size: 18px 18px;
        font-size: 14px;
        position: relative;
        padding: 6px 0;
    }

    .btn-search-result-pdf a,
    .btn-search-result a {
        font-size: 14px;
        position: relative;
        padding: 7px 0;
    }

    .btn-search-result a {
        background: url(../img/arrow_l_8_12_w.png) 52px center no-repeat #043d78;
        background-size: 6px 9px;
    }

    .btn-search-result-pdf a {
        background: url(../img/icon_pdf_pc.png) 48px center no-repeat #043d78;
        background-size: 18px 18px;
    }

    body.page-search .catalog-item-pdf {
        margin: 0 26px 0;
    }

    .m-tit-404 {
        margin: 30px 0 16px;
        font-size: 26px;
    }

    .m-txt-404 {
        margin: 0 0 35px;
        text-align: center;
        line-height: 1.4;
        font-size: 16px;
    }

    .m-404-items {
        width: 688px;
        margin: 90px auto 100px;
    }

    .m-404-items li {
        width: 312px;
        margin-bottom: 0;
        float: left;
    }

    .m-404-items li:first-child {
        float: left;
    }

    .m-404-items li:last-child {
        float: right;
    }

    .m-404-items li a {
        display: block;
        border: 2px solid #043d78;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        padding: 26px 0;
        font-size: 16px;
    }

    .m-404-items li:nth-child(1) a {
        background: url(../img/icon_home.png) 26px center no-repeat;
        background-size: 32px 32px;
    }

    .m-404-items li:nth-child(2) a {
        background: url(../img/icon_back.png) 26px center no-repeat;
        background-size: 32px 32px;
    }


    .m-tit-series {
        margin: 35px auto 40px;
        width: 1024px;
    }

    body.page-series .m-mainTit {
        padding: 68px 0 0;
    }

    .m-search-contents {
        width: 100%;
        text-align: center;
    }

    .m-search-contents-inner {
        width: 688px;
        margin: 40px auto 10px;
        height: 40px;
    }

    body.page-search .m-search-contents-inner {
        margin: 30px auto 90px;
    }


    body.page-endProduct .m-search-contents-inner {
        /*margin:60px auto 35px;*/
    }

    body.page-endProduct .search-contents-txt {
        padding-bottom: 50px;
    }

    .search-contents-form {}

    .search-contents-input {
        background: #fff;
        height: 44px;
        padding: 4px 30px;
        position: absolute;
        top: 0;
        left: 0;
        border: 3px solid #e3e3e3;
        width: 641px;
        font-size: 16px;
    }

    .search-contents-submit {
        position: absolute;
        top: 0;
        right: 0;
        width: 47px;
        height: 44px;
        background: url(../img/icon_search_pc.png) center center no-repeat;
        cursor: pointer;
        text-indent: -9999px;
    }

    .search-contents-txt {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 0;
    }

    .btn-download-pdf-close {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .btn-download-pdf-close a {
        display: inline-block;
        font-size: 19px;
        background: url(../img/icon_close_toggle.png) left 1px no-repeat;
        background-size: 26px 24px;
        padding: 2px 0 2px 30px;
        height: 24px;
    }

    .feature-item {
        width: 978px;
        margin: 20px auto 55px auto;
    }

    .feature-item-tit {
        font-size: 24px;
        padding-bottom: 12px;
        line-height: 1;
        margin-bottom: 30px;
    }

    .feature-item-layout {
        margin: 0 0 0 30px;
        width: 100%;
        padding: 0 10px;
    }

    .feature-item-img {
        width: 272px;
        float: left;
        margin-bottom: 0;
        display: table-cell;
    }

    .feature-item-img img {
        border: 3px solid #fff;
    }

    .feature-item-txt {
        width: 644px;

        min-height: 200px;
        float: right;
        display: table;
    }

    .feature-item-txt-inner {
        display: table-cell;
        padding: 0 30px 0 0;
        vertical-align: middle;
    }

    .feature-item-txt p {
        font-size: 17px;
        line-height: 1.6;
    }

    .sec-download-pdf {
        margin: 0 auto;
        padding: 20px 0;
        width: 980px;
    }

    .btn-toggle-download-pdf {
        text-align: center;
    }

    .btn-toggle-download-pdf a {
        display: block;
        width: 938px;
        margin: 0 auto;
        padding: 20px;
        font-size: 16px;
    }

    .btn-toggle-download-pdf a div {
        margin: 10px 0 0 0;
    }

    .btn-toggle-download-pdf a div span {
        display: inline-block;
        font-size: 20px;
        line-height: 1;
        position: relative;
    }

    .btn-toggle-download-pdf a span:after {
        margin-top: -11px;
        margin-left: -32px;
        background: url(../img/icon_arrow_down.png) 0 0 no-repeat;
        background-size: 26px 26px;
        width: 26px;
        height: 26px;
    }

    .btn-toggle-download-pdf.active a span:after {
        background: url(../img/icon_arrow_up.png) 0 0 no-repeat;
        background-size: 26px 26px;
    }

    .download-pdf-contents {
        display: none;
        margin: 0 46px;
    }

    .download-pdf-contents-inner {
        padding: 20px 0 10px;
        color: #333;
        font-size: 13px;
    }

    .download-pdf-contents-tit {
        margin-bottom: 20px;
        line-height: 1.4;
    }

    .download-pdf-contents-items dt {
        line-height: 1.4;
        margin-bottom: 6px;
    }

    .download-pdf-contents-items dd {
        line-height: 1.6;
        margin-bottom: 20px;
    }

    .download-pdf-contents-items dd ol li {
        margin-bottom: 6px;
    }

    .download-pdf-bottom-txt {
        margin: 40px 0 12px;
        text-align: center;
        font-size: 17px;
        line-height: 1.6;
    }

    .download-pdf-bottom-txt-annotation {
        margin: 0 0;
        text-align: center;
        font-size: 14px;
        line-height: 1.4;
    }

    .m-purchase-annotation-items {
        width: 978px;
        margin: 0 auto 0;
        padding: 10px 0 0 0;
        background: none;
    }
    /*
.m-purchase-annotation-items.line-01{
	padding-top:160px;
}
*/
    /*
.m-purchase-annotation-items.line-02{
	padding-top:250px;
}
*/
    .m-spec-annotation-items {
        margin: 20px auto 0;
        width: 938px;
    }


    .m-icon-items {
        margin-bottom: 10px;
    }

    .m-icon-items div {
        width: 38px;
        height: 38px;
        float: left;
        margin-right: 10px;
    }

    .icon-new {
        background: url(../img/icon_new_pc.png) 0 0 no-repeat;
        background-size: 38px 38px;
    }

    .icon-stock {
        background: url(../img/icon_stock_pc.png) 0 0 no-repeat;
        background-size: 38px 38px;
    }

    .icon-limit {
        background: url(../img/icon_limit_pc.png) 0 0 no-repeat;
        background-size: 38px 38px;
    }

    .m-purchase-date {
        width: 200px;
        font-size: 14px;
        margin: 0 0 10px;
    }

    .sec-purpose {
        padding-bottom: 42px;
    }

    .m-purpose-items {
        margin: 0 auto;
        width: 1024px;
        position: relative;
        z-index: 100;
    }

    .m-purpose-items li {
        float: left;
        margin-right: 13px;
        margin-bottom: 12px;
        width: 246px;
        height: 246px;
        -moz-border-radius: 123px;
        -webkit-border-radius: 123px;
        -o-border-radius: 123px;
        -ms-border-radius: 123px;
        border-radius: 123px;
        overflow: hidden;
    }

    .m-purpose-items li:nth-child(4n) {
        margin-right: 0;
    }

    .m-purpose-items li:nth-child(odd) {
        width: 246px;
        float: left;
    }

    .m-purpose-items li:nth-child(even) {
        width: 246px;
        float: left;
    }

    .purpose-item-img img {
        -moz-border-radius: 123px;
        -webkit-border-radius: 123px;
        -o-border-radius: 123px;
        -ms-border-radius: 123px;
        border-radius: 123px;
    }

    .m-purpose-items li a {
        width: 246px;
        height: 246px;
        -moz-border-radius: 123px;
        -webkit-border-radius: 123px;
        -o-border-radius: 123px;
        -ms-border-radius: 123px;
        border-radius: 123px;
        padding-bottom: 0;
    }

    .purpose-item-txt-cover {
        top: 162px;
    }

    .purpose-item-txt-ja {
        font-size: 23px;
        letter-spacing: 0em;
        margin-top: 0;
        top: 175px;
    }

    .purpose-item-txt-en {
        font-size: 14px;
        margin-top: 0;
        top: 208px;
    }

    .m-productsTit {
        padding: 30px 0 42px;
    }


    .m-productsTit-ja {
        font-size: 50px;
        margin-bottom: 24px;
    }

    .m-productsTit-en {
        font-size: 24px;
    }

    .m-item-logo {
        padding: 44px 0 44px 0;
    }

    .sec-detail-purchase {
        padding: 34px 0 110px;
        padding: 34px 0 40px;
    }

    .m-tit-purchase {
        width: 978px;
        width: 1022px;
        margin: 0 auto 26px;
        padding: 0;
    }



    .m-purchase-slide {
        width: 640px;
        height: 490px;
        padding: 20px;
    }

    .m-purchase-slide ul.slides {
        width: 600px;
        height: 450px;
    }
    /*
.icon-new{
	background:url(../img/icon_new_pc.png) 0 0 no-repeat;
	background-size:38px 38px;
	width:38px;
	height:38px;
}

.m-tit-purchase .icon-new{

	margin-bottom:10px;
}
*/
    .tit-purchase-name {
        font-size: 24px;
        margin-bottom: 0px;
        line-height: 1;
    }

    .tit-purchase-number {
        font-size: 36px;
        line-height: 1.4;
        top: -5px;
    }

    .tit-purchase-end {
        font-size: 18px;
        margin-top: 2px;
    }

    .m-purchase-layout {
        width: 978px;
        width: 1022px;
        margin: 0 auto;
        position: relative;
        top: -10px;
        overflow: visible;
    }

    .m-purchase-l {
        margin-bottom: 0;
        width: 640px;
        float: left;
        height: 630px;
        padding: 0 0 60px 0;
        padding: 0 0 0 0;
        visibility: hidden;
    }

    .m-purchase-r {
        margin-bottom: 0;
        padding: 0;
        background: none;
        width: 350px;
        float: right;
    }

    .m-purchase-sp-bg {
        padding: 0;
        background: none;
    }

    .m-purchase-info {
        line-height: 1.6;
        font-size: 17px;
        margin: 0 0 14px;
        position: relative;
        width: 360px;
        letter-spacing: 0;
    }

    .m-purchase-info br {
        display: inline;
    }

    .m-purchase-code {
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 14px;
    }

    .m-purchase-banner {
        width: 350px;
        margin: 0 auto;
    }

    .m-purchase-banner li {
        margin-bottom: 6px;
    }

    .sec-feature {
        padding: 0 0 55px;
    }

    .sec-function {
        padding: 0 0 55px;
    }

    .m-function-items {
        margin: 0 auto 30px;
        width: 1022px;
    }

    .m-function-items li {
        width: 245px;
        background: #fff;
        float: left;
        margin-bottom: 15px;
        margin-right: 14px;
    }

    .m-function-items li:nth-child(odd) {
        width: 245px;
        float: left;
    }

    .m-function-items li:nth-child(even) {
        width: 245px;
        float: left;
    }

    .m-function-items li:nth-child(4n) {
        margin-right: 0;
    }

    .m-function-items li:last-child {
        margin-bottom: 15px;
    }

    .function-item-info {
        padding: 15px 0 25px;
    }

    .function-item-info-tit {
        margin: 0 12px 12px;
        font-size: 16px;
        line-height: 1.6;
    }

    .function-item-info-txt {
        font-size: 15px;
        line-height: 1.6;
        margin: 0 12px;
    }


    .sec-howto {
        padding: 0 0 55px;
    }

    .sec-howto-contents {
        width: 1025px;
        margin: 0 auto;
    }

    .m-howto-items {
        margin: 0 auto 30px;
        width: 1025px;
        padding-top: 10px;
    }

    .m-howto-items li {
        margin-bottom: 24px;
        margin-right: 16px;
        width: 244px;
        float: left;
        display: block;
    }

    .m-howto-items li:nth-child(4n) {
        margin-right: 0;
    }

    .m-howto-items li:last-child {
        margin-bottom: 24px;
    }

    .howto-item-img {
        margin-bottom: 20px;
        display: block;
        width: 100%;
    }

    .howto-item-info {
        display: block;
        padding: 0;
        width: 100%;
    }

    .howto-item-img img {
        width: 244px;
        height: 244px;
        /*
	-moz-border-radius: 122px;
	-webkit-border-radius: 122px;
	-o-border-radius: 122px;
	-ms-border-radius: 122px;	
	border-radius: 122px;
	*/
    }

    .howto-item-tit {
        line-height: 1.6;
        font-size: 15px;
        background: url(../img/circle_10_purple.png) 0 7px no-repeat;
        background-size: 10px 10px;
        padding: 0 0 0 18px;
        margin-bottom: 10px;
    }

    .howto-item-txt {
        line-height: 1.6;
        font-size: 15px;
    }


    .m-img {
        width: 800px;
        margin: 60px auto 0;
        text-align: center;
    }

    .m-img img {
        margin: 0 auto;
    }

    .m-movie {
        margin: 60px 0 0;
        text-align: center;
    }

    .m-movie-inner {
        width: 800px;
        height: 450px;
        margin: 0 auto;
        padding-bottom: 0;
        background: #333;
        position: relative;
    }



    .sec-spec {
        padding-bottom: 55px;
        background: url(../img/border_4_1_pc.png) 0 top repeat-x #fff;
        background-size: 4px 1px;
    }

    .m-spec-table {
        margin: 0 auto;
        width: 978px;
        overflow: visible;
    }

    .sec-spec table th,
    .sec-spec table td {
        padding: 15px 20px;
        font-size: 15px;
    }

    .sec-spec table th {
        /*
	width:487px;
	*/
        font-weight: 500;
    }

    .sec-pickup {
        padding-bottom: 40px;
        background: url(../img/border_4_1_pc.png) 0 top repeat-x #f9f9f9;
        background-size: 4px 1px;
    }

    .m-pickup-items {
        margin: 0 auto;
        width: 1022px;
    }

    .m-pickup-layout {
        margin: 0 auto;
        width: 1022px;
    }

    .m-pickup-layout-l {
        width: 504px;
        float: left;
        margin-bottom: 0;
    }

    .m-pickup-layout-r {
        width: 504px;
        float: right;
    }

    .m-pickup-layout .m-pickup-items {
        margin: 0 0;
        width: 504px;
    }


    .page-kitchen .m-pickup-items li:last-child {
        margin-bottom: 0;
        margin-right: 0;
    }

    .m-pickup-items li {
        margin-bottom: 15px;
        margin-right: 14px;
        width: 245px;
        float: left;
        overflow: hidden;
    }

    .m-pickup-items li:nth-child(4n) {
        margin-bottom: 0;
        margin-right: 0;
    }

    .m-pickup-items li a {
        background: #f0f0f0;
    }

    .m-pickup-item-img {
        background: #fff;
        padding: 50px 11px 25px;
        padding: 45px 11px 15px;
        text-align: center;
        overflow: hidden;
        width: 100%;
        float: none;
    }

    .m-pickup-item-img img {
        width: 224px;
        height: auto;
        /*height:168px;*/
        max-width: auto;
    }

    .m-pickup-item-info {
        padding: 12px 14px 16px;
        line-height: 1.6;
        float: none;
        width: 100%;
    }

    .m-pickup-item-info-name {
        font-size: 12px;
        margin-bottom: 2px;
    }

    .m-pickup-item-info-number {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .m-pickup-item-info-txt {
        font-size: 13px;
    }


    .m-pickup-items li a .m-icon-items {
        position: absolute;
        top: 8px;
        left: 8px;
    }

    .confirm-items {
        padding: 60px 0 100px;
        margin: 0 auto;
        width: 960px;
    }

    a.link-normal:hover {
        text-decoration: none;
    }
    /* contact */
    .sec-contact {
        margin: 0 0 0 0;
        width: 978px;
        margin: 0 auto;
        padding-bottom: 20px;
    }


    .sec-contact-contents {
        margin: 0 0;
    }

    .sec-contact-contents-inner {
        padding-bottom: 25px;
    }

    .sec-contact-contents-inner.last {
        padding-bottom: 70px;
    }

    .m-news-contact {
        margin: 25px auto 20px auto;
        width: 978px;
        border: 3px solid #e60012;
        padding: 5px 20px;
    }

    .m-navdial {
        background: url(../img/icon_nav_sp.png) left 5px no-repeat;
        background-size: 60px 36px;
        display: inline-block;
        padding: 0 0 0 70px;
        font-size: 44px;
        color: #333;
        margin-bottom: 36px;
        margin: 0 auto 36px;
    }

    .m-navdial span {
        font-size: 20px;
        padding: 12px 0 0 0;
    }

    .tel-big{
        font-size: 20px;
        padding:0 3px;
        position: relative;
        top: 1px;
    }

    .m-contact-info.m-contact-info-next {
        border-top: dashed 1px #8fabe4;
        padding-top: 50px;
        margin-top: 35px;
    }

    .contact-info-name {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .contact-info-add {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .contact-info-support {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .btn-pageTop {
        bottom: 80px;
        right: 80px;
        opacity: 1;
    }

    .btn-pageTop a {
        display: block;
        background: url(../img/btn_page_top_pc.png) 0 0 no-repeat #043d78;
        background-size: 48px 48px;
        width: 48px;
        height: 48px;
        -moz-border-radius: 24px;
        -webkit-border-radius: 24px;
        -o-border-radius: 24px;
        -ms-border-radius: 24px;
        border-radius: 24px;
        transition: all .3s;
    }

    .btn-pageTop a:hover {
        background: url(../img/btn_page_top_pc.png) 0 2px no-repeat #043d78;
        opacity: 0.8;
        width: 48px;
        height: 52px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
    }
    /*
body.page-index .l-header-nav ul li:nth-child(1) a{
	color:#6a93e8;
}
*/
    body.search-acive .cover-layer,
    body.menu-acive .cover-layer {
        display: none;
    }
    /* download */
    .m-tab-items {
        position: relative;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .m-tab-items ul {

        margin: 30px 0 0;
        float: left;
        left: 50%;
        top: 0;
    }

    .m-tab-items ul li {
        position: relative;
        left: -50%;
        width: 50%;
        float: left;
        margin: 0 5px 0;
        display: block;
        width: 160px;
        display: table;
    }

    .m-tab-items ul li:nth-child(odd) {
        float: left;
    }

    .m-tab-items ul li:nth-child(even) {
        float: left;
    }

    .m-tab-items ul li a {
        height: 60px;
        font-size: 16px;
        position: relative;
    }

    .tab-item-sub {
        font-size: 14px;
        margin-top: 6px;
    }

    .m-tab-items ul li.active a {
        background: #e7e8ee;
    }

    .m-tab-items ul li.active a:after {
        content: " ";
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -8px;
        background: url(../img/tab_active_pc.png) 0 0 no-repeat;
        width: 17px;
        height: 10px;
    }

    .sec-tab-contens {
        width: 978px;
        margin: 0 auto;
        padding-bottom: 50px;
    }


    .m-tit-toggle {
        text-align: left;
        background: url(../img/tit_03_bg_pc.png) 0 0 repeat-y;
        margin-bottom: 26px;
        font-size: 20px;
    }

    .m-tit-toggle:after {
        content: " ";
        position: absolute;
        top: 50%;
        margin-top: -26px;
        right: 0;
        background: url(../../img/faq/icon_faq_toggle_pc.png) 0 -52px no-repeat;
        background-size: 60px 104px;
        width: 60px;
        height: 52px;
    }

    .m-tit-toggle.active:after {
        background: url(../../img/faq/icon_faq_toggle_pc.png) 0 0 no-repeat;
        background-size: 60px 104px;
    }

    .m-tit-toggle a {
        display: block;
        padding: 8px 0 8px 20px
    }

    .m-download-items {
        display: none;
    }

    .m-download-items ul {
        margin: 0 0 30px;
        width: 998px;
        position: relative;
        left: -10px;
    }

    .m-download-items ul li {
        margin: 0 10px 20px;
        width: 312px;
        float: left;
    }

    .m-download-items ul li:last-child {
        margin-bottom: 0;
    }

    .m-download-items ul li a {
        padding: 12px 20px 12px 20px;
        font-size: 15px;
    }

    .download-item-name {
        margin-bottom: 10px;
    }

    .download-item-number {
        margin-bottom: 0;
    }

    .download-item-pdf {
        margin-top: 12px;
        padding: 7px 0;
        font-size: 14px;
    }

    .download-item-pdf:after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -8em;
        margin-top: -9px;
        right: 0;
        background: url(../img/icon_pdf_pc.png) 0 0 no-repeat;
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
    }
    /* news */
    .sec-contact .annotation-items {
        margin: 0 10px;
    }

    .annotation-items li {
        margin-bottom: 8px;
        line-height: 1.6;
        font-size: 14px;
    }

    .m-news-bottom-txt-01 {
        padding: 0 15px 26px 15px;
    }

    .m-news-bottom-txt-02 {
        padding: 30px 15px 40px 15px;
        border-top: 1px dashed #e2e9f7;
    }

    .m-news-bottom-txt-01 p,
    .m-news-bottom-txt-02 p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    .m-freedial {
        text-align: center;

        background: url(../img/icon_free_pc.png) left top no-repeat;
        background-size: 60px 52px;
        display: inline-block;
        padding: 0 0 0 70px;
        font-size: 40px;
        color: #333;
        margin-bottom: 36px;
        margin: 0 auto 36px;
    }

    .m-freedial span {
        font-size: 20px;
        padding: 12px 0 0 0;
    }


    .news-img {
        margin-bottom: 25px;
        text-align: center;
    }

    .news-img img {
        margin: 0 auto;
        width: auto;
        height: auto;
    }

    .link-url a {
        font-size: 14px;
        background: url(../img/arrow_l_8_12.png) 0 center no-repeat #fff;
        background-size: 6px 9px;
        padding: 4px 2px 4px 14px;
        position: relative;
        top: -10px;
    }

    .sec-news-detail {
        width: 970px;
        margin: 0 auto 0;
        padding: 50px 0 50px 0;
    }

    .article-news {
        padding-bottom: 35px;
        text-align: left;
    }

    .article-news-inner {
        width: 920px;
        margin: 0 auto;
        text-align: left;
    }

    .article-news p {
        line-height: 1.6;
        margin-bottom: 30px;
        font-size: 18px;
    }

    .m-tit-news-detail {
        font-size: 28px;
        line-height: 1.4;
        margin-bottom: 40px;
        text-align: center;
    }

    .m-tit-news {
        padding: 50px 0 40px;
        font-size: 28px;
    }

    .sec-current-news {
        width: 978px;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .sec-important-news {
        width: 978px;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .sec-archives-news {
        width: 978px;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .m-news-list-items li {
        margin-bottom: 0;
    }

    .m-news-list-items li:last-child {
        margin-bottom: 0;
    }

    .m-news-list-items li a {
        display: block;
        border-bottom: 2px solid #f8f8f8;
        padding: 14px 0 14px;
    }

    .m-news-list-items li:last-child a {
        border-bottom: none;
        padding: 14px 0 12px 0;
    }

    .news-list-item-day-cat {
        width: 355px;
        margin-bottom: 0;
        float: left;
    }

    .m-news-contact .news-list-item-day-cat {
        width: 335px;
    }

    .sec-news-detail .news-list-item-day-cat {
        float: none;
        margin-bottom: 20px;
    }

    .sec-important-news .news-list-item-day-cat {
        padding: 6px 0 6px;
        background: url(../img/icon_important_pc.png) 310px -2px no-repeat;
        background-size: 36px 36px;
    }

    .m-news-contact .news-list-item-day,
    .sec-news-detail .news-list-item-day {
        margin-left: 0;
    }

    .news-list-item-day {
        width: 145px;
        float: left;
        margin-right: 0px;
        margin-left: 25px;
        font-size: 16px;
        position: relative;
        top: 2px;
    }

    .news-list-item-cat {
        width: 125px;
        padding: 3px 0;
        font-size: 12px;
    }

    .news-list-item-txt {
        float: left;
        width: 595px;
        line-height: 1.6;
        font-size: 17px;
        position: relative;
        top: -5px;
    }

    .m-news-contact .news-list-item-txt {
        width: 595px;
    }

    .sec-important-news .news-list-item-txt {
        top: 1px;
    }



    .m-news-archives-items {
        margin: 0 0 20px;
    }

    .m-news-archives-items li {
        width: 312px;
        margin-right: 21px;
        margin-bottom: 10px;
        float: left;
    }

    .m-news-archives-items li:nth-child(3n) {
        margin-right: 0;
    }



    .m-news-archives-items li:last-child {
        margin-bottom: 10px;
    }

    .m-news-archives-items li a {
        display: block;
        border: 2px solid #043d78;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        padding: 26px 0;
        background: url(../img/arrow_r_32_28.png) 30px center no-repeat;
        background-size: 16px 14px;
        font-size: 16px;
    }


    .faq-page-items {
        width: 1025px;
        margin: 0 auto 50px;
    }

    .faq-page-items.contact-nav-items {
        width: 726px;
        margin: 0 auto 20px;
    }

    .faq-page-items.safety-nav-items {
        width: 974px;
        margin: 20px auto 30px;
    }

    .faq-page-items.safety-nav-items li {
        width: 230px;
        margin-right: 18px;
        margin-bottom: 0;
        height: 62px;
        display: table;
    }

    .faq-page-items.safety-nav-items li:last-child {
        margin-right: 0;
    }

    .faq-page-items.safety-nav-items li a {
        border-bottom: 4px solid #e7e8ee;
        padding: 0 0 0 0;
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        background: url(../img/arrow_l_8_12.png) 2px center no-repeat;
        background-size: 4px 6px;
        line-height: 1.4;
    }

    .faq-page-items.bottom {
        margin: 0 auto 10px;
    }

    .faq-page-items li {
        width: 190px;
        margin-right: 18px;
        margin-bottom: 20px;
    }

    .faq-page-items.contact-nav-items li {
        width: 230px;
    }

    .faq-page-items.contact-nav-items li:last-child {
        margin-right: 0;
    }

    .faq-page-items li a {
        border-bottom: 2px solid #e7e8ee;
        padding: 12px 0 12px 0;
        font-size: 15px;
        background: url(../img/arrow_l_8_12.png) 2px center no-repeat;
        background-size: 4px 6px;
    }

    .faq-page-items li:nth-child(odd) {
        float: left;
    }

    .faq-page-items li:nth-child(even) {
        float: left;
    }

    .faq-page-items li:nth-child(5n) {
        margin-right: 0;
    }

    .m-tit-type03 {
        text-align: left;
        background: url(../img/tit_03_bg_pc.png) 0 0 repeat-y;
        padding: 10px 0 10px 20px;
        margin-bottom: 25px;
        font-size: 20px;
        line-height: 1;
    }

    .m-tit-type04 {
        text-align: left;
        background: #e2e9f7;
        padding: 8px 18px 8px 18px;
        color: #043d78;
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1;
    }

    .btn.btn-faq-common {
        width: 300px;
        margin: 0 auto 30px;
    }

    .btn.btn-faq-common.bottom {
        margin: 0 auto 0;
    }

    .btn.btn-news-list {
        width: 260px;
        margin: 0 auto 0;
    }

    .btn.btn-purchase {
        width: 200px;
        width: 350px;
        margin: 0 0 20px;
    }

    .btn.btn-purchase a {
        font-size: 15px;
        padding: 8px 0;
        margin: 0 0;
    }

    .btn.btn-news-important {
        width: 260px;
        margin: 0 auto 0;
    }


    .btn a {
        font-size: 18px;
    }
    /* faq */
    .sec-faq {
        padding: 0 0 60px;
    }

    .sec-faq-item {
        width: 978px;
        margin: 0 auto 60px;
    }

    .faq-items {
        width: 978px;
        margin: 0 auto 10px;
    }

    .faq-item {
        margin: 0 0 30px;
    }

    .sec-faq-item .faq-items {
        margin: 0 0 0;
    }

    .faq-item-query {
        background: url(../../img/faq/icon_q_repeat_pc.png) 0 0 repeat-y #f8f8f8;
        background-size: 70px 5px;
    }

    .faq-item-query a {
        display: block;
        background: url(../../img/faq/icon_q_pc.png) -10px center no-repeat;
        background-size: 80px 52px;
        padding: 12px 80px 12px 90px;
        line-height: 1.4;
        position: relative;
        font-size: 18px;
    }

    .faq-item-query a:after {
        content: " ";
        position: absolute;
        top: 50%;
        margin-top: -26px;
        right: 0;
        background: url(../../img/faq/icon_faq_toggle_pc.png) 0 -52px no-repeat;
        background-size: 60px 104px;
        width: 60px;
        height: 52px;
    }

    .faq-item-query.active a:after {
        background: url(../../img/faq/icon_faq_toggle_pc.png) 0 0 no-repeat;
        background-size: 60px 104px;
    }

    .faq-item-answer-inner {
        background: url(../../img/faq/icon_a_pc.png) 0 38px no-repeat;
        background-size: 68px 20px;
        padding: 36px 20px 16px 90px;
        border-bottom: 2px solid #f8f8f8;
        font-size: 18px;
    }

    .faq-item-answer-inner div {
        margin-bottom: 20px;
    }

    .faq-item-answer-inner p {
        line-height: 1.4;
        margin-bottom: 20px;
    }

    .faq-item-answer-inner img {
        width: auto;
        height: auto;
    }


    .m-mainTit {
        padding: 70px 0 0;
        height: 200px;
    }

    .m-mainTit-inner {
        margin: 0 auto;
        width: 1022px;
    }

    .m-mainTit-ja {
        font-size: 46px;
        margin-bottom: 10px;
        margin-left: 20px;
    }

    .m-mainTit-en {
        font-size: 22px;
        margin-left: 22px;
    }

    .m-search-result-items,
    .m-lineup-list-items {
        width: 1024px;
        margin: 0 auto;
    }

    .m-lineup-list-items li {
        width: 326px;
        float: left;
        margin: 0 23px 30px 0;
    }

    .m-search-result-items li {
        width: 326px;
        float: left;
        margin: 0 23px 30px 0;
        background: #fafafa;
        display: block;
        padding: 20px 0 14px;
        padding: 30px 0 10px;
    }

    .m-search-result-items li:nth-child(3n),
    .m-lineup-list-items li:nth-child(3n) {
        margin: 0 0 30px 0;
    }

    .m-lineup-list-items li li:nth-child(3n) {
        margin: 0 0 10px 0;
    }

    .m-lineup-list-items li a {
        background: #fafafa;
        display: block;
        padding: 20px 0 14px;
        padding: 30px 0 20px;
    }


    .m-lineup-list-items li a .m-icon-items {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .lineup-list-item-img {
        background: #fff;
        margin: 0 34px 20px;
        position: relative;
        /*overflow:hidden;*/
        width: 258px;
        height: 194px;
        padding: 10px 0;
    }

    .lineup-list-item-img img {
        width: 231px;
        height: 173px;
        margin: 0 auto;
    }

    .lineup-list-item-name {
        font-size: 14px;
        margin: 0 20px 8px;
    }

    .lineup-list-item-number {
        font-size: 18px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
        padding: 0 10px 16px;
    }

    .lineup-list-item-txt {
        margin: 0 10px 14px;
        padding: 0 10px 6px;
    }

    a .lineup-list-item-item-detail {
        transition: all .3s;
    }

    a:hover .lineup-list-item-item-detail {
        background: #043d78;
        color: #fff;
    }

    .lineup-list-item-item {
        margin: 0 14px;
    }


    .lineup-list-item-item li {
        color: #fff;
        font-size: 12px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        width: 49%;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 5px 6px 6px 6px;
        display: table;
    }

    .lineup-list-item-item li div {
        display: table-cell;
        vertical-align: middle;
        font-size: 12px;
        line-height: 1.2;
    }

    .m-lineup-list-items li li {
        margin: 0 0 10px;
    }

    .lineup-list-item-item li:nth-child(odd) {
        float: left;
    }

    .lineup-list-item-item li:nth-child(even) {
        float: right;
    }

    .sec-recommend {
        background: url(../img/border_4_1_pc.png) 0 top repeat-x #fff;
        background-size: 4px 1px;
        padding-bottom: 45px;
    }

    .sec-recipe {
        background: url(../img/border_4_1_pc.png) 0 top repeat-x #fff;
        background-size: 4px 1px;
        padding-bottom: 45px;
    }

    .m-slider-type03-wrap {
        /*
	width:100%;
	overflow:hidden;
	*/
    }

    .m-slider-type03 {
        /*
	margin:0 auto;
	text-align:left;
	*/
        width: 1024px;
        background: #ced9f1;
        padding: 17px 30px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
    }

    .sec-recipe .m-slider-type03 {
        padding: 17px 30px 0 30px;
    }

    .sec-recipe .m-slider-type03 {
        background: #fcf5e9;
    }


    .sec-recipe .m-slider-type03 li:nth-child(odd) {
        float: left;
    }

    .sec-recipe .m-slider-type03 li:nth-child(even) {
        float: right;
    }


    .sec-recipe .m-slider-type03 li {
        margin-bottom: 17px;
    }

    .m-slider-type03 li {
        width: 475px;
    }

    .m-slider-type03 .slider-item-inner {
        margin: 0 0;
        background: #FFF;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
    }

    .m-slider-type03 li a {
        display: block;
        padding: 11px 10px;
        height: 150px;
    }

    .slider-item-l {
        float: left;
        width: 172px;
    }

    .slider-item-r {
        float: right;
        width: 265px;
    }

    .m-slider-type03 .slider-item-l {
        margin-bottom: 0;
        width: 172px;
        height: 129px;
        float: left;
    }

    .m-slider-type03 .slider-item-img img {
        width: 172px;
        height: 129px;
    }

    .m-slider-type03 .slider-item-tit {
        text-align: left;
        margin-bottom: 12px;
        font-size: 18px;
    }

    .sec-recipe .m-slider-type03 .slider-item-tit {
        color: #222;
    }

    .m-slider-type03 .slider-item-txt {
        line-height: 1.6;
        font-size: 14px;
    }

    .m-breadcrumb-wrap {
        width: 100%;
        /*border-bottom:1px solid #f5f5f5;*/
    }

    .m-breadcrumb-wrap.no-logo {
        margin-bottom: 55px;
    }

    .m-breadcrumb {
        padding: 6px 22px;
        width: 1022px;
        margin: 0 auto;
    }

    .m-breadcrumb li span,
    .m-breadcrumb li a {
        padding: 4px;
        font-size: 12px;
    }

    .sec-lineup {
        padding-bottom: 40px;
    }

    .sec-category {
        padding-bottom: 22px;
    }

    .m-lineup-items {
        width: 1024px;
        margin: 0 auto;
    }

    .m-lineup-items li {
        width: 341px;
        margin: 0;
        text-align: center;
    }

    .m-lineup-items li:nth-child(odd) {
        float: left;
        width: 341px;
    }

    .m-lineup-items li:nth-child(even) {
        float: left;
        width: 341px;
    }

    .m-lineup-items li a {
        display: block;
        padding: 15px 0 24px 0;
        position: relative;
    }

    .m-lineup-items li a:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 32px;
        height: 32px;
        background-position: -8px -8px;
        background-repeat: no-repeat;
    }

    .page-beauty .m-lineup-items li a:after {
        background-image: url(../img/arrow_beauty.png);
        background-size: 32px 32px;
    }

    .page-mensbeauty .m-lineup-items li a:after {
        background-image: url(../img/arrow_mensbeauty.png);
        background-size: 32px 32px;
    }

    .page-kitchen.page-kitchen-recipe .m-mainVisual {
        background: #777431;
        height: 400px;
    }

    .page-kitchen.page-kitchen-recipe .m-mainVisual img {
        height: 400px;
    }

    .page-bodycare .m-mainVisual,
    .page-facecare .m-mainVisual,
    .page-haircare .m-mainVisual {
        background: #dcddef;
    }

    .page-mensbeauty .m-mainVisual {
        background: #22201e;
    }

    .page-season .m-lineup-items li a:after {
        background-image: url(../img/arrow_season.png);
        background-size: 32px 32px;
    }

    .page-kitchen .m-lineup-items li a:after {
        background-image: url(../img/arrow_kitchen.png);
        background-size: 32px 32px;
    }

    .page-sound .m-lineup-items li a:after {
        background-image: url(../img/arrow_sound.png);
        background-size: 32px 32px;
    }
    /*
.m-lineup-items li:nth-child(odd) a{
	background-color:#e9edf2;
	background:none;
}

.m-lineup-items li:nth-child(even) a{
	background-color:#fafafa;
	background:none;
}
*/
    .m-lineup-items li a {
        background-color: #fafafa !important;
    }

    .m-lineup-items li:nth-child(23) a,
    .m-lineup-items li:nth-child(21) a,
    .m-lineup-items li:nth-child(19) a,
    .m-lineup-items li:nth-child(17) a,
    .m-lineup-items li:nth-child(15) a,
    .m-lineup-items li:nth-child(13) a,
    .m-lineup-items li:nth-child(11) a,
    .m-lineup-items li:nth-child(9) a,
    .m-lineup-items li:nth-child(7) a,
    .m-lineup-items li:nth-child(5) a,
    .m-lineup-items li:nth-child(3) a,
    .m-lineup-items li:nth-child(1) a {
        background-color: #e9edf2 !important;
    }



    .m-lineup-items.category-items li a {
        background-color: #fafafa !important;
    }

    .m-lineup-items.category-items li:nth-child(32) a,
    .m-lineup-items.category-items li:nth-child(30) a,
    .m-lineup-items.category-items li:nth-child(27) a,
    .m-lineup-items.category-items li:nth-child(25) a,
    .m-lineup-items.category-items li:nth-child(24) a,
    .m-lineup-items.category-items li:nth-child(22) a,
    .m-lineup-items.category-items li:nth-child(19) a,
    .m-lineup-items.category-items li:nth-child(17) a,
    .m-lineup-items.category-items li:nth-child(16) a,
    .m-lineup-items.category-items li:nth-child(14) a,
    .m-lineup-items.category-items li:nth-child(11) a,
    .m-lineup-items.category-items li:nth-child(9) a,
    .m-lineup-items.category-items li:nth-child(8) a,
    .m-lineup-items.category-items li:nth-child(6) a,
    .m-lineup-items.category-items li:nth-child(3) a,
    .m-lineup-items.category-items li:nth-child(1) a {
        background-color: #e9edf2 !important;
    }


    .page-mensbeauty .m-lineup-items.category-items li:nth-child(32) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(30) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(27) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(25) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(24) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(22) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(19) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(17) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(16) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(14) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(11) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(9) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(8) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(6) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(3) a,
    .page-mensbeauty .m-lineup-items.category-items li:nth-child(1) a {
        background: url(../img/mens_repeat.png) 0 0 repeat;
    }


    .page-season .m-lineup-items.category-items li:nth-child(32) a,
    .page-season .m-lineup-items.category-items li:nth-child(30) a,
    .page-season .m-lineup-items.category-items li:nth-child(27) a,
    .page-season .m-lineup-items.category-items li:nth-child(25) a,
    .page-season .m-lineup-items.category-items li:nth-child(24) a,
    .page-season .m-lineup-items.category-items li:nth-child(22) a,
    .page-season .m-lineup-items.category-items li:nth-child(19) a,
    .page-season .m-lineup-items.category-items li:nth-child(17) a,
    .page-season .m-lineup-items.category-items li:nth-child(16) a,
    .page-season .m-lineup-items.category-items li:nth-child(14) a,
    .page-season .m-lineup-items.category-items li:nth-child(11) a,
    .page-season .m-lineup-items.category-items li:nth-child(9) a,
    .page-season .m-lineup-items.category-items li:nth-child(8) a,
    .page-season .m-lineup-items.category-items li:nth-child(6) a,
    .page-season .m-lineup-items.category-items li:nth-child(3) a,
    .page-season .m-lineup-items.category-items li:nth-child(1) a {
        background-color: #f2f2f2 !important;
    }

    .page-sound .m-lineup-items.category-items li:nth-child(32) a,
    .page-sound .m-lineup-items.category-items li:nth-child(30) a,
    .page-sound .m-lineup-items.category-items li:nth-child(27) a,
    .page-sound .m-lineup-items.category-items li:nth-child(25) a,
    .page-sound .m-lineup-items.category-items li:nth-child(24) a,
    .page-sound .m-lineup-items.category-items li:nth-child(22) a,
    .page-sound .m-lineup-items.category-items li:nth-child(19) a,
    .page-sound .m-lineup-items.category-items li:nth-child(17) a,
    .page-sound .m-lineup-items.category-items li:nth-child(16) a,
    .page-sound .m-lineup-items.category-items li:nth-child(14) a,
    .page-sound .m-lineup-items.category-items li:nth-child(11) a,
    .page-sound .m-lineup-items.category-items li:nth-child(9) a,
    .page-sound .m-lineup-items.category-items li:nth-child(8) a,
    .page-sound .m-lineup-items.category-items li:nth-child(6) a,
    .page-sound .m-lineup-items.category-items li:nth-child(3) a,
    .page-sound .m-lineup-items.category-items li:nth-child(1) a {
        background-color: #f1f1f1 !important;
    }


    .page-kitchen .m-lineup-items.category-items li:nth-child(32) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(30) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(27) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(25) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(24) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(22) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(19) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(17) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(16) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(14) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(11) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(9) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(8) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(6) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(3) a,
    .page-kitchen .m-lineup-items.category-items li:nth-child(1) a {
        background-color: #fcf5e9 !important;
    }

    .m-lineup-items.category-items li {
        width: 256px;
        text-align: center;
        margin: 0 0;
    }

    .lineup-item-img {
        margin: 0 auto;
        width: 267px;
        height: auto;
        height: 200px;
        display: block;
    }

    .m-lineup-items.category-items .lineup-item-img {
        width: 256px;
    }

    .m-lineup-items.category-items .lineup-item-img img {
        width: auto;
        height: 168px;
    }

    .lineup-item-txt {
        font-size: 17px;
        margin-top: 14px;
        display: block;
        text-align: center;
        width: 100%;
        font-weight: 100;
        padding: 0 5px;
        letter-spacing: 0;
    }

    .m-lineup-items.category-items .lineup-item-txt {
        margin-top: 0;
    }

    body {
        min-width: 1022px;
    }

    .sp-br-none {
        display: inline-block;
    }

    .pc-br-none {
        display: none;
    }

    .sp-none {
        display: block;
    }

    a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
        outline: none;
    }

    .pc-none {
        display: none;
    }

    .l-header-wrap {
        height: 90px;
        left: 0;
        /*position:absolute;*/
        /*
	overflow:auto;
	overflow:hidden;
	overflow:visible;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
	*/
    }

    .l-header {
        /*
	position:relative;
	position:static;
	*/
        height: 90px;
    }

    .l-header-inner {
        width: 1020px;
        margin: 0 auto;
        height: 90px;
        /*
	position:relative;
	transition: all .3s;
	*/
    }


    .l-contents {
        padding-top: 90px;
    }






    .l-header-first {
        /*
	position:relative;
	height:61px;
	background:#fff;
	*/
        height: 90px;
    }


    .l-header-logo {
        width: 172px;
        height: 48px;
        top: 23px;
    }

    .l-header-logo a {
        background: url(../img/h_logo_koizumi_pc.png) 0 0 no-repeat;
        background-size: 172px 48px;
        width: 172px;
        height: 48px;
    }

    .l-header-comp {
        top: 17px;
        right: 0;
        width: 130px;
        height: 16px;
    }

    .l-header-comp a {
        background: url(../img/h_logo_koizumi_com_pc.png) 0 0 no-repeat;
        background-size: 130px 16px;
        width: 130px;
        height: 16px
    }

    .l-header-second {
        /*
	position:relative;
	height:35px;
	background:#043d78;
	*/
        display: none;
    }


    .l-header-nav {
        width: 100%;
        background: url(../img/l_header_bg_sp.png) repeat;
        border-bottom: 5px solid #043d78;
        padding: 10px 20px;
        position: absolute;
        top: 198px;
        top: 200px;
        z-index: 4000;

        width: auto;
        top: 44px;
        left: 260px;
        left: 210px;
        border-bottom: none;
        background: none;
        display: block;
        padding: 0;
        height: auto;
        overflow: visible;
        transition: all .3s;
    }



    .headroom--unpinned .l-header-nav nav {
        display: none !important;
        top: 0;
        height: 0 !important;
    }

    .l-header-nav ul li {
        float: left;
        position: relative;
    }

    .l-header-nav ul li a {
        border-bottom: 1px solid #fff;
        display: block;
        padding: 14px 5px;
        padding: 14px 6px;
        color: #fff;
        font-size: 14px;
        position: relative;
        z-index: 1;
        top: -16px;

        border-bottom: none;
        display: inline-block;
        color: #222;
        font-size: 13px;
        font-size: 15px;
        padding: 12px 18px;
        padding: 28px 18px;
/*        border-right:1px solid #222;*/
/*        background: url(../img/gnav_line_pc.png) right center no-repeat;*/
        position: relative;
    }

    .l-header-nav ul li a::before{
        position: absolute;
        display: block;
        content: "";
        width: 1px;
        height: 18px;
        background: #222;
        top: 27px;
        right: 0;
    }


    .l-header-nav ul li:nth-child(3){
        /**/
        z-index: 10;
    }
    .l-header-nav ul li:nth-child(3) a {
        /**/
        z-index: 10;
    }

    .sp-and-pc .l-header-nav ul li a {
        padding: 28px 16px;
    }

    .sp-and-pc .l-header-nav ul li:nth-child(3) a {
        padding: 28px 24px;
        /*background:url(../img/gnav_line_pc.png) right center no-repeat #cc0000;*/
    }

    .l-header-nav ul li:nth-child(3) a:hover {
        /*    color:#222;*/
    }

    a.hack_support_li {
        cursor: default;
    }


    a.hack_support_li:hover {
        color: #222 !important;
    }


    .l-header-nav ul li:nth-child(3) li a {
        cursor: pointer;
    }


    .l-header-nav ul li:nth-child(5) li a:hover,
    .l-header-nav ul li:nth-child(3) li a:hover {
        color: #fff;
        cursor: pointer;
    }

    .l-header-nav ul li li a::before,
    .l-header-nav ul li:last-child a::before{
        display: none;
    }

    .l-header-nav ul li:last-child a {
        border-right: none;
        background: none;
        /*border-bottom:none;*/
    }

    .l-header-nav ul li li:last-child a {
        border-bottom: none;
    }

    .l-header-nav ul li li a {
        border-right: none;
    }

    .l-header-nav ul li li {
        float: none;
        position: relative;
    }

    .l-header-nav ul li.active {
        height: auto;
    }

    .l-header-nav ul li.active nav {
        display: block;
    }

    .l-header-nav ul li nav {
        display: none;
        position: absolute;

        position: fixed;
        top: 34px;
        top: 80px;
        left: 0;
        width: 100%;

        /*
	left:50%;
	margin-left:-90px;
	margin-left:-120px;
	width:180px;
	width:240px;
	*/
        padding: 10px 0 0 0;
    }

    .page-index .l-header-nav ul li:nth-child(1) a,
    .page-news .l-header-nav ul li:nth-child(2) a,

    .page-support .l-header-nav ul li:nth-child(5) a,
    .page-faq .l-header-nav ul li:nth-child(5) a,
    .page-safety .l-header-nav ul li:nth-child(5) a,
    .page-contact .l-header-nav ul li:nth-child(5) a,
    .page-manual .l-header-nav ul li:nth-child(5) a,
    .page-endProduct .l-header-nav ul li:nth-child(5) a,

    .page-products .l-header-nav ul li:nth-child(3) a,
    .page-season .l-header-nav ul li:nth-child(3) a,
    .page-sound .l-header-nav ul li:nth-child(3) a,
    .page-kitchen .l-header-nav ul li:nth-child(3) a,
    .page-beauty .l-header-nav ul li:nth-child(3) a {
        color: #6a93e8;
    }

    .l-header-nav ul li:nth-child(3) nav {
        background: url(../img/navi_ul_top_03.png) center top no-repeat;
    }

    .l-header-nav ul li:nth-child(5) nav {
        background: url(../img/navi_ul_top_05.png) center top no-repeat;
    }


    .l-header-nav-nav-inner {
        width: 100%;
        height: 256px;
        background: url(../img/navi_ul_repeat.png) 0 0 repeat;
        left: 0;
        padding: 16px 0 26px;
    }

    body.state-over-products .l-header-nav-nav-inner{
        height: 540px;
    }

    .l-header-nav ul li nav ul {
        float: left;
        left: 50%;
        position: relative;
    }

    .l-header-nav ul li nav ul li {
        float: left;
        left: -50%;
        position: relative;
        width: 218px;
        text-align: center;
        border-right: 1px solid #fff;
    }

    .l-header-nav ul li nav ul li a {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .l-header-nav ul li nav ul li:last-child {
        border-right: none;
    }

    .l-header-nav ul li:nth-child(5) nav ul li {
        width: 142px;
        /*144*/
        width: 140px;
        width: 138px;
    }

    .l-header-nav ul li nav ul:last-child {
        border-right: none;
    }


    .l-header-nav ul li nav {}

    .l-header-nav ul li ul {

        padding: 8px 10px 8px;
    }


    .l-header-nav ul li nav ul li a {
        border-bottom: none;
        display: block;
        color: #fff !important;
        font-size: 15px;
        padding: 12px 0 0 0;
        height: 203px;
        border-right: none;
        background: none;
        line-height: 1.6;
    }

    .l-header-nav ul li:nth-child(5) nav ul li a {
        padding: 24px 0;
    }

    .l-header-nav ul li nav ul li a img {
        display: block;
        margin: 0 auto 12px;
        background: #fff;
    }

    .l-header-nav ul li:nth-child(5) nav ul li a img {
        margin: 0 auto 0;
        background: none;
    }

    .l-header-nav ul li nav ul li a span {
        display: block;
        margin-top: 2px;
        font-size: 13px;
    }

    .l-header-nav ul li nav ul li a:hover {
        background: none;
    }


    .l-header-nav .toggle-con {
      height: auto !important;
      overflow: visible !important;
      border-top :1px dotted #fff;
      margin:0 20px;
      padding-top: 20px;
    }

    .l-header-nav ul li nav ul.l-header-nav-products ul{
        min-height: 210px;
    }


    .l-header-nav ul li nav ul.l-header-nav-products li {
        border-right: none;
    }

    .l-header-nav ul li nav ul.l-header-nav-products li a.toggle-a{
        cursor: default;
    }

    .l-header-nav ul li nav ul.l-header-nav-products li a.toggle-a:hover{
        opacity: 1 !important;
    }

    .l-header-nav ul li nav ul.l-header-nav-products li li a {
        border-bottom: none;
        display: block;
        color: #fff !important;
        font-size: 15px;
        padding: 4px 0 4px 0;
        height: auto;
        border-right: none;
        background: none;
        line-height: 1.6;
    }

    .l-header-nav ul li nav ul.l-header-nav-products li ul {
        border: none;
        margin-bottom:5px;
    }

.l-header-nav a.toggle-a{
    position: relative;
}

.l-header-nav a.toggle-a:after {
    display: none;
}

.l-header-nav a.toggle-a:before {
    display: none;;
}

.l-header-nav ul ul ul {
    padding-top: 10px;
    padding-bottom: 10px;
}

.l-header-nav ul li nav ul.l-header-nav-products li li{
    margin-bottom: 2px;
}

.l-header-nav ul li nav ul.l-header-nav-products li li a {
    padding: 4px 14px 4px 24px !important;
    border-bottom: none;
    position: relative;
    text-align: left;
    font-size: 11px !important;
}

    .l-header-nav ul li li li a:after {
      border-top: 4px solid transparent;
      border-left: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-right: 4px solid transparent;
      border-left: 4px solid #fff;
      left:12px;
      margin-top: -4px;
    }

    .l-header-nav ul li nav ul.l-header-nav-products li .l-header-nav-list-more{
        padding: 0 0 0;
    }

    .l-header-nav ul li nav ul.l-header-nav-products li .l-header-nav-list-more a{
        width: 100%;
        margin:0 auto;
        display: inline-block !important;
        padding: 8px 10px !important;
        border:1px solid #fff !important;
        font-size: 13px !important;
        text-align: center;
        line-height: 1;
        height: auto !important;
    }
    /*
.l-header-nav ul li:last-child a{
	border-bottom:none;
}
*/
    .l-header-nav-sub {
        display: block;
        position: absolute;
        top: 18px;
        left: 670px;
    }

    .l-header-nav-sub li {
        float: left;
        margin-right: 10px;
    }

    .l-header-nav-sub li a {
        font-size: 12px;
    }

    .header-nav-sub-company a {
        background: url(../img/icon_h_company_pc.png) left center no-repeat;
        padding: 3px 5px 3px 18px;
    }

    .header-nav-sub-contact a {
        background: url(../img/icon_h_contact_pc.png) left center no-repeat;
        padding: 3px 5px 3px 18px;
    }

    .l-header-logo img {}

    .l-header-search {
        /*
	width:100%;
	background:#ccc;
	height:50px;
	position:absolute;
	top:96px;
	z-index:5;
	*/
        display: block;
        background: none;
        height: 25px;
        width: 226px;
        top: 47px;
        right: 0;
    }

    .l-header-search-inner {
        /*margin:10px;*/
        margin: 0;
    }

    .l-header-search-form {
        /*
	position:relative;
	display:table;
	width:100%;
	*/
        display: block;
    }

    .l-header-search-input {
        /*
	background:#fff;
	height:30px;
	padding:4px;
	position:absolute;
	top:0;
	left:0;
	width:78%;
	border:none;
	*/
        width: 193px;
        height: 25px;
        border: 1px solid #c6c6c6;
        background: #fff;
        padding: 4px 6px;
    }

    .l-header-search-submit {
        /*
	position:absolute;
	top:0;
	right:0;
	width:18%;
	height:30px;
	background:#043d78;
	color:#fff;
	font-size:14px;
	letter-spacing:0.5em;
	text-align:center;
	border:none;
	*/
        width: 25px;
        height: 25px;
        background: url(../img/icon_h_search_pc.png) 0 0 no-repeat;
        cursor: pointer;
        text-indent: -9999px;
    }


    .l-footer {

        background: url(../img/border_4_1_pc.png) 0 top repeat-x #f4f4f4;
        background-size: 4px 1px;
        /*
	width:100%;
	background:#f4f4f4;
	text-align:center;
	*/
        padding-top: 30px;
        padding-bottom: 35px;
    }

    .footer-btn-pageTop {
        display: none;
    }


    .footer-sns-items-wrap {
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .footer-sns-items {
        float: left;
        left: 50%;
        position: relative;
    }


    .footer-sns-items li {
        float: left;
        left: -50%;
        position: relative;

        margin: 0 20px;
    }

    .footer-sns-items li a {

        background: #fff;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
    }

    .footer-sns-items li a img {
        display: block;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

    .footer-sns-items li a:hover img {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -o-border-radius: 15px;
        -ms-border-radius: 15px;
        border-radius: 15px;
    }

    .footer-link-items-wrap {
        position: relative;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .footer-link-items {
        /*width:81%;*/
        margin: 0;
        width: auto;

        float: left;
        left: 50%;
        position: relative;
    }

    .footer-link-items li {
        margin-bottom: 0;
        float: left;
        left: -50%;
        position: relative;
        margin-right: 20px;
    }

    .footer-link-items li:last-child {
        margin-bottom: 0;
    }

    .footer-link-items li a {
        display: block;
        border: 2px solid #043d78;
        color: #043d78;
        padding: 14px 0;
        font-size: 13px;

        border: none;
        font-size: 12px;

        padding: 2px 10px 2px 26px;
        position: relative;
    }

    .footer-link-items li a:after {
        content: " ";
        position: absolute;
        top: 4px;
        left: 0;
        background: url(../img/arrow_r_10_7.png) left center no-repeat;
        width: 10px;
        height: 7px;
    }

    .footer-link-items li a:hover:after {
        top: 4px;
        left: 3px;
    }

    .sns-item-li {
        display: none;
    }

    .copyright {
        /*
	line-height:1.6;
	color:#222;
	*/
        line-height: 1;
        font-size: 14px;
        letter-spacing: 0.05em;
    }
    /*******************************/
    .m-slider-type01 {
        /*
	width:100%;
	padding-bottom:51.73%;
	background:#fff;
	position:relative;
	*/
        width: 100%;
        overflow: hidden;
        padding-bottom: 0;
        height: 580px;
        height: 640px;
        /*overflow:hidden;*/
        background: #fff;
    }


    body.page-season .m-slider-type01 li {
        background: #fbf9f8;
    }

    body.page-sound .m-slider-type01 li {
        background: #d8d7d7;
    }

    body.page-beauty .m-slider-type01 li:nth-child(1) {
        background: #fff6fb;
    }

    body.page-index .m-slider-type01 li:nth-child(1) {
        background: #fff6fb;
    }

    body.page-index .m-slider-type01 li:nth-child(2) {
        background: #ffffff;
    }

    body.page-index .m-slider-type01 li:nth-child(3) {
        background: #fbf9f8;
    }

    body.page-index .m-slider-type01 li:nth-child(4) {
        background: #d8d7d7;
    }

    body.page-index .m-slider-type01 {
        padding-bottom: 0%;
    }

    .m-slider-type01 ul {
        /*
	width:100%;
	height:580px;
	*/
        position: relative;

        left: 50%;
        margin-left: -750px;
        width: 1500px;
        /*
	margin:0 auto;
	*/
        width: 100%;
        margin-left: 0;
        left: 0;
    }

    .m-slider-type01 ul.slides li img,
    .m-slider-type01 ul.slides li a {

        display: block;
        position: relative;
        left: 50%;
        margin-left: -750px;
        width: 1500px;
    }

    .m-slider-type01 img {
        width: 1500px;
        height: 580px;
        height: 640px;
        /*
	width:100%;
	height:auto;
	*/
    }

    .page-sound .m-slider-type01 img,
    .page-sound .m-slider-type01,
    .page-kitchen .m-slider-type01 img,
    .page-kitchen .m-slider-type01,
    .page-season .m-slider-type01 img,
    .page-season .m-slider-type01 {
        height: 580px;
        height: 580px;
    }

    .m-slider-type01 .flexslider {
        /*
	position:absolute;
	width:100%;
	*/
        position: relative !important;
        height: 580px;
        height: 640px;
    }

    .m-tit-type01 {
        /*
	text-align:center;
	color:#043d78;
	*/
        padding: 42px 0 28px;
    }

    .tit-type01-ja {
        font-size: 30px;
        margin-bottom: 16px;
    }

    .tit-type01-ja-sub {
        font-size: 16px;
    }

    .tit-type01-en {
        font-size: 16px;
    }

    .tit-type01-sub {
        font-size: 16px;
    }

    .m-tit-type02 {
        padding: 50px 0 55px;
    }

    .tit-type02-tit {
        font-size: 26px;
        margin-bottom: 16px;
    }

    .tit-type02-txt {
        font-size: 16px;
        line-height: 1;
    }

    .sec-index-product {
        margin-bottom: 42px;
    }

    .sec-product {
        margin-bottom: 60px;
    }


    .m-product-items {
        width: 1022px;
        margin: 0 auto;
    }

    .m-product-items.m-faq-items {
        width: 854px;
    }

    .m-product-items li {
        width: 245px;
        margin-bottom: 0;
        margin-right: 14px;
    }

    .m-product-items.m-faq-items li {
        width: 200px;
        margin-bottom: 0;
        margin-right: 18px;
    }


    .m-product-items li:last-child {
        margin-right: 0;
    }

    .m-product-items li:nth-child(odd) {
        float: left;
    }

    .m-product-items li:nth-child(even) {
        float: left;
    }

    .m-product-items li a {
        position: relative;
        background: #f7f7f7;
        display: block;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        padding: 17px 14px 20px;
        padding: 17px 0 20px;
        text-align: center;
    }

    .m-faq-items.m-product-items li a {
        padding: 17px 0 20px;
    }

    .m-product-items li a:after {
        content: " ";
        position: absolute;
        bottom: 4px;
        right: 4px;
        background: url(../img/arrow_r_b_pc.png) 0 0 no-repeat;
        width: 13px;
        height: 13px;
        /*transition: all .3s infinite;*/
    }
    /*
.m-product-items li a:hover:after{
	bottom:2px;
	right:2px;	
}
*/
    .product-item-img {
        width: 224px;
        height: 168px;
        position: relative;
        overflow: hidden;
        margin: 0 auto 13px;
    }


    .m-faq-items .product-item-img {
        width: 172px;
        height: 129px;
        margin: 0 14px 13px;
    }

    .m-faq-items .product-item-img img {
        width: 172px;
        height: 129px;
    }

    .product-item-img * {
        position: absolute;
        top: 0;
        left: 0;
    }

    .product-item-anime-cover {
        width: 100%;
        height: 100%;
        background: #3f5686;
        opacity: 0;
    }


    .product-item-anime-img img {
        width: auto;
        height: auto;
        transform-origin: 50% 50%;
    }

    .product-item-anime-txt {
        webkit-transform: translate(0px, 81px);
        -moz-transform: translate(0px, 81px);
        transform: translate(0px, 81px);
        opacity: 0;
        left: 12px;
    }

    .m-faq-items .product-item-anime-txt {
        webkit-transform: translate(-12px, 60px);
        -moz-transform: translate(-12px, 60px);
        transform: translate(-12px, 60px);
        left: 0;
    }

    .product-item-anime-txt img {
        width: 200px !important;
        height: 22px !important;
    }

    .page-faq .product-item-anime-txt img {
        width: 172px !important;
        height: 22px !important;
        left: 13px;
    }

    .product-item-txt {
        width: 100%;
        text-align: center;
    }

    .product-item-txt img {
        width: auto;
        height: auto;
    }

    .sec-index-pickup {
        background: url(../../img/index/index_pickup_bg_pc.jpg) center center no-repeat;
        background-size: cover;
        padding-bottom: 45px;
    }

    .sec-index-pickup .m-tit-type01 {}

    .m-slider-type02 {
        /*
	width:78.6%;
	margin:0 auto;
	text-align:left;
	*/
        width: 936px;
    }

    .m-slider-type02 li {

        /*
	background:#FFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;	
	border-radius: 8px;	
	*/
        width: 296px;
        float: left;


        margin: 0 35px;
        background: #FFF;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
    }

    .slider-item-inner {}

    .m-slider-type02 .slider-item-inner {
        margin: 0 0;
    }


    .m-slider-type02 li:last-child {
        margin-right: 0;
    }


    .m-slider-type02 li a {
        /*display:block;*/
        padding: 23px 26px 22px;
        /*background:#fff;*/
        /*height:365px;*/
        display: block;
    }

    .m-slider-type02 .slider-item-img {
        /*overflow:hidden;*/
        width: 244px;
        height: 183px;
        margin-bottom: 16px;
    }


    .m-slider-type02 .slider-item-tit {
        margin-bottom: 14x;
        font-size: 18px;
    }

    .m-slider-type02 .slider-item-txt {
        line-height: 1.6;
        font-size: 13.5px;
    }
    /*
.over .slider-item-img{
	position:relative;
}



.slider-item-img-inner *{

}

/*
.over .pick-item-anime-cover{

}

/*

.pick-item-anime-cover{
	width:244px;
	height:183px;
	background:#cc0000;
	transition: all .3s;
	webkit-transform: translate(-100%,0px);
  -moz-transform: translate(-100%,0px);
	transform: translate(-100%,0px);
	opacity:0.3;
	position:absolute;
	top:0;
	left:0;

}


li:hover .pick-item-anime-cover{
	webkit-transform: translate(0px,0px);
  -moz-transform: translate(0px,0px);
	transform: translate(0px,0px);	
}
*/
    .slider-item-img img {
        width: 244px;
        height: 183px;
    }

    .slider-item-tit {
        /*
	text-align:center;
	color:#3f5686;
	*/
        font-size: 18px;
        margin-bottom: 14px;
    }

    .slider-item-txt {
        line-height: 1.6;
        font-size: 14px;
    }

    .sec-index-news {
        background: #f8f8f8;
        padding-bottom: 90px;

        background: #fff;
    }

    .m-news-item {
        /*width:85.6%;*/
        margin: 0 auto 25px;
        width: 994px;
    }

    .m-news-item li {
        /*
	background:#fff;
	margin-bottom:16px;
	*/
        margin-bottom: 0;
        margin-right: 7px;
        margin-left: 7px;
        float: left;
        width: 232px;
        border: 2px solid #fff;
    }

    .m-news-item li:last-child {
        /*margin-bottom:0;*/
        margin-right: 0;
    }

    .m-news-item li a {
        /*
	display:block;
	background:#fff;
	*/
        padding: 22px 10px 24px;
    }

    .news-date-cat {
        padding: 0 0 20px;
        border-bottom: 2px solid #f2f2f2;
        margin-bottom: 22px;
        color: #333;
    }
    .news-date {
        color: #333;

        float: left;
        width: 120px;


        padding-top: 4px;
        font-size: 12px;
        width: 106px;
        margin-left: 2px;
        letter-spacing: 0;
    }

    .news-cat {
        /*
	float:right;
	border:1px solid #043d78;
	padding:3px 0;
	text-align:center;
	color:#043d78;
	*/
        font-size: 11px;
        width: 95px;
        margin-right: 4px;
    }

    .news-cat.news-cat-important {
        /*
	border:1px solid #ff2d18;
	color:#ff2d18;
	*/
    }

    .news-txt {
        /*
	color:#3f5686;
	
	line-height:1.6;
	*/
        margin: 0 6px;
        font-size: 14px;
    }

    .news-banner {
        width: 70%;
        margin: 0 auto;

        width: 260px;
    }

    .news-banner li {
        margin-bottom: 16px;
    }
    /*
.news-banner li:last-child{
	margin-bottom:0;
}
*/
    .news-banner li a {
        display: block;
        text-align: center;
    }

    .news-banner-more a {
        border: 1px solid #043d78;
        color: #043d78;
        padding: 12px 0;
        font-size: 18px;
    }

    .news-banner-more a:hover {
        background-color: #043d78;
        color: #fff;
    }

    .news-banner-important a {
        border: 1px solid #ff2d18;
        color: #ff2d18;
        background: url(../img/icon_important_pc.png) 15px center no-repeat #fff;
        background-size: 35px 35px;
        padding: 14px 0;
        font-size: 16px;
    }

    body.page-news .news-banner-important a {
        border: 2px solid #ff2d18;
    }

    .sec-support {
        padding-bottom: 34px;
        background: url(../img/border_4_1_pc.png) 0 top repeat-x #eef4f8;
        background-size: 4px 1px;
    }
    /*
body.page-faq .sec-support{
	padding-bottom:55px;
}
*/
    .m-support-items-center {
        position: relative;
        overflow: hidden;
    }

    .m-support-items-center .m-support-items {
        width: auto;
        position: relative;
        left: 50%;
        float: left;
    }

    .m-support-items-center .m-support-items li {
        position: relative;
        left: -50%;
    }

    .m-support-items {
        width: 83%;
        margin: 0 auto;
        width: 996px;
    }

    .m-support-items li {
        margin-bottom: 20px;
        margin: 0 10px 20px;
        float: left;
        width: auto;
    }

    .m-support-items li:last-child {
        margin-bottom: 0;
        margin: 0 10px 20px;
    }

    .m-support-items li a {
        display: block;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        border: 2px solid #043d78;
        text-align: center;
        color: #3f5686;
        padding: 0 0;

        font-size: 16px;
        width: 312px;
        height: 75px;
        padding: 0;
        display: table-cell;
        vertical-align: middle;
        line-height: 1.4;
    }

    .m-support-items li.support-item-elec a {
        /*
	padding:6px 0;
	text-align:center;
	*/
    }

    .m-support-items li.support-item-elec a img {
        /*margin:0 auto;*/
        width: 308px;
        max-width: 308px;
        max-height: 54px;
        height: 54px;
    }

    .support-item-contact a {
        background: url(../img/icon_support_contact_sp.png) 16px center no-repeat;
        background-size: 50px 50px;
    }

    .support-item-repair a {
        background: url(../img/icon_support_repair_sp.png) 16px center no-repeat;
        background-size: 50px 50px;
    }

    .support-item-faq a {
        background: url(../img/icon_support_faq_sp.png) 16px center no-repeat;
        background-size: 50px 50px;
    }

    .support-item-download a {
        background: url(../img/icon_support_download_sp.png) 16px center no-repeat;
        background-size: 50px 50px;
    }

    .support-item-cat-download a {
        background: url(../img/icon_support_c_download_sp.png) 16px center no-repeat;
        background-size: 50px 50px;
    }

    .support-item-inquiry a {
        background: url(../img/icon_support_inquiry_sp.png) 16px center no-repeat;
        background-size: 50px 50px;
    }

    .support-item-end-product a {
        background: url(../img/icon_support_end_product_sp.png) 16px center no-repeat;
        background-size: 50px 50px;
    }

    .sec-index-link {
        background: url(../img/border_4_1_pc.png) 0 top repeat-x #fff;
        background-size: 4px 1px;
        padding-bottom: 40px;
    }

    .m-link-items {
        width: 231px;
        margin: 0 auto;

        width: 996px;
    }

    .m-link-items li {
        /*margin-bottom:20px;*/
        width: 231px;
        margin: 0 9px 0;
        float: left;
        height: 126px;
    }

    .m-link-items.series-center {
        text-align: center;
    }

    .m-link-items.series-center li {
        height: 50px;
        width: 231px;
        display: inline-block;
        margin: 0 10px;
        float: none;
    }



    .m-link-items li:last-child {
        /*margin-bottom:0;*/
        margin: 0 9px 0;
    }

    .link-item-img {
        margin-bottom: 14px;
        background: #fff;
    }

    .link-item-txt {

        line-height: 1.6;
        color: #333;

        font-size: 11px;
        letter-spacing: -0.1em;
    }


    .sec-category {
        background: url(../img/border_4_1_pc.png) 0 top repeat-x #fff;
        background-size: 4px 1px;
        padding-bottom: 56px;
    }

    .sec-series {
        background: url(../img/border_4_1_pc.png) 0 top repeat-x #fff;
        background-size: 4px 1px;
        padding-bottom: 40px;
    }

    .sec-series.bgf9fafd {
        background: url(../img/border_4_1_pc.png) 0 top repeat-x #f9fafd;
        background-size: 4px 1px;
        padding-bottom: 60px;
    }



    .m-series-items {
        width: 1022px;
        margin: 0 auto;
    }

    .m-series-items li {
        width: 245px;
        float: left;
        margin-right: 14px;
        margin-bottom: 0;
    }

    .m-series-items.m-series-items-column2 {
        width: 966px;
    }

    .m-series-items.m-series-items-column2 li {
        width: 472px;
        background: #fff;
    }

    .m-series-items.m-series-items-column2 li:nth-child(odd) {
        float: left;
    }

    .m-series-items.m-series-items-column2 li:nth-child(even) {
        float: right;
    }

    .m-series-items.m-series-items-column2 li a img {
        width: 472px;
        height: 139px;
    }

    .m-series-items li:last-child {
        margin-right: 0;
        margin-bottom: 0;
    }

    .m-series-items li a {
        display: block;
        background: #fff;
        border: 2px solid #d8d8d8;
    }

    .m-series-items li a img {
        width: 241px;
        height: 56px;
    }

    .m-mainVisual {
        width: 100%;
        height: 480px;
        height: 530px;
        text-align: left;
        overflow: hidden;
        position: relative;
    }

    .m-mainVisual img {
        width: auto;
        height: 480px;
        height: 530px;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
/*        margin-left: -750px;*/
    }

    .page-knowenjoy .m-mainVisual {
        height: 200px;
        background: #fafafa;
    }

    .page-knowenjoy.page-knowenjoy-hair .m-mainVisual {
        height: 400px;
        background: #edd7b0;
    }

    .page-knowenjoy.page-knowenjoy-recipe .m-mainVisual {
        height: 200px;
        background: #f6f0e7;
    }

    .page-knowenjoy .m-mainVisual img {
        height: 200px;
    }

    .page-knowenjoy.page-knowenjoy-hair .m-mainVisual img {
        width: auto;
        height: 400px;
    }

    .page-knowenjoy.page-user-review .m-mainVisual {
        height: 530px;
        background: #f9f9f3;
    }

    .page-knowenjoy.page-user-review .m-mainVisual img {
        height: 530px;
    }
    /*
 animation
*********************************************************/
    .m-series-items li a {
        transition: all 0.3;
    }

    .m-series-items li a:hover {
        border: 2px solid #666;
    }

    .m-series-items.m-series-items-column2 li a {
        transition: all 0.3;
    }

    .m-series-items.m-series-items-column2 li a:hover {
        border: none;
        opacity: 0.8;
    }

    .m-series-items li a img {
        transition: all 0.3;
    }

    .m-series-items li a:hover img {
        opacity: 0.8;
    }

    .l-header-nav-sub li a,
    .l-header-nav li a {
        transition: all 0.3;
    }

    .l-header-nav-sub li a:hover,
    .l-header-nav li a:hover {
        color: #777;
    }


    a .slider-item-img {
        transition: all 0.3;
    }

    a:hover .slider-item-img {
        opacity: 0.6 !important;
    }

    .product-item-anime-cover {
        transition: all .3s;
    }

    .product-item-anime-img img {
        transition: all .3s;
    }

    .product-item-anime-txt {
        transition: all .3s;
    }


    .footer-btn-pageTop a {
        transition: all .3s;
    }

    .footer-sns-items li a img {
        transition: all .3s;
    }

    .footer-link-items li a:after {
        transition: all .3s;
    }

    .link-item-img img {
        transition: all .3s;
    }

    a:hover .product-item-anime-cover {
        opacity: 0.5;
    }

    a:hover .product-item-anime-img img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    a:hover .product-item-anime-txt {
        webkit-transform: translate(0px, 73px);
        -moz-transform: translate(0px, 73px);
        transform: translate(0px, 73px);
        opacity: 1;
    }

    .m-faq-items a:hover .product-item-anime-txt {
        webkit-transform: translate(-12px, 52px);
        -moz-transform: translate(-12px, 52px);
        transform: translate(-12px, 52px);
        opacity: 1;
    }

    .footer-btn-pageTop a:hover {
        background: url(../img/btn_page_top_pc.png) 0 2px no-repeat #043d78;
        opacity: 0.8;
        width: 48px;
        height: 52px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
    }

    .footer-sns-items li a:hover img {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -o-border-radius: 15px;
        -ms-border-radius: 15px;
        border-radius: 15px;
    }

    .footer-link-items li a:hover:after {
        top: 4px;
        left: 3px;
    }

    a:hover .link-item-img img {
        opacity: 0.6;
    }

    .m-support-items li a {
        transition: all .3s;
    }

    .m-support-items li a:hover {
        background-color: #fff;
    }

    .m-news-item li {
        transition: all .3s;
    }

    .m-news-item li:hover {
        border: 2px solid #043d78;
        background: #f4f4f4;
    }


    .btn a {
        transition: all .3s;
    }

    .btn a:hover {
        background-color: #043d78;
        color: #fff;
    }

    .news-banner-more a {
        transition: all .3s;
    }

    .news-banner-more a:hover {
        background-color: #043d78;
        color: #fff;
    }

    .btn.btn-news-important a {
        transition: all .3s;
    }

    .btn.btn-news-important a:hover {
        background-color: #e71f19;
        color: #fff;
    }

    .news-banner-important a {
        transition: all .3s;
    }

    .news-banner-important a:hover {
        background-color: #ff2d18;
        color: #fff;
    }
    /*
.m-lineup-items li a{
	transition: all .3s;
}

.m-lineup-items li a:hover{
	
	background-position:-4px -4px;
	
}
*/
    .m-lineup-items li a img {
        transition: all .3s;
    }


    .m-lineup-items li a:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }


    .m-lineup-list-items li a {
        border: 1px solid #fafafa;
        transition: all .3s;
    }

    body.page-beauty .m-lineup-list-items li a:hover {
        border: 1px solid #d50077;
        background: #fff;
    }

    body.page-kitchen .m-lineup-list-items li a:hover {
        border: 1px solid #eb6100;
        background: #fff;
    }

    body.page-season .m-lineup-list-items li a:hover {
        border: 1px solid #85b818;
        background: #fff;
    }

    body.page-sound .m-lineup-list-items li a:hover {
        border: 1px solid #0075a9;
        background: #fff;
    }


    body.page-mensbeauty .m-lineup-list-items li a:hover {
        border: 1px solid #111111;
        background: #fff;
    }

    body.page-series .m-lineup-list-items li a:hover {
        border: 1px solid #111111;
        background: #fff;
    }

    .lineup-list-item-img img {
        transition: all .3s;
    }

    a:hover .lineup-list-item-img img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .m-news-list-items li a {
        transition: all .3s;
    }

    .m-news-list-items li a:hover {
        background: #F4F4F4;
    }

    .news-list-item-cat {
        transition: all .3s;
    }

    a:hover .news-list-item-cat {
        color: #fff;
        background: #3f5686;
    }

    a:hover .news-list-item-cat.cat-important {
        color: #fff;
        background: #ff2d18;
    }


    .m-news-archives-items li a {
        transition: all .3s;
    }

    .m-news-archives-items li a:hover {
        background: url(../img/arrow_r_32_28_w.png) 34px center no-repeat #043d78;
        background-size: 16px 14px;
        color: #fff;
    }

    .m-404-items li:nth-child(1) a {

        transition: all .3s;
    }

    .m-404-items li:nth-child(2) a {
        transition: all .3s;
    }

    .m-404-items li:nth-child(1) a:hover {
        background: url(../img/icon_home_w.png) 26px center no-repeat #043d78;
        background-size: 32px 32px;
        color: #fff;
    }

    .m-404-items li:nth-child(2) a:hover {
        background: url(../img/icon_back_w.png) 26px center no-repeat #043d78;
        background-size: 32px 32px;
        color: #fff;
    }

    .link-url a {
        font-size: 14px;
        background: url(../img/arrow_l_8_12.png) 4px center no-repeat #fff;
        background-size: 6px 9px;
        padding: 4px 4px 4px 18px;
        position: relative;
        top: -10px;

        transition: all .3s;
    }

    .link-url a:hover {
        background: url(../img/arrow_l_8_12.png) 4px center no-repeat #f1f1f1;
        background-size: 6px 9px;
    }


    .m-download-items ul li a {
        transition: all .3s;
    }

    .m-download-items ul li a:hover {
        background: #fff;
        color: #111;
        border: 3px solid #999;
    }



    .m-download-items.end-items ul li a:hover {
        border: 3px solid #e3e3e3;
        background: #ffffff;
        color: #333;
    }

    .download-item-pdf {
        transition: all .3s;
    }

    a:hover .download-item-pdf {
        background: #052d57;
    }

    .faq-page-items li a {
        transition: all .3s;
    }

    .faq-page-items li a:hover {
        background: url(../img/arrow_l_8_12.png) 5px center no-repeat;
        background-size: 4px 6px;
    }

    .faq-item-query {
        transition: all .3s;
    }

    .faq-item-query:hover {
        background: #fff;
    }

    .faq-item-query {
        background: url(../../img/faq/icon_q_repeat_pc.png) 0 0 repeat-y #f8f8f8;
        background-size: 70px 5px;
    }

    .faq-item-query a {
        transition: all .3s;
    }

    .faq-item-query a:hover {
        background: url(../../img/faq/icon_q_pc.png) -5px center no-repeat;
        background-size: 80px 52px;
    }


    a .m-knowenjoy-recommend-item-img img,
    .m-pickup-items li a img {
        transition: all 0.3s;
    }

    a:hover .m-knowenjoy-recommend-item-img img,
    .m-pickup-items li a:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }


    .m-purpose-items li a .purpose-item-txt-cover {
        transition: all .3s;
    }

    .m-purpose-items li a:hover .purpose-item-txt-cover {
        top: 0px;
    }

    .m-purpose-items li a .purpose-item-txt-ja {
        transition: all .3s;
    }

    .m-purpose-items li a .purpose-item-txt-en {
        transition: all .3s;
    }

    .m-purpose-items li a:hover .purpose-item-txt-ja {
        top: 100px;
    }

    .m-purpose-items li a:hover .purpose-item-txt-en {

        top: 136px;
    }

    .m-pickup-recipe a img {
        transition: all .3s;
    }

    .m-pickup-recipe a:hover img {
        opacity: 0.8;
    }

    .btn-lineup-download a {
        transition: all .3s;
    }

    .btn-lineup-download a:hover {
        background: url(../img/icon_support_download_sp_w.png) 20px center no-repeat #043d78;
        background-size: 50px 50px;
        color: #fff;
    }

    .l-header-nav ul li a {
        transition: all .3s;
    }


    .l-header-nav ul li a:hover {
        color: #6a93e8;
    }

    .touch .l-header-nav ul li a:hover {
        color: #222;
    }

    .btn-toggle-download-pdf a {
        transition: all .3s;
    }

    .btn-toggle-download-pdf a:hover {
        background: #9aa8c2;
    }

    .l-header-nav ul li li a {
        transition: all .3s;
    }

    .l-header-nav ul li li a:hover {
        background: #5584b6;
        color: #fff;
    }

    .l-header-nav ul li nav ul li a {
        transition: all .3s;
    }

    .l-header-nav ul li nav ul li a:hover {
        opacity: 0.8;
    }

    .m-catalog-items li a {
        transition: all .3s;
    }

    .m-catalog-items li a:hover {
        top: -4px;
        -webkit-box-shadow: 0px 20px 24px -18px rgba(102, 102, 102, 0.7);
        -moz-box-shadow: 0px 20px 24px -18px rgba(102, 102, 102, 0.7);
        box-shadow: 0px 20px 24px -18px rgba(102, 102, 102, 0.7);
        opacity: 0.8;
    }

    .m-pager a {
        transition: all .3s;
    }

    .m-pager a:hover {
        opacity: 0.8;
    }

    .m-products-index-items li a {
        transition: all .3s;
    }

    .m-products-index-items li a:hover {
        opacity: 0.8;
    }


    .btn-safety a {
        transition: all .3s;
    }

    .btn-safety a:hover:after {
        background: url(../img/icon_blank_w.png) 0 0 no-repeat;
        background-size: 16px 14px;
    }

    a.btn-pdf:hover:after {
        background: url(../img/icon_pdf_sp.png) 0 0 no-repeat;
        background-size: 18px 18px;
    }



    .btn-safety a:hover {
        background: #043d78;
        color: #fff;
    }

    .m-support-common-link a {
        transition: all .3s;
    }

    .m-support-common-link a:hover {
        opacity: 0.8;
    }

    .m-support-common-link a:after {
        transition: all .3s;
    }

    .m-support-common-link a:hover:after {
        right: 6px;
    }

    .m-support-index-items li a {
        transition: all .3s;
    }

    .m-support-index-items li a:hover {
        opacity: 0.8;
    }

    .btn-search-result a {
        transition: all .3s;
        background: url(../img/arrow_l_8_12_w.png) 52px center no-repeat #043d78;
        background-size: 6px 9px;
    }

    .btn-search-result-pdf a {
        transition: all .3s;
        background: url(../img/icon_pdf_pc.png) 48px center no-repeat #043d78;
        background-size: 18px 18px;
    }

    .btn-search-result a:hover {
        opacity: 0.8;
    }

    .btn-search-result-pdf a:hover {
        opacity: 0.8;
    }


    .sec-safety .btn-pdf a {
        transition: all .3s;
    }

    .sec-safety .btn-pdf a:hover {
        opacity: 0.7;
    }


    .m-products-index-img a,
    .m-products-index-tit a {
        transition: all .3s;
    }

    .m-products-index-img a:hover,
    .m-products-index-tit a:hover {
        opacity: 0.7;
    }


    a .slider-item-inner-link-span {
        transition: all .3s;
    }

    a:hover .slider-item-inner-link-span {
        background: #043d78;
        color: #fff;
    }

    .m-campaign-btn a {
        transition: all .3s;
    }

    .m-campaign-btn a:hover {
        opacity: 0.7;
    }

    .recommend-knowenjoy-item-btn a,
    .recommend-knowenjoy-items li a {
        transition: all .3s;
    }

    .recommend-knowenjoy-item-btn a:hover,
    .recommend-knowenjoy-items li a:hover {
        opacity: 0.7;
    }


    a .m-hairstyle-item-item li,
    a .m-hairstyle-item-img img {
        transition: all .3s;
    }

    .m-hairstyle-item a {
        transition: all .3s;
    }

    .m-hairstyle-item a:hover {
        opacity: 0.7;
    }

    .m-recipe-bottom-btn-detail,
    .m-recipe-btn-wrap div,
    .m-recipe-index-items li a {
        transition: all .3s;
    }

    .m-recipe-bottom-btn-detail:hover,
    .m-recipe-btn-wrap div:hover,
    .m-recipe-index-items li a:hover {
        opacity: 0.7;
    }
}

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

    body {
        min-width: inherit;
    }
}

@media print {

    #js-btn-pageTop,
    .btn-pageTop,
    .m-breadcrumb-wrap,
    .m-mainVisual,
    .m-recipe-btn-wrap,
    .m-recipe-bottom-item,
    .l-footer,
    .l-header-wrap {
        display: none !important;
    }
}



/* add */

.f-bold {
    font-weight: bold;
}

.t-c {
    text-align: center;
}

.user-review-sns-items {
    margin-top: 15px;
    margin-bottom: 15px;
}

.user-review-sns-items li {
    float: right;
    position: relative;
    background: #fff;
    margin-right: 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    width: 29px;
}

.user-review-sns-items li a img {
    width: 29px;
    height: auto !important;
    display: block;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

body.page-user-review .m-tit-type01 {
    position: relative;
    color: #e5004f;
    margin-bottom: 30px;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3","游明朝 Light", "游明朝", "YuMincho","ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",serif;
}

body.page-user-review .m-tit-type01:after {
    position: absolute;
    display: block;
    content: '';
    left: 50%;
    bottom: 5px;
    width: 50px;
    height: 1px;
    margin-left: -25px;
    background: #ae5da1;
}

.user-review-btn {
    margin-left: 10px;
    margin-right: 10px;
}

.user-review-btn a {
    display: block;
    width: 100%;
    padding: 16px 0;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #e4007f;
    text-align: center;
        font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3","游明朝 Light", "游明朝", "YuMincho","ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",serif;
  -webkit-box-shadow: 0px 0px 6px 0px #aaa;
  -moz-box-shadow: 0px 0px 6px 0px #aaa;
  -ms-box-shadow: 0px 0px 6px 0px #aaa;
  -o-box-shadow: 0px 0px 6px 0px #aaa;
  box-shadow: 0px 0px 6px 0px #aaa;
}


.sec-user-review {
/*    background: url(../../img/knowenjoy/bg_sec_user_review_sp.png) 0 0 repeat-x;*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fff), color-stop(0.00, #faf4dc));
background: -webkit-linear-gradient(top, #faf4dc 0%, #fff 88%);
background: -moz-linear-gradient(top, #faf4dc 0%, #fff 88%);
background: -o-linear-gradient(top, #faf4dc 0%, #fff 88%);
background: -ms-linear-gradient(top, #faf4dc 0%, #fff 88%);
background: linear-gradient(to bottom, #faf4dc 0%, #fff 88%);*/
    padding:0 2px;
    margin-bottom: 80px;
    /*background: url(../../img/index/index_pickup_bg.jpg) 0 0 no-repeat;*/
}



.sec-user-review-inner{
    background: #faf4dc;/*fcf9ec*/
    margin-bottom: 30px;
}

.user-review-end-txt{
    font-size: 16px;
    padding: 40px 0 !important;
    text-align: center;
    color: #e4007f;
    line-height: 1.8;
}

.user-review-present img {
    width: 100%;
    height: auto;
}

.sec-user-review-entry {
    margin-bottom: 60px;
}

.user-review-step-inner {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 50px;
}

.user-review-step-tit {
    font-size: 20px;
    background: #e4007f;
    text-align: center;
    color: #fff;
    padding: 6px 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 30px;
}

.user-review-step-img {
    text-align: center;
    margin-bottom: 26px;
}

.user-review-step-img img {
    width: 135px;
    height: auto;
}

.user-review-step-dl {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.user-review-step-dl dt {
    font-size: 16px;
    color: #e4007f;
    font-weight: bold;
    margin-bottom: 20px;
}

.user-review-step-dl dd {
    font-size: 14px;
    color: #1b1b1b;
    line-height: 1.5;
}

.annotation-txt {
    color: #e5004f;
    font-size: 12px;
    line-height: 1.6;
}

.user-review-app-download {
    padding-top: 22px;
    border-top: 1px solid #d1c0a5;
}

.user-review-app-download-txt {
    text-align: center;
    font-size: 12px;
    margin-bottom: 22px;
}

.mb-08 {
    margin-bottom: 8px;
}

.mb-08-12 {
    margin-bottom: 8px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-10-15 {
    margin-bottom: 15px;
}

.mb-10-20 {
    margin-bottom: 10px;
}

.mb-20-30 {
    margin-bottom: 20px;
}

.mb-20-35 {
    margin-bottom: 20px;
}

.mb-20-40 {
    margin-bottom: 20px;
}

.mb-20-60 {
    margin-bottom: 20px;
}

.mb-30-40 {
    margin-bottom: 30px;
}

.sec-user-review-req {
    background: url(../../img/knowenjoy/bg_sec_user_review_req_sp.jpg) 0 0 repeat-y;
    background-size: 100% auto;
    padding-bottom: 40px;
    /*background: url(../../img/index/index_pickup_bg.jpg) 0 0 no-repeat;*/
}


body.page-user-review .sec-user-review-req .m-tit-type01 {
    margin-bottom: 10px;
}

.sec-user-review-req .sec-user-review-req-dl:first-child {
    padding: 0 10px 15px;
}


/*http://blog.funxion.jp/139/*/

.sec-user-review-req .sec-user-review-req-dl:last-child {
    background-image: none;
}

.sec-user-review-req-dl {
    padding: 20px 15px 18px;
    background-image: linear-gradient(to right, #111, #111 1px, transparent 1px, transparent 3px);
    background-size: 4px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
}

.sec-user-review-req-dl dt {
    color: #e5004f;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}

.sec-user-review-req-dl dd {
    font-size: 14px;
    color: #1b1b1b;
    line-height: 1.5;
}

.sec-user-review-txt {
    font-size: 14px;
    color: #1b1b1b;
    line-height: 1.5;
}

.under-link,
.sec-user-review-txt a {
    text-decoration: none;
    color: #e5004f;
    position: relative;
}

.under-link:after,
.sec-user-review-txt a:after {
    display: inline-block;
    position: absolute;
    bottom: -2px;
    left: 0;
    content: '';
    /*	border-bottom: 1px solid #e5004f;*/
    width: 100%;
    height: 1px;
    background: #e5004f;
}

.sec-user-review-req-dl-tit {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.sec-user-review-terms {
    background: #fcf9ec;
    padding-bottom: 40px;
    /*background: url(../../img/index/index_pickup_bg.jpg) 0 0 no-repeat;*/
}

.sec-user-review-terms-dl {
    padding: 15px 15px 10px;
}

.sec-user-review-terms-dl dt {
    color: #e5004f;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}

.sec-user-review-terms-dl dd {
    font-size: 14px;
    color: #1b1b1b;
    line-height: 1.5;
}

.sp-offset {
    margin-left: 15px;
    margin-right: 15px;
}

.mail-a {
    position: relative;
    top: 0px;
    margin-left:1px;
    margin-right: 1px;
}

.mail-a img{
    width: 80px;
    height: 10px;
}


/************************************
list
*************************************/


/* list-normal */

.list-normal li {
    position: relative;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.6;
    font-size: 12px;
    padding-left: 14px;
}

.list-normal li:after {
    position: absolute;
    display: block;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 2px;
    height: 2px;
    top: 8px;
    left: 3px;
    background: #111;
}

.list-normal li:last-child {
    margin-bottom: 0;
}


/* list-num-01 */

.list-num-01 li {
    position: relative;
    padding-left: 1.4em;
    line-height: 1.6;
    font-size: 12px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

.list-num-01 li span.num {
    position: absolute;
    top: 0;
    left: -1px;
}

.list-num-01 li:last-child {
    margin-bottom: 0;
}


/* list-num-02 */

.list-num-02 li {
    position: relative;
    padding-left: 1.4em;
    line-height: 1.4;
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 10px;
}

.list-num-02 li span.num {
    position: absolute;
    top: 0;
    left: -3px;
}

.list-num-02 li:last-child {
    margin-bottom: 0;
}


.app-download-items-wrap{
    overflow: hidden;
}

.app-download-items {
    float: left;
    left: 50%;
    position: relative;
}

.app-download-items li {
    float: left;
    left: -50%;
    position: relative;
    margin: 0 6px;
}

.app-download-items li a img {
    height: 35px;
    width: auto;
    display: block;
}

body.page-user-review .m-tit-type01 .tit-type01-ja{
    margin-bottom: 5px !important;
}




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


    .sec-user-review-inner{
        background: #faf4dc;/*fcf9ec*/
        margin-bottom: 45px;
    }

    .user-review-end-txt{
        font-size: 24px;
        padding: 60px 0!important;
        line-height: 2;
    }

    .app-download-items li {
        margin: 0 8px;
    }

    .app-download-items li a img{
        -webkit-transition: opacity 0.3s ease;
        -moz-transition: opacity 0.3s ease;
        -ms-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

    .app-download-items li a:hover img{
        opacity:0.8;
    }

    .app-download-items li a img {
        height: 70px;
    }

    .user-review-sns-items {
        width:980px;
        margin:20px auto 30px !important;
    }

    .user-review-sns-items li {
        float: right;
        position: relative;
        background: #fff;
        margin-right: 0px;
        margin-left: 15px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        width: 29px;
    }

    .user-review-sns-items li a img {
        width: 29px;
        height: auto !important;
        display: block;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

    body.page-user-review .m-tit-type01 {
        padding-top: 75px;
        padding-bottom: 20px;
        margin-bottom: 75px;
    }

    body.page-user-review .m-tit-type01:after {
        bottom: 5px;
        width: 100px;
        height: 2px;
        margin-left: -50px;
    }

    body.page-user-review .sec-user-review-req .m-tit-type01 {
        margin-bottom: 10px;
    }

    .user-review-btn {
        width: 480px;
        clear: both;
        margin-left: auto;
        margin-right: auto;
    }

    .user-review-btn a {
        padding: 20px 0;
        color: #fff;
        font-size: 24px;
        font-weight: normal;
        line-height: 1;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        background: #e4007f;
        text-align: center;
        -webkit-transition: background-color 0.3s ease, color 0.3s ease;
        -moz-transition: background-color 0.3s ease, color 0.3s ease;
        -ms-transition: background-color 0.3s ease, color 0.3s ease;
        -o-transition: background-color 0.3s ease, color 0.3s ease;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .user-review-btn a:hover {
        background:#fe73c0;
    }

    .sec-user-review {
/*        background: url(../../img/knowenjoy/bg_sec_user_review_pc.png) 0 0 repeat-x;*/
        margin-bottom: 105px;
        /*background: url(../../img/index/index_pickup_bg.jpg) 0 0 no-repeat;*/
    }

    .user-review-present{
        background: url(../../img/knowenjoy/knowenjoy_user_review_present_pc_bg.png) center 0 no-repeat;
        width: 100%;
        height: 544px;
        overflow:hidden;
        position: relative;
        text-align:left;
    }

    .user-review-present img {
        position: absolute;
        left:50%;
        width: 1024px;
        height: 544px;
        margin-left: -512px;

    }

    .sec-user-review-entry {
        margin-bottom: 105px;
    }

    .sec-user-review-entry-inner {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
    }

    .user-review-step{
        margin-bottom: 45px;
    }

    .user-review-step-inner {
        margin-left: 0;
        margin-right: 22px;
        padding-bottom: 0;
        width: 228px;
        float: left;
    }

    .user-review-step .user-review-step-inner:last-child{
        margin-right: 0;
    }

    .user-review-step-tit {
        font-size: 20px;
        background: #e4007f;
        text-align: center;
        color: #fff;
        padding: 6px 0;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        margin-bottom: 22px;
    }

    .user-review-step-img {
        text-align: center;
        margin-bottom: 30px;
    }

    .user-review-step-img img {
        width: 180px;
        height: auto;
    }

    .user-review-step-dl {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .user-review-step-dl dt {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .user-review-step-dl dd {
        font-size: 14px;
        color: #1b1b1b;
        line-height: 1.8;
    }

    .annotation-txt {
        font-size: 13px;
        line-height: 1.6;
    }

    .user-review-app-download {
        width: 530px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
        border-top: 1px solid #d1c0a5;
    }

    .user-review-app-download-txt {
        text-align: center;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .mb-08 {
        margin-bottom: 8px;
    }

    .mb-08-12{
        margin-bottom: 12px;
    }

    .mb-15 {
        margin-bottom: 15px;
    }

    .mb-20 {
        margin-bottom: 20px;
    }

    .mb-10-15 {
        margin-bottom: 15px;
    }

    .mb-10-20 {
        margin-bottom: 10px;
    }

    .mb-20-30 {
        margin-bottom: 30px;
    }

    .mb-20-35 {
        margin-bottom: 35px;
    }
    .mb-20-40 {
        margin-bottom: 40px;
    }
    .mb-20-60 {
        margin-bottom: 60px;
    }

    .mb-30-40 {
        margin-bottom: 30px;
    }

    .sec-user-review-req {
        background: url(../../img/knowenjoy/bg_sec_user_review_req_pc.jpg) center 0 repeat-y #fef9f6;
        background-size: 2000px 1786px;
        padding-bottom: 70px;
    }

    .sec-user-review-req-inner{
        width: 950px;
        margin-left: auto;
        margin-right: auto;
    }

    body.page-user-review .m-tit-type01 {
        margin-bottom: 50px !important;
    }

    .sec-user-review-req .sec-user-review-req-dl:first-child {
        padding: 0 15px 25px;
    }
    /*http://blog.funxion.jp/139/*/
    .sec-user-review-req .sec-user-review-req-dl:last-child {
        background-image: none;
    }

    .sec-user-review-req-dl {
        padding: 22px 15px 25px;
        background-image: linear-gradient(to right, #111, #111 1px, transparent 1px, transparent 2px);
        background-size: 3px 1px;
        background-position: bottom;
        background-repeat: repeat-x;
        display: table;
        width: 100%;
    }

    .sec-user-review-req-dl dt {
        font-size: 18px;
        margin-bottom: 0;
        display: table-cell;
        vertical-align: top;
        width: 234px;
        line-height: 1.8;
    }

    .sec-user-review-req-dl dd {
        font-size: 16px;
        line-height: 1.8;
        display: table-cell;
        vertical-align: top;
    }

    .sec-user-review-txt {
        font-size: 16px;
        line-height: 1.8;
    }

    .under-link:after,
    .sec-user-review-txt a:after {
        bottom: -2px;
        pointer-events: none;
    }

    .under-link:hover:after,
    .sec-user-review-txt a:hover:after {
        display: none;
    }

    .sec-user-review-req-dl-tit {
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .sec-user-review-terms {
        padding-bottom: 60px;
    }

    .sec-user-review-terms-inner {
        width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

    .sec-user-review-terms-dl {
        padding: 15px 0 60px;
    }

    .sec-user-review-terms-dl dt {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .sec-user-review-terms-dl dd {
        font-size: 16px;
        line-height: 1.6;
    }

    .sp-offset {
        margin-left: 0;
        margin-right: 0;
    }

    .mail-a {
        position: relative;
        top: 6px;
    }

    .mail-a img{
        width: 182px;
        height: 20px;
    }
    /************************************
	list
	*************************************/
    /* list-normal */
    .list-normal li {
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0;
        line-height: 1.8;
        font-size: 14px;
        padding-left: 25px;
    }
    .list-normal li:after {
        width: 2px;
        height: 2px;
        top: 10px;
        left: 3px;
    }
    .list-normal li:last-child {
        margin-bottom: 0;
    }
    /* list-num-01 */
    .list-num-01 li {
        position: relative;
        padding-left: 2.4em;
        padding-left: 30px;
        line-height: 1.6;
        font-size: 14px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .list-num-01 li span.num {
        position: absolute;
        top: 0;
        left: -1px;
    }
    .list-num-01 li:last-child {
        margin-bottom: 0;
    }
    /* list-num-02 */
    .list-num-02 li {
        position: relative;
        padding-left: 1.4em;
        line-height: 1.4;
        font-size: 12px;
        font-size: 1.2rem;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 10px;
    }
    .list-num-02 li span.num {
        position: absolute;
        top: 0;
        left: -3px;
    }
    .list-num-02 li:last-child {
        margin-bottom: 0;
    }
}

.product-item{
    background: #f7f7f7;
    padding:10px 12px;
    margin-bottom: 15px;
}


.product-item .toggle-a {
  display: table;
  width: 100%;
  position: relative;
  color: #3f5686;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 22px;
}

.product-item .toggle-a:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 16px;
  bottom: 0;
  left: 0;
  background: #0b427b;
  pointer-events: none;
}

.product-item .toggle-a:after {
  position: absolute;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  bottom: -1px;
  left: 50%;
  margin-left: -3px;
  pointer-events: none;
}

.product-item .toggle-a.state-active:after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid #fff;
  bottom: 5px;
}


.toggle-a-img{
    display: table-cell;
    width:47.31%;
    vertical-align: middle;
}

.toggle-a-img-anime img{
    width: 100% !important;
    height: auto;
}

.toggle-a-txt{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.toggle-a-txt span{
    display: block;
    margin-top: 4px;
    font-size: 11px;
}

.product-item-list{
    padding:14px 0 6px;
}
.product-item-list li{
    margin-bottom: 8px;
}

.product-item-list li:last-child{
    margin-bottom: 0;
}

.product-item-list li a{
    display: block;
    padding:6px 4px 6px 16px;
    position: relative;
    font-size: 14px;
    color: #0b427b;
}

.product-item-list li a:after {
  position: absolute;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid #0b427b;
  left: 0;
  top: 9px;
  pointer-events: none;
}

.product-item .toggle-con {
  height: 0;
  overflow: hidden;
}

.product-item-list-more{
    margin: 15px 15px 10px;
}

.product-item-list-more a{
    width: 100%;
    margin:0 auto;
    display: inline-block;
    padding: 12px 10px !important;
    background: #fff;
    border: 1px solid #0b427b;
    color: #0b427b;
    font-size: 13px;
    text-align: center;
    line-height: 1;
}


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

    .product-items{
        width: 1024px;
        margin:0 auto 0;
    }
    .product-item{
        background: #f7f7f7;
        padding:10px 10px;
        margin-bottom: 20px;
        width: 502px;
        min-height: 370px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

    .product-item .toggle-con{
        height: auto !important;
        overflow: visible !important;
    }

    .product-items .product-item:nth-child(odd) {
        float: left;
    }

    .product-items .product-item:nth-child(even) {
        float: right;
    }


    .product-item .toggle-a {
      font-size: 18px;
      padding-bottom: 0;
      cursor: text;
      cursor: default;
    }

    .toggle-a-img-inner{
        width: 240px;
        height: 180px;
        overflow: hidden;
        position: relative;
    }

    .toggle-a-img-anime {
        position: absolute;
        top: 0;
        left: 0;
    }

    .toggle-a-img-anime img {
        width: 240px;
        height: 180px;
/*        transform-origin: 50% 50%;*/
    }

    .toggle-a-img-anime-cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #3f5686;
        opacity: 0;
    }

    .toggle-a-img-anime-txt{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200px;
        height: 22px;
        margin-left: -100px;
        margin-top: -11px;
    }


    .product-item .toggle-a:before {
        display: none;
    }

    .product-item .toggle-a:after {
      display: none;
    }

    .product-item .toggle-a.state-active:after {
        display: none;
    }


    .toggle-a-img{
        width:240px;
    }

    .product-item-anime-txt img {
        width: 200px !important;
        height: 22px !important;
    }

    .toggle-a-txt span{
        margin-top: 8px;
        font-size: 13px;
    }

    .product-item-list{
        padding:16px 10px 3px;
    }
    .product-item-list li{
        margin-bottom: 4px;
        width: 50%;
        float: left;
    }

    .product-item-list li:last-child{
        margin-bottom: 4px;
    }

    .product-item-list li a{
        padding:6px 4px 6px 24px;
        font-size: 14px;
    }

    .product-item-list li a:hover{
        text-decoration:underline;
    }

    .product-item-list li a:after {
      position: absolute;
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-top: 4px solid transparent;
      border-left: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-right: 4px solid transparent;
      border-left: 4px solid #0b427b;
      left: 10px;
      top: 9px;
      pointer-events: none;
    }


    .product-item .toggle-con {
      height: auto;
      overflow: visible;
    }

    .toggle-a-img-anime-txt {
        webkit-transform: translate(0px, 10px);
        -moz-transform: translate(0px, 10px);
        transform: translate(0px, 10px);
        opacity: 0;
    }
/*    .toggle-a-img-anime-txt {
        transition: all .3s;
    }

    .toggle-a-img-anime-cover {
        transition: all .3s;
    }

    .toggle-a-img-anime img {
        transition: all .3s;
    }
    a:hover .toggle-a-img-anime-cover {
        opacity: 0.5;
    }

    a:hover .toggle-a-img-anime img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    a:hover .toggle-a-img-anime-txt {
        webkit-transform: translate(0px, 0);
        -moz-transform: translate(0px, 0);
        transform: translate(0px, 0);
        opacity: 1;
    }*/

    .product-item-list-more{
        margin: 15px 20px 10px;
    }

    .product-item-list-more a{
        padding: 12px 10px !important;
        background: #fff;
        border: 1px solid #0b427b;
        color: #0b427b ;
        font-size: 13px;
        transition: all .3s;
    }

    .product-item-list-more a:hover{
        background: #0b427b;
        color: #fff;
    }

}

.product-banner-items{
    margin: 0 20px 30px;
}

.product-banner-items li{
    margin-bottom: 10px;
    background: #fff;
}

.product-banner-items li:last-child{
    margin-bottom: 0;
}

.product-banner-items li img{
    width: 100%;
    height: auto;
}

.product-banner-items li a{
    display: block;
}

.sp-disp{
    display: block;
}

.pc-disp{
    display: none;
}

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

    .product-banner-items{
        width: 750px;
        margin: 0 auto 32px;
    }

    .product-banner-items li{
        margin-bottom: 15px;
    }

    .product-banner-items li a{
        -webkit-transition: opacity 0.3s ease;
        -moz-transition: opacity 0.3s ease;
        -ms-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }
    .product-banner-items li a:hover{
        opacity: 0.7;
    }

    .sp-disp{
        display: none;
    }

    .pc-disp{
        display: block;
    }
}