@charset "UTF-8";

/* ------------------
	under
 ------------------ */

/* ------------------
コンテンツマーケティング
------------------ */
.mark_c{    margin-top: 50px;}
.mark_c .mb_txt {
    margin-bottom: 50px;
}

.mark_c .sd_tit{
    border-bottom: 3px solid #218380;
    font-size: 22px;
    line-height: 150%;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.mark_c .th_tit{
    border-left: 5px solid #218380;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 30px;
    padding: 10px 20px;
}

.mark_c .for_tit{
    background: url(../img/dot-line.gif) repeat-x left bottom;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 30px;
    padding: 10px 0px;
}

.mark_c .mb_txt p {
    margin-bottom: 20px;
}

.mark_c .mb_txt p:last-child {
    margin-bottom: 0;
}

.c_single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c_single_r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.c_single,
.c_single_r {
    margin-bottom: 50px;
}

.c_photo {
    width: 46%;
}

.c_photo img {
    width: 100%;
    height: auto;
}

.c_single .mb_txt,
.c_single_r .mb_txt {
    margin-bottom: 0;
    width: 48%;
}

.c_twos{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
}

.c_twos .c_photo {
    width: 48%;
}

.c_thrs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c_thrs .c_photo {
    width: 32%;
}


/* ------------------
reecommend
------------------ */

.reecommends {
    margin-bottom: 50px;
    display: flex;
    display: -webkit-box;
    /*--- Androidブラウザ用 ---*/
    display: -ms-flexbox;
    /*--- IE10 ---*/
    display: -webkit-flex;
    /*--- safari（PC）用 ---*/
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    /*--- safari（PC）用 ---*/
    -ms-flex-direction: row;
    /* for IE10 */
    -ms-flex-wrap: wrap;
    /* for IE10 */
}

.reecommends li {
    list-style: none;
    width: 18%;
    margin: 0 2.5% 4% 0;
}

.reecommends li:nth-child(5n) {
    margin-right: 0;
}

.rank_photo {
    position: relative;
    margin-bottom: 10px;
}

.reecommends .frame {
    margin-bottom: 20px;
}

.reecommends .frame iomg {
    width: 100%;
    height: auto;
}

.reecommends a {
    text-decoration: none;
}

.reecommends dt {
    font-weight: bold;
    font-size: 110%;
    line-height: 150%;
}

.reecommends .prices {
    color: #990000;
    font-size: 110%;
    line-height: 150%;
    margin-bottom: 10px;
}

.reecommends a {
    -webkit-transition: .3s;
    transition: .3s;
}

.reecommends a:hover {
    opacity: .6;
}

.info_rank {
    color: #999;
    font-size: 90%;
}

.info_price {
    color: #990000;
    font-weight: bold;
}

.rftxt {
    text-align: center;
    margin-bottom: 20px;
}

#prev_no {
    display: none !important;
}

/* 利用規約 */

.min_tit {
    font-weight: bold;
    margin-bottom: 25px;
}

.serv_trem_box dt {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 120%;
}

.serv_trem_box dd {
    margin-bottom: 30px;
    background: url(../img/dot-line.gif) repeat-x left bottom;
    padding-bottom: 30px;
}

.serv_trem_box ol {
    margin-left: 25px;
}

.end_r {
    text-align: right;
}

/* ご利用ガイド_ギフト */

.gif_navs li img,
.gift_infos img {
    width: 100%;
    height: auto;
}

.gift_infos {
    margin-bottom: 40px;
}

.gif_navs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 50px;
}

.gif_navs li {
    list-style: none;
    width: 31.6%;
    margin: 0 2.6% 2.6% 0;
}

.gif_navs li:nth-child(3n) {
    margin-right: 0;
}

.gif_navs a,
.gif_navs a img {
    -webkit-transition: .3s;
    transition: .3s;
}

.gif_navs a:hover {
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
}

.gif_navs a:hover img {
    opacity: .5;
}

.tp_arange {
    color: #a99660;
    font-size: 200%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
}

.tp_arange:before,
.tp_arange:after {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: #a99660;
    display: block;
}

.tp_arange:before {
    margin-right: .4em;
}

.tp_arange:after {
    margin-left: .4em;
}

.gift_intros {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px;
}

.rapp_intros {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

.txt_areas {
    width: 52%;
}

.txt_areas p {
    margin-bottom: 20px;
}

.txt_areas p:last-child {
    margin-bottom: 0;
}

.photo_area {
    width: 42%;
}

.photo_area li {
    list-style: none;
}

.paterns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url(../img/d_delta.gif) no-repeat center center;
}

.paterns img,
.gui_dobb img {
    width: 100%;
    height: auto;
}

.paterns li,
.gui_dobb li {
    width: 46%;
}

.mini_s {
    font-size: 86%;
    line-height: 150%;
    margin-bottom: 10px;
}

.gui_dobb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.gui_dobb li {
    margin: 0 8% 4% 0;
}

.gui_dobb li:nth-child(2n) {
    margin-right: 0;
}

.gui_single li {
    margin-bottom: 20px;
}

.gui_single li:last-child {
    margin-bottom: 0;
}

.guide_bb_btn {
    width: 60%;
    margin: 0 auto 60px;
}

.guide_bb_btn a {
    display: block;
    text-decoration: none;
    background: url(../img/emptycart.svg) no-repeat 5% center #cf3c01;
    background-size: 20px 20px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px 10%;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 130%;
    transition: .3s;
    -webkit-box-shadow: 0px 5px 0 #842404;
    box-shadow: 0px 5px 0 #842404;
}

.guide_bb_btn a:hover {
    display: block;
    background: url(../img/emptycart.svg) no-repeat 5% center #cf3c01;
    background-size: 20px 20px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px 0;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: .7;
    text-decoration: none;
    -webkit-box-shadow: 0px 5px 0 #842404;
    box-shadow: 0px 5px 0 #842404;
}

/* サイトマップ */
.sitemap_link > ul {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sitemap_link li {
    list-style: none;
}

.sitemap_link p {
    border-bottom: 5px solid #000;
    display: inline-block;
    margin-bottom: 20px;
}

.sitemap_link > ul > li {
    width: 48%;
    margin: 0 4% 4% 0;
}

.sitemap_link > ul > li:nth-child(2n) {
    width: 48%;
    margin: 0 0 4% 0;
}

.sitemap_link > ul > li li a {
    font-size: 88%;
    display: block;
    background: url(../img/r-delta_blo.svg) no-repeat left center;
    background-size: 6px 6px;
    padding-left: 16px;
}

/* 企業情報 */

.com_area .company_box {
    width: 100%;
}

.com_area .company_box .com_tit {
    font-size: 160%;
    font-weight: bold;
    margin-bottom: 20px;
    background: url(../img/dot-line.gif) repeat-x left bottom;
    padding-bottom: 20px;

    line-height: 150%;
}

.com_area table {
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    width: 100%;
    margin: 0 0 40px;
}

.com_area table th,
.com_area table td {
    border-bottom: 1px dotted #ccc;
    padding: 20px 15px;
}

.com_area table th {
    border-left: 1px solid #e6e6e6;
    background: #f3f3f3;
    width: 20%;
}

.com_area .access_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.com_area .access_box ul li {
    width: 48%;
    margin: 0 4% 40px 0;
    list-style: none;
}

.com_area .access_box ul li img {
    width: 100%;
    height: auto;
}

.com_area .access_box ul li:nth-child(2n) {
    margin-right: 0;
}

.com_area .access_box ul li dl {}

.com_area .access_box ul li dl dt {
    text-align: center;
    font-size: 24px;
    padding: 40px 0 20px;
}

.com_area .access_box ul li dl dd {
    margin: 0 0 20px;
}

.com_area .access_box ul li dl dd .maplink {
    margin: 0 0 0 1em;
    display: inline-block;
}

.com_area .access_box ul li dl dd iframe {
    width: 100%;
    height: 300px;
}

.bousai_staff {
    width: 100%;
    margin: 0 auto 40px;
}

.bousai_staff img {
    width: 100%;
    height: auto;
}

.bousai_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.bousai_list li {
    width: 19%;
    margin: 0 0 2.5%;
    list-style: none;
}

.bousai_list li img {
    width: 100%;
    height: auto;
}

.bousai_list li:nth-child(2n) {
    margin-right: 0;
}

.staff {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
}

.staff .photos {
    width: 36%;
}

.profs {
    width: 40%;
}

.b_card {
    width: 15%;
}


.staff img {
    width: 100%;
    height: auto;
}

.stazz {
    background: #333;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 15px;
    border-radius: 6px;
}

.profs dt {
    color: #ccc;
    letter-spacing: 2px;
}

.profs .name {
    font-size: 140%;
    margin-bottom: 10px;
}

/* ショッピングカート */

.cart-block:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.cart-block {
    background: #e3ddcd;
    padding: 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cart-block li {
    width: 23.5%;
    text-align: center;
    list-style: none;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

.cart-block li:hover {
    width: 23.5%;
    text-align: center;
    list-style: none;
    background: #fff;
    opacity: .7;
}

.cart-block li a {
    display: block;
    padding: 5% 10%;
    text-decoration: none;
    height: 100%;
}

.cart-block li dt {
    max-width: 120px;
    max-height: 120px;
    margin: 0 auto;
}

.cart-block li dd {
    color: #000;
    font-size: 86%;
    line-height: 150%;
}

.cart-block li dd.btns {
    background: #a79667;
    color: #fff;
    padding: 15px 0;
    margin-top: 15px;
}

/* 新規会員登録 */

.guide-link {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.guide-link li {
    width: 30%;
    list-style: none;
    margin-right: 5%;
}

.guide-link li:nth-child(3n) {
    margin-right: 0;
}

.guide-link li a {
    display: block;
    text-align: center;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    border-radius: 20px;
    padding: 3% 5%;
    font-size: 86%;
    text-decoration: none;
}

.took_logo {
    text-align: center;
    margin: 0 auto 5px;
}

.took_logo img {
    width: 304px;
    height: 80px;
}

.took_mtit {
    text-align: center;
    margin-bottom: 45px;
    padding: 2%;
}

.took_mtit dt {
    font-size: 200%;
    font-weight: bold;
    line-height: 150%;
    letter-spacing: 1px;
}

.took_mtit dd {
    font-size: 160%;
    font-weight: bold;
}

.tokus {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.tokus li {
    width: 48%;
    margin-bottom: 4%;
    list-style: none;
    min-height: 100px;
    padding: 0 0 20px 15%;
    min-height: 120px;
}

.tokus dt {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 15px;
}

.tokus dd {
    color: #999;
}

.toku01 {
    background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku01.svg) no-repeat left top;
}

.toku02 {
    background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku02.svg) no-repeat left top;
}

.toku03 {
    background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku03.svg) no-repeat left top;
}

.toku04 {
    background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku04.svg) no-repeat left top;
}

.toku05 {
    background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku05.svg) no-repeat left top;
}

.toku06 {
    background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku06.svg) no-repeat left top;
}

.toku07 {
    background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku07.svg) no-repeat left top;
}

.toku01,
.toku02,
.toku03,
.toku04,
.toku05,
.toku06,
.toku07 {
    background-size: 4px 1px, 100px 100px;
}

.stage_infos dt {
    background: #333;
    text-align: center;
    color: #fff;
    padding: 15px;
}

.stage_infos dd {
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    padding: 5%;
}

.stage_infos {
    margin: 30px auto 60px;
}

/* お問い合わせ */
.contact_area table {
    width: 100%;
    margin: 20px auto;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.contact_area table th,
.contact_area table td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 2%;
    vertical-align: top;
}

.contact_area table th {
    width: 20%;
    background: #eee;
}

.contact_area input[type="text"] {
    padding: 5px;
    width: 60%;
}

.con_form {
    text-align: center;
    margin-top: 20px;
    font-size: 130%;
}

.con_form input[type="submit"] {
    width: 30%;
    padding: 10px;
    background: #b3292c;
    color: #fff;
    border-radius: 4px;
}

.con_form input[type="reset"] {
    width: 30%;
    padding: 10px;
    background: #333;
    color: #fff;
    border-radius: 4px;
}

/* よくあるご質問 */

#acMenu {
    margin-bottom: 60px;
}

#acMenu dt {
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    padding: 2% 2% 2% 7%;
    background: url(../img/open.svg) no-repeat 97% center, url(../img/icon-q.svg) no-repeat 3% 20px;
    background-size: 12px 12px;
    margin: -1px 0 0 0;
}

#acMenu dd {
    display: none;
    width: 100%;
    background: url(../img/icon-a.svg) no-repeat 3% 20px #e3ddcd;
    background-size: 12px 12px;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    padding: 2% 2% 2% 7%;
    margin: -1px 0 0 0;
}

#acMenu dt.active {
    background: url(../img/acc-close.svg) no-repeat 97% center, url(../img/icon-q.svg) no-repeat 3% 20px;
    background-size: 12px 12px;
}

.com_tit {
    font-size: 160%;
    font-weight: bold;
    margin-bottom: 20px;
    background: url(../img/dot-line.gif) repeat-x left bottom;
    padding-bottom: 20px;

    line-height: 150%;
}


/* メルマガ登録 */
.linecolub {
    margin: 20px 0;
}

.linecolub img {
    width: 100%;
    height: auto;
}

/* 商品一覧 */
.groups_tit {
    width: 1120px;
    margin: 0 auto 40px;
}

/* ------------------
ranking
------------------ */

.rankings {
    margin-bottom: 50px;
    display: flex;
    display: -webkit-box;
    /*--- Androidブラウザ用 ---*/
    display: -ms-flexbox;
    /*--- IE10 ---*/
    display: -webkit-flex;
    /*--- safari（PC）用 ---*/
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    /*--- safari（PC）用 ---*/
    -ms-flex-direction: row;
    /* for IE10 */
    -ms-flex-wrap: wrap;
    /* for IE10 */
}

.rankings li {
    list-style: none;
    width: 18%;
    margin: 0 2.5% 4% 0;
}

.rankings li:nth-child(5n) {
    margin-right: 0;
}

.rank_photo {
    position: relative;
    margin-bottom: 30px;
}

.frame {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    width: 148px;
    height: 148px;
}

.rank_icon {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -25px;
}

.no01 {
    color: #ca9f0b !important;
}

.no02 {
    color: #969696 !important;
}

.numbers {
    position: absolute;
    bottom: -10px;
    font-family: HelveticaNeue-CondensedBold, 'arial black';
    right: 10%;
    font-size: 120%;
    color: #80653a;
}

.rankings dt {
    font-weight: bold;
    font-size: 110%;
    line-height: 150%;
}

.rankings .prices {
    color: #990000;
    font-size: 110%;
    line-height: 150%;
    margin-bottom: 10px;
}

.info_rank {
    color: #999;
    font-size: 90%;
}

.rftxt {
    text-align: center;
    margin-bottom: 20px;
}

/* 商品詳細 */
.item_action ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 30px !important;
}

.item_action ul li {
    list-style: none;
    width: 48%;
    margin-bottom: 0px;
}

.item_action ul li img {
    width: 100%;
    height: auto;
}

.item_action ul li:last-child {
    margin-bottom: 0;
}

.item_specs {
    margin-bottom: 40px !important;
}

.item_specs table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.item_specs table th,
.item_specs table td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 2%;
}

.item_specs table td a {
    text-decoration: underline !important;
}

.item_specs table th {
    width: 20%;
    background: #dcd5c4;
}

.item_specs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.item_specs ul li {
    list-style: none;
    width: 12.4%;
    text-align: center;
}

.item_specs ul li dt {
    background: #efefef;
    font-size: 80%;
    line-height: 150%;
    padding: 10px 0;
}

.shop_guideicon {
    margin-bottom: 40px !important;
}

.shop_guideicon ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.shop_guideicon li {
    list-style: none;
    width: 16%;
}

.shop_guideicon li img {
    width: 100%;
    height: auto;
}

.shop_guideicon li a {
    -webkit-transition: .3s;
    transition: .3s;
}

.shop_guideicon li a:hover {
    opacity: .5;
}

.contents_marke {
    margin-bottom: 40px !important;
}

.contents_marke h3 {
    margin-bottom: 15px;
    color: #a79667;
    font-size: 130%;
}

.basic_lt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}

.basic_lt .photo {
    width: 44%;
}

.basic_lt .mb_txt {
    width: 52%;
}

.contents_marke .photo img {
    width: 100%;
    height: auto;
}

.basic_lt_min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}

.basic_lt_min .photo {
    width: 36%;
}

.basic_lt_min .mb_txt {
    width: 58%;
}

.basic_rt_min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 40px;
}

.basic_rt_min .photo {
    width: 28%;
}

.basic_rt_min .mb_txt {
    width: 64%;
}

.contents_marke .photo img {
    width: 100%;
    height: auto;
}

.dobble ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}

.dobble li {
    list-style: none;
    width: 48%;
}

.itemvisivle {
    padding: 6%;
    -webkit-box-shadow: 0 0 0 1px #666 inset;
    box-shadow: 0 0 0 1px #666 inset;
    border-radius: 5px;
}

.now_item {
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 15px;
}

.near_item {
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 15px;
    border-top: 1px dotted #000;
    padding-top: 20px;
    margin-top: 20px !important;
}

.fs-p-productDescription table {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.fs-p-productDescription table th,
.fs-p-productDescription table td {
    padding: 1%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* ------------------
ブログ
------------------ */

.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}

.pagination-box {
    display: inline-block;
}

.pagination span,
.pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    width: auto;
    color: #fff;
    /* 通常の文字色 */
    background: #333;
    /* 通常の背景色 */
}

.pagination a:hover {
    color: #fff;
    /* マウスホバー時の文字色 */
    background: #000;
    /* マウスホバー時の背景色 */
}

.pagination .current {
    padding: 10px 15px 10px 15px;
    color: #000;
    /* 現在のページの文字色 */
    background: #ccc;
    /* 現在のページの背景色 */
}

@media only screen and (max-width: 413px) {
    .pagination {
        font-size: 12px;
        line-height: 12px;
    }

    .pagination span,
    .pagination a {
        padding: 8px 10px 8px 10px;
    }

    .pagination .current {
        padding: 8px 10px 8px 10px;
    }
}

.post_thumbnail {
    margin-bottom: 40px;
}

.blog_mv {
    width: 100%;
    background: url(../img/blog_mv.jpg) no-repeat center center;
    background-size: cover;
    margin-bottom: 50px;
}

.blog_mvin {
    width: 1120px;
    margin: 0 auto;
    position: relative;
    height: 500px;
}

.blog_mvin p {
    display: inline-block;
    color: #fff;
    font-size: 220%;
    line-height: 150%;
    padding: 2%;
    background: rgba(0, 0, 0, .9);
    position: absolute;
    left: 0;
    bottom: 0;
}

.blog_contst {
    margin-top: 40px;
    width: 1120px;
    margin: 40px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.blog-side {
    width: 280px;
}

.blog_contst main {
    width: 800px;
}

.side_blogtit {
    text-align: center;
    padding: 5%;
    font-size: 130%;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px;
    border-bottom: 5px solid #6d9f50;
}

.new_list {
    margin-bottom: 25px;
}

.new_list li {
    list-style: none;
    font-weight: bold;
}

.new_list a {
    display: block;
    background: url(../img/bl_arrow.svg) no-repeat right center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 8px 8px, 4px 1px;
    padding: 10px 5%;
}

.new_list a:hover {
    display: block;
    background: url(../img/bl_arrow.svg) no-repeat right center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 8px 8px, 4px 1px;
    padding: 10px 5%;
}

.bl_btn {
    margin-bottom: 40px;
}

.bl_btn a {
    background: url(../img/wh_arrow.svg) no-repeat 96% center #222;
    background-size: 8px 8px;
    display: block;
    padding: 10px 6%;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
}

.bl_btn a:hover {
    background: url(../img/wh_arrow.svg) no-repeat 96% center #666;
    background-size: 8px 8px;
    display: block;
    padding: 10px 6%;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    text-align: center;
}

.nierly_list {
    margin-bottom: 40px;
}

.nierly_list li {
    list-style: none;
}

.nierly_list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(../img/bl_arrow.svg) no-repeat right center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 8px 8px, 4px 1px;
    padding: 10px 5% 10px 0;
}

.nierly_list a:hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(../img/bl_arrow.svg) no-repeat right center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 8px 8px, 4px 1px;
    padding: 10px 5% 10px 0;
}

.nierly_list a p:first-child {
    width: 34%;
}

.nierly_list a p:first-child img {
    width: 100%;
    height: auto;
}

.nierly_list a p:last-child {
    width: 60%;
}

.bl_bnner {
    margin: 0 auto;
    text-align: center;
}

.blog_recom {
    margin-bottom: 50px;
}

.blog_recom ul li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3%;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    margin-bottom: 30px;
}

.blog_recom ul li p {
    width: 34%;
}

.blog_recom ul li p img {
    width: 100%;
    height: auto;
}

.blog_recom ul li .diff {
    width: 60%;
}

.blog_recom ul li .diff dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.blog_recom ul li .diff dt {
    background: #c53630;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    display: inline-block;
    margin-right: 5%;
}

.blog_recom ul li .diff dd {
    font-weight: bold;
}

.blog_recom ul li .diff h2 {
    background: url(../img/dot-line.gif) repeat-x left bottom;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.blog_recom ul li .diff p {
    width: 100%;
}

.blog_recom ul li .diff p.more a {
    background: #000;
    padding: 8px;
    color: #fff;
    text-decoration: none;
    float: right;
}

/* ------------------
スタッフブログ詳細
------------------ */

.cate_day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.cate_day dt {
    background: #c53630;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    display: inline-block;
    margin-right: 5%;
}

.cate_day dd {
    font-weight: bold;
}

.blog_details h1 {
    font-size: 200%;
    line-height: 150%;
    border-top: 5px solid #6d9f50;
    padding: 25px 0;
}

.blog_details img {
    max-width: 100%;
    height: auto;
}

.blog_details iframe {
    max-width: 100%;
}

.blog_details .mb_txt p {
    margin-bottom: 30px;
}

.blog_details .mb_txt a,
.blog_details .mb_txt a img {
    display: block !important;
}

.blog_details .mb_txt a br {
    clear: both;
}

.thamnail {
    margin-bottom: 30px;
}

.thamnail img {
    width: 100%;
    height: auto;
}

.blog_details h2.ver1 {
    background: #efefef;
    padding: 10px 3%;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 150%;
    font-weight: bold;
    line-height: 150%;
}

.blog_details h2.ver2 {
    -webkit-box-shadow: 0 0 0 1px #a99660 inset;
    box-shadow: 0 0 0 1px #a99660 inset;
    padding: 10px 3%;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 150%;
    font-weight: bold;
    line-height: 150%;
}

.blog_details h3.ver1 {
    border-left: 10px solid #c53630;
    font-size: 130%;
    font-weight: bold;
    line-height: 150%;
    padding-left: 20px;
    margin-bottom: 20px;
}

.blog_details h3.ver2 {
    background: url(../img/dot-line.gif) repeat-x left bottom;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 130%;
    font-weight: bold;
    line-height: 150%;
}

.listback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.listback a {
    background: #222;
    padding: 8px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    text-align: right;
}

.end_share {
    clear: both;
    margin: 30px auto 50px;
}

.end_share dt {
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 20px;
}

.end_share dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 30%;
    margin: 0 auto;
}

.end_share dd ul li {
    list-style: none;
}

.end_share dd ul li img {
    width: 40px;
    height: 40px;
}

/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next {
    width: 100%;
    margin: 36px 0 50px;
    padding: 0;
    display: table;
}

#prev_next #prev,
#prev_next #next {
    width: 50%;
    padding: 30px 10px 10px;
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    display: table-cell;
    position: relative;
    text-decoration: none;
}

#prev_next #prev p,
#prev_next #next p {
    font-size: 90%;
    line-height: 1.5;
}

#prev_next #prev:hover,
#prev_next #next:hover {
    background-color: rgba(238, 238, 238, 0.7);
}

#prev_next #prev {
    border-right: #ccc 1px solid;
}

#prev_next #prev_title,
#prev_next #next_title {
    font-size: 90%;
    top: -1em;
    position: absolute;
    border: 1px #ccc solid;
    background: #fff;
    text-align: center;
    padding: 3px;
    color: #666;
}

#prev_next #next_title {
    right: 10px;
}

#prev_next #prev img,
#prev_next #next img {
    margin: 0 auto;
}

#prev_next #prev_no,
#prev_next #next_no {
    width: 50%;
    height: 140px;
    padding: 0 10px;
    display: table-cell;
}

#prev_next #prev_no {
    border-right: #ccc 1px solid;
}

#prev_next_home {
    margin: 0 auto;
    background-color: #39f;
    border: solid 9px #fff;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    box-shadow: 0 0 0 3px #39f;
    -webkit-box-shadow: 0 0 0 3px #39f;
    -moz-box-shadow: 0 0 0 3px #39f;
    text-align: center;
}

#prev_next_home:hover {
    background-color: rgba(0, 0, 255, 0.7);
}

#prev_next_home i {
    color: #FFF;
    margin: 10px auto;
    font-size: 60px;
}

.addthis_inline_share_toolbox {
    margin-bottom: 30px;
}

.media_recom {
    margin-bottom: 50px;
}

.media_recom ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.media_recom ul li {
    list-style: none;
    width: 23.5%;
    margin: 0 2% 3% 0;
}

.media_recom ul li:nth-child(4n) {
    margin-right: 0;
}

.media_recom ul li p {
    text-align: center;
    margin-bottom: 10px;
}

.media_recom ul li p img {
    width: auto;
    max-height: 200px;
    height: 100%;
}

.color-magazine {
    background: #c53630;
    padding: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
}

.color-tv {
    background: #a99660;
    padding: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
}

.media_photo {
    background: #fff;
    display: block;
    font-size: 0;
    line-height: 1em;
    font-size: 0;
}

.award_recom {
    margin-bottom: 50px;
}

.award_recom ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.award_recom ul li {
    border-bottom: 1px solid bottom #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.award_recom ul li .awa_photo {
    width: 35%;
}

.award_recom ul li .awa_photo img {
    width: 100%;
    height: auto;
}

.award_recom ul li .mb_txt {
    width: 60%;
}

.skin_s {
    width: 100%;
    height: auto;
}

.skin_s {
    font-size: 130%;
}

.endles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

}

.endles li {
    list-style: none;
}

.endles li:first-child {
    width: 30%;
}

.endles li:last-child {
    width: 64%;
}

.mint {
    font-weight: bold;
    font-size: 130%;
    line-height: 150%;
    text-align: center;
}

.illi {
    font-size: 200%;
    line-height: 120%;
}

.illi span {
    font-size: 60%;
}

.oils {
    margin: 0 0 35px 30px;
    -webkit-box-shadow: 0 0 0 1px #ccc;
    box-shadow: 0 0 0 1px #ccc;
    padding: 3% 3% 3% 10%
}

.patora {
    background: url(../img/patora.gif) no-repeat right top;

}

.kouka {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.kouka li {
    width: 48%;
    margin: 0 4% 4% 0;
    background: #efefef;
    padding: 3%;
    list-style: none;
}

.subus {
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.kouka li:nth-child(2n) {
    margin-right: 0;
}

.skinc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.skinc li {
    width: 32%;
    margin: 0 2% 0% 0;
    padding: 0%;
    list-style: none;
}

.skinc li:nth-child(3n) {
    margin-right: 0;
}

.skinc li img {
    max-width: 100%;
    height: auto;
}

.slins {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slins li {
    list-style: none;
    width: 35%;
}

.slins li:last-child {
    width: 60%;
}

.little .buy_btn {
    width: 40%;
    margin: 30px auto;
}

.handc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.handc > li {
    list-style: none;
    width: 45%;
}

.handc > li:last-child {
    width: 50%;
}

.handc li ol {
    width: 100%;
    margin-left: 25px;
}

.seis {
    text-align: center;
    margin: 0 auto;
}

/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {}

/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {}

/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {

    /*-- ここから --*/
    /*--------------------------------------
    768px PREV NEXT
    --------------------------------------*/
    #prev_next #prev,
    #prev_next #prev::before,
    #prev_next #prev::after,
    #prev_next #next,
    #prev_next #next::before,
    #prev_next #next::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    #prev_next #prev_title,
    #prev_next #next_title {
        padding: 3px 10px;
    }

    #prev_next #next_title {
        right: 10px;
    }

    #prev_next #prev img {
        float: left;
        margin-right: 10px
    }

    #prev_next #next img {
        float: right;
        margin-left: 10px;
    }

    /*-- ここまで --*/
}

/* よくあるご質問 */

.fa_box {
    margin-bottom: 50px;
}

.fa_box dt {
    background: url(../img/icon_q.svg) no-repeat left center;
    background-size: 40px 40px;
    padding: 15px 0 15px 54px;
    font-size: 150%;
}

.fa_box dd {
    background: url(../img/icon_a.svg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 40px 40px, 4px 1px;
    ;
    padding: 25px 0 25px 54px;
    margin-bottom: 30px;
    font-size: 120%;
}

/* ご利用ガイド */

.nur_flow .numb01 {
    background: url(../img/icon_num01.gif) no-repeat left center;
    background-size: 30px 30px;
    padding: 12px 0 12px 40px;
}

.nur_flow .numb02 {
    background: url(../img/icon_num02.gif) no-repeat left center;
    background-size: 30px 30px;
    padding: 12px 0 12px 40px;
}

.nur_flow .numb03 {
    background: url(../img/icon_num03.gif) no-repeat left center;
    background-size: 30px 30px;
    padding: 12px 0 12px 40px;
}

.nur_flow .numb04 {
    background: url(../img/icon_num04.gif) no-repeat left center;
    background-size: 30px 30px;
    padding: 12px 0 12px 40px;
}

.nur_flow .numb05 {
    background: url(../img/icon_num05.gif) no-repeat left center;
    background-size: 30px 30px;
    padding: 12px 0 12px 40px;
}

.nur_flow .numb06 {
    background: url(../img/icon_num06.gif) no-repeat left center;
    background-size: 30px 30px;
    padding: 12px 0 12px 40px;
}

.nur_flow dt {
    font-size: 120%;
    font-weight: bold;
    line-height: 150%;
}

.nur_flow dd {
    background: url(../img/dot-line.gif) repeat-x left bottom;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.nosi_tit {
    margin-bottom: 45px;
}

.nosi_tit dt {
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 20px;
}

.nosi_tit dd {
    margin-bottom: 20px;
}

.nosi_tit dd li {
    list-style: circle;
    margin-left: 25px;
}

.nosi_tit dd li span {
    color: #c53630;
    font-weight: bold;
}

.noted {
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 20px;
}

.noshi_num li {
    list-style: none;
    margin-bottom: 10px;
}

.couttion {
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    padding: 3%;
    margin-bottom: 50px;
}

.conta_banner {
    width: 100%;
    margin-bottom: 30px;
}

.conta_banner p {
    margin-bottom: 15px;
}

.conta_banner p:last-child {
    margin-bottom: 0;
}

.conta_banner img {
    width: 100%;
    height: auto;
}

.conta_banner a {
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: underline;
}

.conta_banner a:hover {
    opacity: .7;
    text-decoration: none;
}

.comingsoon {
    margin: 0 auto 40px;
    text-align: center;
}

.comingsoon p {
    text-align: center;
}

.comingsoon img {
    max-width: 500px;
    height: auto;
}

.fs-l-header {
    padding: 0 !important;
}

.holo_ded li {
    list-style: none;
}

.holo_ded {
    margin-bottom: 50px !important;
}

.letter_packs li {
    list-style: none;
}


/* ------------------
コンテンツ（マーケット）
------------------ */

.gensan_photo {
    margin-bottom: 0px;
}

.gensan_photo img {
    width: 100%;
    height: auto;
}

.mb_text {
    background: url(../img/f_bg.jpg) repeat left top;
    padding: 3%;
    margin-bottom: 40px;
}

.mb_text p {
    margin-bottom: 20px;
}

.mb_text p:last-child {
    margin-bottom: 0;
}

.tema_tit {

    line-height: 150%;
    font-size: 180%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    /* for no-flexbox browsers */
    color: #755f31;
    margin-bottom: 15px;
}

.tema_tit:before,
.tema_tit:after {
    border-top: 1px solid #755f31;
    content: "";
    display: inline;
    /* for IE */
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.tema_tit:before {
    margin-right: 0.5em;
}

.tema_tit:after {
    margin-left: 0.5em;
}

.cont_alc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cont_alc .photo {
    width: 30%;
}

.cont_alc .photo img {
    width: 100%;
    height: auto;
}

.cont_alc .mb_txt {
    width: 66%;
}


.cont_threealc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cont_threealc .photo {
    width: 28%;
}

.cont_threealc .photo img {
    width: 100%;
    height: auto;
}

.cont_threealc .mb_txt {
    width: 40%;
    margin-left: 4%;
}

.twos ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.twos ul li {
    list-style: none;
    width: 48%;
}

.twos ul li img {
    width: 100%;
    height: auto;
}

.s_fukudashi {
    background: url(../img/s_fukidashi.jpg) no-repeat center center;
    padding: 10px;
    color: #000 !important;
    font-size: 180% !important;
    text-shadow: 0px 0px 4px #fff;
}

.yuzu_icon01,
.yuzu_icon02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.yuzu_icon03 {
    margin-bottom: 50px;
}

.yuzu_icon03,
.yuzu_icon03 .txt_y3 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.txt_y {
    width: 65%;
    margin-right: 5%;
}

.txt_y2 {
    width: 45%;
    margin-right: 5%;
}

.txt_y3 {
    width: 80%;
}

.y_icons {
    width: 15%;
    height: 15%;
    margin-right: 5%;
}

.y_icons img,
.yuzu_icon01 .photo img,
.yuzu_icon02 .photo img {
    width: 100%;
    height: auto;
}

.yuzu_icon01 .photo {
    width: 10%;
}

.yuzu_icon02 .photo {
    width: 30%;
}

.undei {
    text-align: right;
    margin-top: 25px;
}

.yuzu_icon03 .photo:first-child {
    margin-right: 5%;
}

.yuzu_icon03 .photo img {
    max-width: 100%;
    height: auto;
}

.un_dobble ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}

.un_dobble li:first-child {
    list-style: none;
    width: 39%;
}

.un_dobble li:last-child {
    list-style: none;
    width: 58%;
}

.gomazan ul {
    margin-bottom: 25px;
}

.gomazan li {
    list-style: none;
}

.gomazan dl {
    background: url(../img/dot-line.gif) repeat-x left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.gomazan dl dt {
    font-size: 120%;
}

.gomazan dl span {
    font-size: 80%;
}

.draft {
    border-radius: 4px;
    padding: 2% 5%;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    font-size: 80%;
    margin-bottom: 20px;
}

.gomazan .doukon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.gomazan .doukon .photo {
    width: 50%;
    margin-right: 5%;
}

.gomazan .doukon p:last-child {
    width: 50%;
}

.gomazan .doukon .photo img {
    width: 100%;
    height: auto;
}

.goman {
    text-align: center;
    font-size: 130%;
    text-decoration: underline;
    margin-bottom: 30px;
}

.goman h2 {
    font-size: 160%;
    line-height: 150%;
}

.zan_item {
    background: url(../img/zanmai_set.png) no-repeat 55% 14px, url(../img/zan_un.jpg);
    padding: 3%;
    -webkit-box-shadow: 0 0 0 1px #beb799 inset;
    box-shadow: 0 0 0 1px #beb799 inset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 50px !important;
}

.zan_item .fl {
    width: 75%;
}

.zan_item .fr {
    width: 180px;
}

.zan_item dt img {
    max-width: 180px;
    height: auto;
}


.zan_item dd {
    font-size: 140%;
    line-height: 150%;
}

.t_names {
    color: #ad9929;
    font-weight: bold;
}

.strat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.strat dt {
    width: 180px;
    margin-right: 5%;
}

.inhouse {
    background: url(../img/inhouse_bg.jpg);
    padding: 3% 3% 3%;
    position: relative;
    margin-top: 70px;
}

.inhouse .inzan {
    margin-top: -30px;
    padding-bottom: 10px;
}

.inhouse div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.inhouse div dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
}

.inhouse div dl dt {
    width: 140px;
    margin-right: 3%;
}

.d_names {
    color: #7a6126;
    font-weight: bold;
}

.inhouse div dl dd {
    width: 46%;
}

.inhouse .prices {
    font-weight: bold;
}

.inhouse .prices span {
    font-size: 80%;
}


/* ------------------
	IE10+（Edgeも全て含む） ハック
 ------------------ */

_:-ms-lang(x),
.FS2_additional_image_itemdetail_container form .FS2_figure_table_td_input_cnt input {
    width: 50px;
}

_:-ms-lang(x),
.fs-c-productList__list .fs-c-productListItem__image {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

_:-ms-lang(x),
.fs-l-productLayout__item--1 .fs-c-productMainImage__image img {
    width: 100%;
    height: auto;
}

.fs-l-product4 .fs-l-productLayout {}


/* ------------------
	Edgeのみ（Edge全て） ハック
 ------------------ */

@supports (-ms-ime-align: auto) {}

/* ------------------
	IE11のみ
 ------------------ */

@media all and (-ms-high-contrast: none) {
    /* -  *::-ms-backdrop, .topictab-content li ul li {
    border-bottom: 1px dotted #ccc;
  }- */

    *::-ms-backdrop,
    .layout_table {
        width: 1000px !important;
        margin-right: auto;
        margin-left: auto;
    }

    *::-ms-backdrop,
    .system_content {
        width: 1000px !important;
    }
}

/* ------------------
	firefox
 ------------------ */

@-moz-document url-prefix() {}

/* ------------------
	Chrome
 ------------------ */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .FS2_additional_image_itemdetail_container form .FS2_figure_table_td_input_cnt input {
        width: 50px;
    }
}


/* ------------------
	tablet css
 ------------------ */

@media screen and (min-width:767px) and (max-width:1320px) {}

@media screen and (min-width:767px) and (max-width:1024px) {}
