@charset "utf-8";
/*
    .:.                  ``           .-`             ``
    om+`..`            .+hy.          /mo   ``       .hh.
:sssdhsooo.         `:sho-`      -ooooohdyosss`     `yh.
   /m/  +oooo+    .oyo-           .`..``+do`        sd:..
  `hy  ..```..    /my-             -o+   -yh/      omy+od+
  sd. oh`          `/yy+-         -mo      --     /mo` .m+   +o
 om/  oh+:::::        .ohh+-      `oyo/::::/`    :mo   .ds-/yh:
`/:    .:////:           :s/        `-::///:`    ./     ./+/-



    /+//:-.        .+-                    ````
    --://+/      ``/m+`:+oo-    `oossooyhyssso
 `-/++oooo+-    -o+sdyy+-.hd`    ..```od+`
 .o/-.```.om/     .yds`   hy         +m:
          :mo   .ohod+   -m+         yd`
       `.+ds`   :o`.m+   -mo.//      :dy:.`      `/:
    +osss+.        -d+    :oo+.       `/ossy+    `/hh-
    `.`             ``                              -`


    `-.                               `.              ``
    om/ `.             `/hy.          /mo    `       `hh.
:soshdssoo.          :shs:`      .o+++ohdsosss`     `yd.
 ``/m/  +oooo+    `+yo:`         `-.....+mo`        od:``
  `hy  .....--    /my.             .o+   :hy:      +my+od+
  od- +h`          .+yy+.         -mo`     ::     :ms` .m+   +o
 +m/  sh/:----        -ohy/.      `sy+::---:`    :ms   .ms-:sh/
`+/    .:++++/          `/y+        `-//////`    -+`    -+++:`



      .:`          .......-                           //`                  ```
      /N/   `      ++++sdds`       ossssyyyh/        /ms`        :ooooosyyssss.
      :dyosss.       `/yo.            .oy+:.`       -do          .-..`:dy-` +-+.
      -m/          `+hhs++oo-      :+` `           .hh/++.           `hs    :`:
  -/++ods-`      .oho-     om:    od:             `yd+-:mo   ``      /m/
 sd:.`:dyoyy+-   ./`      .yd-    yd/.`   ``.`    sd-  -m+  -hy`     .hh:`
 /yo//sh-  -+/       :+ooss+.     `:ossssssss/   +d:   `yyosy+`       `/sysso
   ....              `..`                         `      `.`              ```


     ``              `              ``                  `               ``
     yh`            :ssso+:        `oooooo+        ````sh.```          `yh.````
 +ooodhoooo`       :/` `.:-       .:::://++       +oooohdoooo-   :sooooohdoooo+
 `..+m+...`       `ds  `..`       -+/:/hds:      `:::::yd/:::-      `/oohd.
 ooohdsooo-+y.    -dyoo+++sy/        :hd+`       `::://yd/:::-      /m- :m+
    hy     :m/    /do.     ym.     -yh/-yy        .++++ydo:.        .yo/sm+
    od/.`.:yh.     `  ``.:oho    -yh/   yd-.-:.   yd-`.yd:/syo       `:ods`
     -+ooo+-        .oooo+:`     -/`    ./+++/.   `/++o+.   ..      +so+-



      `-`           -::--.`       `.
      /m/           ://++oo`      yd. :////++-
      :dyosss.    .-:/++++/.     .ds  -:::::-`
      -m+        `so/:-..-od+    -m+
  .://odo.                `dy    :m/ `s+
 od/../dhsys/.          `-yh-    :m+ .mo`` ```   .+::/
 /ho::oh: `-o/      :+osys/`     .do  -osossss`  ++ `y.
  `.--.`            .:-`          ``              -+:`


*/


/*Global*/

::selection {
    background-color: #faeda0;
}

@font-face {
    font-family: 'Museo500';
    src: url('Museo500-Regular-webfont.eot');
    src: url('Museo500-Regular-webfont.eot?iefix') format('eot'), url('Museo500-Regular-webfont.woff') format('woff'), url('Museo500-Regular-webfont.ttf') format('truetype'), url('Museo500-Regular-webfont.svg#webfontBsA9EFUC') format('svg');
}

/*
@font-face {
    font-family: 'Noto Serif Japanese';
    src: url('NotoSerifWeb-Reg.otf');
    src: url('NotoSerifWeb-Reg.woff') format('woff');
    font-weight:normal;
}
@font-face {
    font-family: 'Noto Serif Japanese';
    src: url('NotoSerifWeb-Bold.otf');
    src: url('NotoSerifWeb-Bold.woff') format('woff');
    font-weight:bold;
}
*/

@font-face{
font-family:Yu Mincho;
src:local('Yu Mincho Regular');
font-weight:normal;
}
@font-face{
font-family:Yu Mincho;
src:local('Yu Mincho Demibold');
font-weight:bold;
}


/*font*/
body,
section#blogarticle article h1,
.sp-title-wh,
.sp-ex-wh,
.sp-title-bk,
.sp-ex-bk{
	font-family: 'source-han-serif-japanese', 'Noto Serif JP', 'Noto Serif Japanese', "Ryo Display PlusN", "游明朝体 Medium", "Yu Mincho Medium", "游明朝体", YuMin, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "ipaexm", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#manual li a,
.column > h1,
#craftman > h1,
.layout-wm section.firstsectiononpages > h1,
#recruit .indexmain > h1,
#shoplist .indexmain > h1,
#blogs > h1,
#blogarticle > h1,
#shoplistprize section h1,
.price,
section#productmain form .qt,
#productmore h1,
#productextra div figure figcaption,
.image-left h2 span,
.image-right h2 span,
#manual li a button,
#productextra h1,
.shoplistsocialbutton a,
.layout-wm a time,
.mt-entry-archive article time,
p#time,
#socialbtns {
    font-family: 'Museo500', sans-serif;
}
#careerinterviewct .item .wrap,
#outside,
section#productmain form,
#tabs ul,
#phone-inq,
.buybtn-brwn,
#oldie,
footer nav,
footer #shopinfo,
div.pageproductdetail,
#productmore .caption,
#productmore section.onecolumn p.product_address,
p.tel,
div.aform-content .aform-input-example,
div.validation-advice,
#parts-2,
#parts-4,
#parts-5,
#parts-6,
#parts-8,
#parts-9,
#parts-10,
#parts-11,
#club1,
#club2,
#club3,
#club4,
#club5,
.aform-input,
.blogitem p,
section#blogarticle article .body,
div.aform-content span.required,
.aform-confirm {
    font-family: 'Lucida Grande', arial, helvetica, 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ms pgothic', sans-serif;
}
.column h1 span,
#craftman h1 span,
.layout-wm section.firstsectiononpages h1 > span,
.layout-w section.firstsectiononpages h1 > span,
.date {
    font-family: Georgia, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ipaexm", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.caption{
    font-size: 80%;
}



body {
    background: url(../img/bgnew.jpg) no-repeat fixed 50% 0 #CCBDAA;
    color: #524739;
    font-size: 14px;
    -webkit-appearance: none;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "palt";
}

button {
    cursor: pointer;
    border: none;
}

a,
a:hover,
a *,
a:hover *,
a:focus,
button,
button:hover,
button:focus,
input,
#accordion h2 a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#cover {
    background: #EEE5DC;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

a {
    color: #a98478;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
    color: #857e7e;
}

a img,
button {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    -o-opacity: 0.9;
    opacity: 0.9;
}

a:hover img,
button:hover,
.maincampaign a img {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

section p {
    line-height:2;
}

table {
    margin-bottom: 1em;
}

td,
th {
    padding: 5px 10px;
    line-height: 1.6;
    border-collapse: collapse;
    border-top: 1px solid #c4b4a0;
    border-bottom: 1px solid #c4b4a0;
}

#generalwebpage th {
    white-space: nowrap;
    text-align: left;
    background: #E2DBD0;
}

#generalwebpage h4 + table tr th,
#generalwebpage h4 + table tr td {
    border-top: none;
}

hr {
    background: none;
    border: none;
}

.mt-entry-archive div.body hr {
    height: 1px;
    border-top: 1px solid rgb(205, 196, 185);
    border-bottom: 1px solid rgb(234, 226, 217);
}


/*radius 5*/

#outside,
#outside h2 {
    border-radius: 5px;
}


/* @group generic command */

.topzero,
#productextra.topzero {
    margin-top: 0;
}


/* @end */


/*Upper*/

#wrapper {
    position: relative;
}

header {
    position: absolute;
    top: 0px;
    z-index: 100;
    width: 220px;
    margin-left: -110px;
    left: 50%;
}

header h1 img {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.65);
    width: 220px;
    height: 97px;
}

header a img {
    opacity: 1;
}

#nav {
    background: url(../img/header_nav_bg.png) repeat-x;
    position: absolute;
    width: 100%;
    height: 70px;
    z-index: 99;
}

#nav ul{
    position: relative;
    width: 960px;
    margin: 0 auto;
    display: block ;
}

#nav li {
    display: block;
    position: absolute;
    top: 28px;
    left: 50%;
}

#nav li#navshop {
    margin-left: -480px;
}

#nav li#navmugi {
    margin-left: -347px;
}

#nav li#navmemu {
    margin-left: -240px;
}

#nav li#navnews {
    margin-left: 142px;
}

#nav li#navcrafts {
    margin-left: 250px;
}

#nav li#navblog {
    margin-left: 412px;
}


/*Submenu*/

#nav li#navpro ul {}

#nav li#navpro ul {
    display: block;
    list-style: none;
    padding: 0;
    position: absolute;
    opacity: 0;
    height: 0;
    overflow: hidden;
    z-index: 3;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
}

#nav ul ul li {
    margin: 0;
    position: static;
}

#nav ul ul li a {
    height: 61px;
    display: block;
}

#nav li#navpro:hover ul {
    opacity: 1;
    height: 250px;
    /*シュトレン終了後削除*/
    height: 320px;
    /*シュトレン終了後削除*/
    padding-top: 20px;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}


/*social drop*/

div#social-drop {
    width: 53px;
    background: url('../img/general_social_drop_bg.png') no-repeat center -60px;
    padding-top: 60px;
    z-index: 98;
    position: absolute;
    right: 5%;
}

div#social-drop * {
    padding: 0;
    margin: 0;
    display: block;
}

div#generalsocialanime_hype_container .HYPE_scene,
div#generalsocialanime2_hype_container .HYPE_scene {
    background-color: transparent !important;
}

div#generalsocialanime_hype_container,
div#generalsocialanime2_hype_container {
    padding-top: 60px;
    /*z-index: 98;*/
    position: absolute;
    right: 0;
}

body.mt-main-index {
    background: #B3A08A;
}

#topwrap {
    background: #CCBDAA url(../img/bgnew.jpg) no-repeat 50% 0;
}

#topwrap.fixed {
    background: #CCBDAA url(../img/bgnew.jpg) no-repeat fixed 50% 0;
}

.preloader {
    background: url(i/89.gif) center center no-repeat;
}

#mainimage a {
    width: 690px;
    height: 428px;
    display: block;
}

.slider {
    position: relative;
    width: 100%;
    top: 0;
}

.sliderContent {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 546px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.sliderContent .item {
    position: absolute;
    width: 100%;
}

img.bg {
    width: 100%;
    opacity: 1 !important;
}

.mainkouglof,
.mainkouglofchoko,
.mainright {
    background: url(../img/header_main_kouglofbg.png) no-repeat;
    display: block;
    width: 482px;
    height: 443px;
    top: 11%;
    position: absolute;
    right: 50%;
    z-index: 2;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.mainkouglofchoko {
    background: url(../img/header_main_kouglofchocobg.png) no-repeat;
}

.mainright {
    background: url(../img/header_main_rightbg.png) no-repeat;
    left: 53%;
    height: 470px;
}

@media screen and (max-width: 960px) {
    .mainkouglof,
    .mainkouglofchoko,
    .mainright {
        display: none;
    }
    #mainmugioto {
        height: 334px !important;
        width: 102px !important;
    }
}

@media screen and (min-width: 1124px) {
    .sliderContent {
        height: 636px;
    }
    .mainkouglof,
    .mainkouglofchoko,
    .mainright {
        top: 14%;
    }
}

@media screen and (min-width: 1200px) {
    .sliderContent {
        height: 666px;
    }
    .mainkouglof,
    .mainkouglofchoko,
    .mainright {
        top: 16%;
    }
}

@media screen and (min-width: 1300px) {
    .sliderContent {
        height: 706px;
    }
    .mainkouglof,
    .mainkouglofchoko,
    .mainright {}
}


/*@media screen and (min-width: 1024px){
  .sliderContent {
  height: 680px;}
}*/


/*
@media screen and (min-width: 1200px){
  .sliderContent {
  height: 785px;}
  .mainkouglof {
  top:16%;
  }
}
@media screen and (min-width: 1300px){
  .sliderContent {
  height: 880px;}
  .mainkouglof {
  top:18%;
  }
}
@media screen and (min-width: 1700px){
  .sliderContent {
  height: 1100px;}
  .mainkouglof {
  top:18%;
  }
}*/


/*video*/

#video,
#video img {
    position: absolute;
    width: 100%;
}

#video {
    z-index: 3;
}

#video-op-a {
    display: block;
    width: 100%;
}

#video-op-a .bg {
    opacity: 1;
}

#video-op-ti {
    display: block;
    top: 24%;
    position: absolute;
    left: 50%;
    margin-left: 50px;
    z-index: 2;
}

.mainkouglof *,
.mainkouglofchoko *,
.mainright * {
    display: block;
}

.mainkouglof h1,
.mainkouglofchoko h1 {
    position: absolute;
    top: 238px;
    left: 72px;
}

.mainright h1 {
    position: absolute;
    top: 100px;
    left: 83px;
}

.mainkouglof p,
.mainkouglofchoko p {
    position: absolute;
    top: 96px;
    left: 69px;
}

.mainright p {
    position: absolute;
    top: 225px;
    left: 58px;
}

.mainkouglof button,
.mainkouglofchoko button,
.mainright button {
    height: 34px;
    width: 162px;
    background: url(../img/header_main_kouglofbtn.png) no-repeat;
    -webkit-border-radius: 3px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 340px;
    left: 141px;
}

.mainkouglofchoko button {
    background: url(../img/header_main_kouglofchocobtn.png) no-repeat;
}

.mainright button {
    background: url(../img/header_main_rightbtn.png) no-repeat;
    top: 320px;
}

.mainkouglof button:hover,
.mainkouglof button:focus,
.mainkouglofchoko button:hover,
.mainkouglofchoko button:focus,
.mainright button:hover,
.mainright button:focus {
    -webkit-box-shadow: #FFE889 0 0 5px;
    -moz-box-shadow: #FFE889 0 0 3px;
    box-shadow: #FFE889 0 0 5px;
}

.mainkouglof button:active {
    background: url(../img/header_main_kouglofbtnac.png) no-repeat;
}

.mainkouglofchoko button:active {
    background: url(../img/header_main_kouglofchocobtnac.png) no-repeat;
}

#mainmemuro {
    display: block;
    width: 409px;
    height: 290px;
    top: 23%;
    right: 50%;
    position: absolute;
    margin-right: 55px;
    z-index: 2;
    opacity: 1!important;
}

#mainmugioto {
    display: block;
    width: 127px;
    height: 418px;
    top: 15%;
    position: absolute;
    right: 70%;
    z-index: 2;
}

#maintkh {
    display: block;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
#mainwhown {
    display: block;
    position: absolute;
    top: 22vw;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
#mainkuni {
    left: 50%;
    top: 38%;
    transform: translate(-50%, -50%);
    position: absolute;
    display: block;
    opacity:1;
}

.maincampaign {
    display: block;
    width: 434px;
    height: 500px;
    top: 10%;
    position: absolute;
    right: 7%;
    z-index: 2;
}


/*middle*/

#topshelfhr {
    position: relative;
    width: 100%;
    margin-top: -120px;
    z-index: 8;
    margin-bottom: 30px;
    height: 190px;
    background: url(../img/top_main_hr_new.png) no-repeat center center;
}


/*#topshelfhrbg{
width:100%;
background: url(../img/top_main_hr_bg.png) no-repeat 2000px center;
height:190px;
}*/

.column {
    position: static;
    width: 816px;
    margin: 0 auto;
    padding: 0 72px 140px 72px;
    background: url(../img/column_hr.png) no-repeat bottom;
    clear: both;
}


/*last column*/

aside.column,
#generalwebpage,
#productlistmain,
#lastnohr,
.lastnohr,
#shoplisttop {
    background: none;
    padding-bottom: 0;
}

.column > h1,
#craftman > h1,
.layout-wm section.firstsectiononpages > h1,
#recruit .indexmain > h1,
#shoplist .indexmain > h1,
#blogs > h1,
#blogarticle > h1,
#shoplistprize section h1 {
    font-weight: normal;
    font-size: 28px;
    text-shadow: 0 1px 1px white;
    margin-bottom: 47px;
    color: #825959;
}

#shoplistprize section h1 {
    margin-bottom: 0;
}

#recruit .indexmain > h1,
#shoplist .indexmain > h1 {
    margin-bottom: 25px;
}

.column h1 span,
#craftman h1 span,
.layout-wm section.firstsectiononpages h1 > span,
.layout-w section.firstsectiononpages h1 > span,
.date {
    font-style: italic;
    font-size: 18px;
}

.column h2 {
    font-size: 21px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-shadow: 1px 1px 2px #f9f4ef;
    line-height: 1;
}

#craftman >h1,
#philosophy > h1 {
    text-align: center;
    margin-bottom: 20px;
}

#topabout h1 {
    text-align: center;
}

#topabout img {
    float: left;
    margin: 0 23px 10px 0;
}

#topabout.column h2 {
    padding-top: 7px;
}

#topabout p a {
    font-size: 89%;
}


/*news3column*/

.threecolumn {
    width: 232px;
    margin-right: 54px;
    display: inline-block;
    position: relative;
    vertical-align: top;
}


/* linked normal colored */

.threecolumn a,
#reachitems a,
footer nav li a {
    color: #524739;
    text-decoration: none;
    font-weight: normal;
}

#shoplistspecial div.threecolumn p a {
    color: #825959;
    text-decoration: underline;
}

.threecolumn a:hover {
    color: #825959;
}

.threecolumn p {
    font-size: 13px;
    text-align: justify;
    text-justify: inter-ideograph;
}

section#topnews article:nth-child(4),
#shoplistspecial .threecolumn:nth-child(3),
#shoplistspecial .threecolumn:nth-child(6) {
    margin-right: 0px;
}

.threecolumn a img {
    width: 232px;
    z-index: -1;
    position: relative;
}

.threecolumn img {
    max-width: 232px;
}

.threecolumn a:hover img {}

.threecolumn .photoinset {
    height: 144px;
    background: url(../img/news_photoinset_inset.png) no-repeat;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-box-shadow: white 0 0 5px;
    -moz-box-shadow: white 0 0 3px;
    -ms-box-shadow: white 0 0 3px;
    box-shadow: white 0 0 5px;
}

.threecolumn .photoinset img {
    z-index: -1;
    position: relative;
}

.mt-main-index .threecolumn {
    z-index: 2;
    word-wrap: break-word;
}

.mt-main-index .threecolumn .photoinset {
    overflow: hidden;
}

.threecolumn a .photoinset {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.threecolumn a:hover .photoinset {
    background: none;
    -webkit-box-shadow: white 0 0 15px;
    -moz-box-shadow: white 0 0 15px;
    box-shadow: white 0 0 15px;
}

.threecolumn h1 {
    margin: 20px 0;
    line-height: 1.5;
    font-size: 16px;
    height: 2;
}

#topnews time {
    position: absolute;
    top: 100px;
    left: -1px;
    color: #e8e0d7;
    text-shadow: 0 -3px 3px rgba(0, 0, 0, 0.38);
    font: 50px Museo500;
}

p.sns-icon-line{
 margin:1em 0;   
}
.sns-icon-line a {
    width: 30px;
    display:  inline-block;
    margin-right:  10px;
}
.sns-icon-line a img{
    width:100%;
}


#readmore {
    clear: both;
    padding-top: 20px;
    text-align: right;
}

#readmore button {
    height: 25px;
}

#readmore #tonews {
    background: url(../img/news_readmorebtn.gif) no-repeat;
    width: 110px;
}

#readmore #toblog {
    background: url(../img/news_readblogbtn.gif) no-repeat;
    width: 122px;
}

#readmore button:hover {
    -webkit-box-shadow: white 0 0 10px;
    -moz-box-shadow: white 0 0 5px;
    box-shadow: white 0 0 10px;
}

#readmore button#tonews:active {
    background: url(../img/news_readmorebtnac.gif) no-repeat;
}

#readmore button#toblog:active {
    background: url(../img/news_readblogbtnac.gif) no-repeat;
}


/* reach */

div#reachitems,
#reachitems2 {
    -webkit-box-shadow: inset 0 1px 4px #CEC8C1, 0 1px 2px #F5F3EF;
    -moz-box-shadow: inset 0 1px 4px #CEC8C1, 0 1px 2px #F5F3EF;
    -o-box-shadow: inset 0 1px 4px #CEC8C1, 0 1px 2px #F5F3EF;
    box-shadow: inset 0 1px 4px #CEC8C1, 0 1px 2px #F5F3EF;
    background: rgba(229, 221, 213, 0.5);
    width: 816px;
    position: relative;
    overflow: hidden;
}

div#reachitems a,
#reachitems2 a {
    width: 226px;
    display: inline-block;
    vertical-align: top;
    padding: 22px;
    margin: 0;
    min-height: 83px;
}

div#reachitems a,
#banners li {
    border-left: 1px solid #f7f3ee;
    border-right: 1px solid #c6c0b9;
}

div#reachitems a:hover,
#reachitems2 a:hover {
    background-color: rgba(254, 255, 255, 0.17);
}

div#reachitems a:nth-child(1) {
    width: 496px;
    border-left: none;
}

#banners li:nth-child(1) {
    border-left: none;
}

div#reachitems a:nth-child(3),
#banners li:nth-child(3),
div#reachitems a:last-child {
    border-right: none;
}

div#reachitems section p {
    font-size: 12px;
}

div#reachitems section img {
    display: block;
}


/*temp ↑の#reachitems2もトル*/

#reachitems2 {
    min-height: inherit;
}

#reachitems2 h2,
#reachitems h2 {
    margin-bottom: 10px;
    margin-top: 8px;
    line-height: 1;
}

#reachitems2 a {
    width: auto;
    min-height: inherit;
    color: #524739;
}

#reachitems2 a:hover {
    text-decoration: none;
}


/* footer */

footer {
    clear: both;
    background: url(../img/footer_bg.png) repeat-x center top;
    margin: 83px 0 0;
    text-align: center;
    color: #825959;
    padding: 53px 0 83px 0;
    position: relative;
}

footer #phone {
    display: inline;
    padding-left: 25px;
    background: url(../img/footer_phoneicon.gif) no-repeat left center;
    font: italic 23px Georgia, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ipaexm", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

footer #phone span {
    font-size: 18px;
    margin-left: 1em;
    font-weight: bold;
}

footer nav {
    margin: 34px 0 18px;
}

footer nav li {
    display: inline-block;
    padding-left: 15px;
    background: url(../img/footer_link_bullet.gif) no-repeat left center;
    margin-left: 5px;
}

footer nav li:first-child {
    padding-left: 0;
    margin-left: 0;
    background: none;
}

footer nav li a {
    font-weight: normal;
}

footer nav li a:hover {
    text-shadow: 0 0 15px white;
}

footer #shopinfo,
div.pageproductdetail,
#productmore .caption,
#productmore section.onecolumn p.product_address {
    line-height: 1.6;
    font-size: 13px;
    font-style: normal;
}

footer img:first-child {
    position: absolute;
    top: -65px;
    right: 15%;
}


/*product webpage*/

#freeshipping {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
}

#productnew {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 15px;
    right: 10px;
}

.firstsectiononpages {
    position: static;
    margin: 0 auto auto auto;
    width: 960px;
    clear: both;
    padding-top: 166px;
}

#productmain,
#shoplistmain,
#shoplist,
#craftman {
    background: url(../img/column_hr.png) no-repeat bottom;
}

#recruit,
#recruit.new,
#productmain {
    padding: 136px 0 140px 0;
}

#productmain,
#recruit.new {
    padding-top: 166px
}

#craftman {
    padding-bottom: 145px;
}

#productmain table {
    font-size: 12px;
    margin: 20px 0 0;
    width: 100%;
}

#productmain table tr:nth-of-type(2n) {
    background-color: rgba(228, 221, 213, 0.44)
}

.onecolumn {
    display: inline-block;
    vertical-align: top;
}

.twocolumn {
    display: inline-block;
    min-width: 335px;
    vertical-align: top;
}

section#productmain .twocolumn {
    /*margin-bottom: 145px;*/
}

section#productmain .twocolumn:first-child {
    width: 500px;
    /*margin-right: 47px;*/
    margin-right: 20px;
}

section#productmain .twocolumn+.twocolumn {
    width: 434px;
}

section#productmain .sliderContent {
    height: 500px;
}

section#productmain #chocolat_haskap.sliderContent,
section#productmain #tokachi-stollen.sliderContent,
section#productmain #tokachi-stollen-vip.sliderContent {
    height: 587px;
}

section#productmain h1 {
    margin-bottom: 15px;
}

section#productmain .asset-body {
    font-size: 16px;
    line-height: 1.8;
    width: 100%;
    text-shadow: 0 1px 1px white;
}



section#productmain div.pageproductdetail a,
#topabout p a,
#firstarticle div.body a,
#firstarticle div.body a:visited,
.column.shoplistinformation p a,
#shoplistinfo div.threecolumn a#othershops,
.bloglinkbtn,
.image-left a i,
.image-right a i {
    display: inline-block;
    background-color: #e4ddd3;
    padding: .1ex 2ex;
    border-radius: 2px;
    margin: 0 1ex;
    border-top: 1px solid #efece7;
    border-bottom: 1px solid #b5a188;
    text-shadow: 0 1px 1px #ffffff;
    color: #9f6c62;
    text-decoration: none;
    box-shadow: 0 1px 1px #c5bdb3;
}

section#productmain div.pageproductdetail a:hover,
#topabout p a:hover,
#firstarticle div.body a:hover,
.column.shoplistinformation p a:hover,
#shoplistinfo div.threecolumn a#othershops:hover,
.bloglinkbtn:hover,
.image-left a:hover i,
.image-right a:hover i {
    background-color: #f0ebe7;
}

#firstarticle div.body a:active,
section#productmain div.pageproductdetail a:active,
#topabout p a:active,
.column.shoplistinformation p a:active,
#shoplistinfo div.threecolumn a#othershops:active,
.bloglinkbtn:active,
.image-left a:active i,
.image-right a:active i {
    box-shadow: inset 0 1px 2px #c6b5a6;
    background-color: #e0d6cd;
    border-top: 1px solid #bcb0a3;
    border-bottom: 1px solid #efece7;
}

#shoplistinfo div.threecolumn a#othershops {
    display: block;
    margin: 10px 0 0 0;
    text-align: center;
    padding: 3px 14px;
    font-weight: bold;
}

section#productmain form {
    margin: 30px 0;
    vertical-align: middle;
    color: #733F3D;
    font-size: 14px;
}

section#productmain form * {
    vertical-align: middle;
}

.price,
section#productmain form .qt {
    text-shadow: 0 1px 1px white;
    color: #733F3D;
}

section#productmain .price {
    margin-right: 10px;
    font-size: 34px;
    display: inline-block;
    width: 4.6ex;
}


/*複数セットのタブ*/

#tabs ul {
    list-style: none;
    margin-top: 30px;
}

#tabs ul li {
    display: inline-block;
}

#tabs ul li a {
    padding: 4px 30px;
    background: #eeeae3;
    border-radius: 24px;
    text-decoration: none;
    box-shadow: 0px 1px 1px #B1A698;
    color: #7E6E5A;
    border-bottom: 1px solid #f0e8de;
    margin-right: 5px;
}

#tabs ul li a:hover {
    background-color: #fcfbfa;
}

#tabs ul li a:active,
#tabs ul li.active a {
    box-shadow: inset 0px 1px 1px #B1A698;
    background: #D4CBBD;
    color: #524739;
}

#tabs ul li.on a {
    background-color: #d1b6af;
    color: #733F3D;
    border-bottom: 1px solid #a06c61;
}


/*在庫オフ*/

section#productmain table#notsold {
    margin: 30px 0 15px;
    list-style: none;
    font-size: inherit;
}

#productmain table#notsold tr:nth-of-type(2n) {
    background: none;
}

section#productmain table#notsold td {
    white-space: nowrap;
    border: none;
    padding: 0;
    vertical-align: middle;
}

section#productmain table#notsold td:first-child {
    width: 4.6ex;
}

section#productmain table#notsold i.price {
    font-size: 19px;
    color: inherit;
    font-style: normal;
}

section#productmain table#notsold span {
    display: none;
}

#notsold-tthus {
    margin: 20px 0;
}

section#productmain form .qt,
#parts-2,
#parts-4,
#parts-5,
#parts-6,
#parts-8,
#parts-9,
#parts-10,
#parts-11,
#club1,
#club2,
#club3,
#club4,
#club5 {
    font-size: 22px;
    padding: 4px 8px;
    background: rgba(255, 254, 255, 0.55);
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 2px 4px, rgba(255, 255, 255, 0.6) 0 1px 2px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 2px 4px, rgba(255, 255, 255, 0.6) 0 1px 2px;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0px 2px 4px, rgba(255, 255, 255, 0.6) 0 1px 2px;
    border: 1px solid #F0E8DF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    text-align: right;
    width: 3ex;
    margin: 0 0 0 5px;
    display: inline-block;
    height: 24px;
}

section#productmain form select.qt {
    width: 50px;
    height: 36px;
    font-size: 18px;
}

#productmain div.twocolumn form h2 {
    color: #524739;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: .5em;
}

#productmain div.twocolumn form h2 span {
    font-size: 12px;
    display: block;
    font-weight: normal;
}

#parts-2,
#parts-4,
#parts-5,
#parts-6,
#parts-8,
#parts-9,
#parts-10,
#parts-11 {
    margin: 0;
}

section#productmain form .qt:hover,
#parts-2:hover,
#parts-4:hover,
#parts-5:hover,
#parts-6:hover,
#parts-8:hover,
#parts-9:hover,
#parts-10:hover,
#parts-11:hover,
#club1:hover,
#club2:hover,
#club3:hover,
#club4:hover,
#club5:hover {
    border: 1px solid #df9c8f;
}

section#productmain form .qt:focus,
#parts-2:focus,
#parts-4:focus,
#parts-5:focus,
#parts-6:focus,
#parts-8:focus,
#parts-9:focus,
#parts-10:focus,
#parts-11:focus,
#club1:focus,
#club2:focus,
#club3:focus,
#club4:focus,
#club5:focus {
    border: 1px solid #9f6b61;
    -webkit-box-shadow: inset 0px 2px 12px rgba(0, 0, 0, 0.2), 0 1px 10px rgba(174, 76, 76, 0.6);
    -moz-box-shadow: inset 0px 2px 12px rgba(0, 0, 0, 0.2), 0 1px 10px rgba(174, 76, 76, 0.6);
    box-shadow: inset 0px 2px 12px rgba(0, 0, 0, 0.2), 0 1px 10px rgba(174, 76, 76, 0.6);
    outline: 0;
}

section#productmain form button,
#mailthankstotop,
#shippayment button {
    height: 36px;
    width: 194px;
    background: url(../img/product_cartbtn.gif) no-repeat;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

section#productmain form button:hover,
section#productmain form button:focus,
#aform_btn_confirm_3:hover,
#aform_btn_confirm_3:focus,
#aform_btn_submit:hover,
#aform_btn_submit:focus,
#aform_btn_back:hover,
#aform_btn_back:focus,
#mailthankstotop:hover,
#mailthankstotop:focus,
#shippayment button:hover {
    -webkit-box-shadow: white 0 0 10px;
    -moz-box-shadow: white 0 0 10px;
    box-shadow: white 0 0 10px;
}

section#productmain form button:active,
#shippayment button:active {
    background: url(../img/product_cartbtnac.gif) no-repeat;
}

div.pageproductdetail {
    color: #706761;
    font-size: 12px;
}

div.pageproductdetail i {
    font-style: normal;
    font-size: 14px;
    color: #7c4848;
    display: block;
    border-top: 3px double #c3b4a0;
    border-bottom: 3px double #c3b4a0;
    padding: 7px 0px;
    margin-bottom: 10px;
}


/* product more */

#productmore section.twocolumn {
    width: 335px;
    font-size: 14px;
}

#productmore section.onecolumn {
    max-width: 587px;
}

#productmore section.twocolumn:nth-child(2) {
    margin-right: 21px;
}

#productmore img {
    display: inline-block;
    margin: 0 30px 0 0;
    -webkit-box-shadow: white 0 0 5px;
    -moz-box-shadow: white 0 0 3px;
    box-shadow: white 0 0 5px;
}

#productmore section img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#productmore hr {
    margin: 25px 0;
}

#productmore h1,
#productextra div figure figcaption,
.image-left h2 span,
.image-right h2 span {
    color: #825959;
    text-shadow: 0 1px 1px white;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: .6em;
}

#productmore h1 span {
    display: block;
    font-size: 12px;
    line-height: 1.8;
}

#productextra div figure figcaption {
    font-size: 11px;
    text-align: center;
    margin-right: 30px;
}

#productmore section.onecolumn p,
#productmore section.twocolumn p {
    font-size: 14px;
    line-height: 1.9;
}

#productmore section.onecolumn blockquote {
    font-size: 14px;
    line-height: 1.9;
}

#productmore section.onecolumn p.product_address {
    font-size: 12px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #c4b4a0;
}

.product_address a {
    text-decoration: underline;
    color: inherit;
}

.product_address a:hover {
    color: #834644;
}

blockquote {
    background: url(../img/blockquote_bg2.gif) no-repeat right bottom, url(../img/blockquote_bg1.gif) no-repeat left top;
    padding: 0px 10px 10px 35px;
    margin: 0 0 10px 0;
}

blockquote strong {
    display: block;
    text-align: right;
}

img#chocomate {
    display: block;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: -2.5em;
}

#productextra,
#recruitextra {
    clear: both;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 48px;
    background: url(../img/productextra_bg_lt.png) no-repeat 0 0, url(../img/productextra_bg_lrb.png) no-repeat center bottom, url(../img/productextra_bg.jpg);
    background-size: 10, 100%, 50%;
    position: relative;
    -webkit-box-shadow: #C9BFAF 0 10px 10px;
    -moz-box-shadow: #C9BFAF 0 10px 10px;
    box-shadow: #C9BFAF 0 10px 10px;
    border-radius: 5px;
    display: block;
}

#recruitextra {
    padding: 60px;
    margin-top: 0px;
    margin-bottom: 0;
    background: #f5f5f5 url('../img/recruitextra_bg.jpg') repeat left top;
    text-align: left;
    color: #5d5d5d;
    font-size: 14px;
}

#recruitextra img {
    border-radius: 7px;
}

#productextra h1 {
    text-shadow: 0 1px 1px white;
    color: #7A7F3F;
    margin-bottom: .5em;
    font-size: 20px;
    font-weight: normal;
}

#productextra p {
    margin-bottom: 35px;
}

#productextra p:last-child {
    margin-bottom: 0;
}

#productextra a {
    display: inline;
    text-decoration: underline;
    color: inherit;
}

#productextra a:hover {
    color: #834644;
}

#productextra #hhg {
    position: absolute;
    left: -60px;
}

#productextra ul {
    list-style: none;
    border: 2px solid #d1c5b5;
    border-radius: 6px;
    padding: 15px;
    color: #74624e;
    margin-bottom: 35px;
    box-shadow: 0 1px 3px #f7f4f4;
    text-align: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

#productextra p + ul {
    margin-top: -15px;
}

#productextra li {
    display: inline-block;
    white-space: nowrap;
}

#productextra li:after {
    content: "/";
    color: #bcac97;
    font-weight: bold;
    padding-left: 0.3em;
    text-shadow: 0px 1px 1px white;
}

#productextra li:last-child:after {
    content: "";
}

#productmore .caption {
    text-align: center;
    font-size: 12px;
    clear: both;
}

#productmore p + .caption,
#productmore ul + .caption {
    margin-top: -25px;
}

.font-bigger {
    font-size: 110%;
}

#stollensp_hype_container,
#monkousp_hype_container {
    -webkit-box-shadow: 0 10px 10px #938979;
    -moz-box-shadow: 0 10px 10px #938979;
    box-shadow: 0 10px 10px #938979;
    margin-bottom: 60px;
    position: relative;
}


.sp-title-wh,
.sp-ex-wh {
    text-shadow: 0 1px 10px black !important;
}

.sp-ex-bk,
.sp-ex-wh {
    line-height: 1.7 !important;
}

#craftsmanship {
    position: relative;
}

#craftsmanship img {
    z-index: 100;
    position: absolute;
    box-shadow: none;
    margin-right: 0;
    left: 24px;
    top: -20px;
}


/* banners */

#banners ul {
    -webkit-box-shadow: 0 1px 2px #F5F3EF;
    -moz-box-shadow: 0 1px 2px #F5F3EF;
    box-shadow: 0 1px 2px #F5F3EF;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    line-height: 0;
}

#banners li {
    margin: 0;
    padding: 0;
    display: inline-block;
    -webkit-box-shadow: 0 1px 2px #000000;
    -moz-box-shadow: 0 1px 2px #000000;
    box-shadow: 0 1px 2px #000000 inset;
}

.spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}

#banners a,
#sidepressinq {
    width: 270px;
    display: block;
    margin: 0;
    padding: 0;
}


/* shoplist */

#shoplistmain.firstsectiononpages,
#recruit.firstsectiononpages,
#shoplist.firstsectiononpages {
    text-align: center;
}


/*shoplist main visual*/

#shoplistmain.firstsectiononpages .shopmainv {
    margin-bottom: 20px;
    position: relative;
    float: left;
    width: 960px;
    height: 343px;
    background: url(../img/shop_mugi_corner.png) no-repeat;
}

.shopmainv h1 {
    position: absolute;
    z-index: 7;
    left: 40px;
    top: 40px;
}

#shoplistmain.firstsectiononpages .shopmainvcontent {
    float: left;
    clear: both;
    position: relative;
    overflow: hidden;
    width: 954px;
    height: 339px;
    z-index: -1;
}

.shopmainvcontent .item {
    position: absolute;
    width: 954px;
    height: 339px;
}

.firstsectiononpages .indexmain {
    padding-bottom: 145px;
}

#recruit .indexmain {
    padding-bottom: 0;
}

#shoplistmain h1 {
    font-size: 25px;
    margin-bottom: 1em;
    text-shadow: 0 1px 1px white;
}

#shoplistmain p,
#recruit p,
#shoplist p,
#philosophy p {
    font-size: 15px;
    width: 700px;
    margin: 0 auto;
}

h2.head15 {
    font-size: 16px;
    margin-bottom: .5em;
}

h2.head15 + p {
    margin-bottom: 2em;
}

#shoplistpolicy p:nth-child(6) {
    margin-bottom: 0;
}

img#tokachi100 {
    position: absolute;
    top: -30px;
    right: 10px;
}

.relative {
    position: relative;
}

#shoplistpolicy p:nth-child(4) {
    width: 90%;
}

#shoplistspecial .threecolumn {
    margin-bottom: 58px;
}

#shoplistspecial .threecolumn:nth-child(4),
#shoplistspecial .threecolumn:nth-child(5),
#shoplistspecial .threecolumn:nth-child(6) {
    margin-bottom: 0;
}

#shoplistinfo .twocolumn {
    width: 420px;
    height: 203px;
}

#shoplistinfo .twocolumn+.twocolumn {
    width: 357px;
    margin-left: 26px;
    overflow: hidden;
}

#shoplistinfo .twocolumn+.twocolumn,
.column.shoplistinformation .map,
#shoplistinfo .map {
    -webkit-box-shadow: white 0 0 5px;
    -moz-box-shadow: white 0 0 5px;
    box-shadow: white 0 0 5px;
    border: 1px solid #c4b4a0;
}

.column dl {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.column dl .caption {
    font-size: 80%;
}

#shoplistinfo dl {
    font-size: 14px;
}

.column dd,
.column dt {
    padding: 7px 11px;
}

.column dd {
    display: block;
    border-top: 1px solid #c4b4a0;
}

.column dt {
    width: 5em;
    float: left;
    color: #825959;
    text-align: right;
    clear: both;
}

.column dl dd:last-child {
    border-bottom: 1px solid #c4b4a0;
}

table#biwtable {
    display: none;
}

#shoplistprize .threecolumn {
    display: inline-block;
    margin-top: 30px;
    width: 232px;
}

#shoplistprize .threecolumn:last-child {
    margin-right: 0;
}

#shoplistprize .threecolumn img {
    margin-left: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0 auto;
    display: block;
}

#shoplistprize .threecolumn h1 {
    line-height: 1.2;
    font-size: 18px;
    margin-top: 0;
}

#shoplistothers h2 span {
    font-size: 12px;
}

.lined {
    border-top: 1px solid #c4b4a0;
    padding-top: 10px;
}

#shoplistprize section {
    display: block;
    margin-bottom: 20px;
}

#shoplistprize section div {
    width: 450px;
    display: inline-block;
    vertical-align: top;
}

#shoplistprize section .threecolumn {
    vertical-align: bottom;
}

#shoplistprize section img {
    vertical-align: middle;
    margin: 0 10px 0 5px;
}

#shoplistprize section div:first-child img {
    margin: 0 15px 0 0;
}

#shoplistprize section div:first-child img,
#shoplistprize section div:first-child p {
    display: inline-block;
    vertical-align: top;
}

#shoplistprize section div:first-child p {
    width: 375px;
}

#shoplistothers {
    position: relative;
}

#shoplistothers dl {
    font-size: 13px;
}

#shoplist {
    width: inherit;
}


#shoplist nav {
	/*background: rgba(233, 224, 211, 0.26);*/
	max-width: 100%;
	margin: 3em auto;
	padding: 10px;
	border-radius: 5px;
	/*border-bottom: 1px solid #f2eae0;
	border-top: 1px solid #e4dbd0;*/
}

#shoplist nav h2 {
	margin-top: 0;
	margin-bottom: 1em;
}

#shoplist nav h3 {
	font-size: 90%;
	margin-bottom: 0.3em;
	background-color: rgba(219, 211, 193, 0.53);
	padding: 0.5em;
	color: #977d3b;
}
.inlineblock {
	display: inline-block;
}

#shoplist nav ul {
	margin-bottom: 3em;
}
#shoplist nav ul:last-child {
	margin-bottom: 0em;
}



#shoplist nav a {
	display: inline-block;
	background: linear-gradient(to bottom, #89857f 0%, #706c67 100%) #706b67;
	color: white;
	padding: 1em 1.5em;
	box-shadow: 0 2px #cbcbcb;
	border-radius: 5px;
	font-size: 120%;
	text-decoration: none;
	transition: all .3s ease;
}
#shoplist nav a:hover {
	background: linear-gradient(to bottom, #bbb9b8 0%, #96928d 100%) #bbbab9;
}


.shoplistinfonew {
    position: relative;
}

.shoplistinfonew h2,
.shoplistinfonew h2 + p {
    text-align: center;
}

.shoplistinfonew h2 + p {
    font-size: 14px;
}

p.shoplistuniq {
    font-size: 17px;
    display: block;
    width: 574px;
    margin: 0 auto 30px;
}

.shoplistsocialbutton {
    background: url('/img/shoplistsocialbuttonline_bg.gif') left center repeat-x;
    margin: 25px 0;
}

.shoplistsocialbutton ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.shoplistsocialbutton li,
.shoplistsocialbutton a {
    display: inline-block;
}

.shoplistsocialbutton a {
    font-size: 17px;
    font-weight: normal;
    line-height: 1;
    color: #8d704f;
    width: 90px;
    text-align: center;
    background: #e9e1d5;
    padding: 8px 15px;
    border-bottom: 1px solid #baaa94;
    box-shadow: 0 1px 1px #d5ccbf, 0px -1px 0 #c9bba8;
    border-top: 1px solid #f8f5f1;
    text-decoration: none;
    -moz-box-shadow: 0 1px #d5ccbf, 0px -1px 0 #c9bba8;
}

.shoplistsocialbutton a:hover {
    background: #f5f3ef;
}

.shoplistsocialbutton a:active {
    background: #f0e9de;
    border-top: 1px solid #baaa94;
    border-bottom: 1px solid #f8f5f1;
}

.shoplistsocialbutton ul li:first-child a {
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #c9bba8;
    border-left: 1px solid #c9bba8;
}

.shoplistsocialbutton ul li:nth-child(2) a {
    border-left: 1px solid #f7f5f1;
    border-right: 1px solid #c9bba8;
}

.shoplistsocialbutton ul li:last-child a {
    border-radius: 0 5px 5px 0;
    border-left: 1px solid #f7f5f1;
    border-right: 1px solid #c9bba8;
}

.shoplistsocialbutton ul li.onebutton a {
    border-radius: 5px !important;
    border-left: 1px solid #c9bba8;
}

.shoplistphoto {
    position: relative;
    box-shadow: 0 15px 30px #9d8f7e;
    margin-bottom: 30px;
}

.shoplistphotocontent {
    clear: both;
    position: relative;
    overflow: hidden;
    width: 816px;
    height: 390px;
}

.shoplistphotocontent .item {
    position: absolute;
    width: 816px;
    height: 390px;
}

.shoplistphotocontent .item img{
    width:100%;
}

.shoplistphotocontent .item span {
    z-index: 2;
    display: block;
    bottom: 0;
    background: rgba(178, 166, 144, 0.65);
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 1;
    padding: 15px 0;
    color: white;
}

.shoplistphoto .sliderArrows a {
    position: absolute;
    display: block;
    top: 167px;
    z-index: 999;
    width: 78px;
    height: 71px;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
}

.shoplistphoto .sliderArrows a:active {
    opacity: .8;
}

.shoplistphoto .prev {
    left: -38px;
    background: url('/img/shoplistphoto_prev.png') no-repeat left top;
}

.shoplistphoto .next {
    right: -38px;
    background: url('/img/shoplistphoto_next.png') no-repeat left top;
}


/*craftsmanship*/


/*top*/

#philosophy {
    width: 816px !important;
    text-align: center;
}

.image-left,
.image-right {
    position: relative;
}

.image-left *,
.image-right *,
#craftsman-mv * {
    font-weight: normal !important;
}

.image-left figure,
.image-right figure {
    display: block;
}

.image-left a figure img,
.image-right a figure img {
    position: absolute;
    bottom: 0;
    z-index: 1;
    opacity: 1;
    top: 0;
}


/*each*/

.image-right a img {
    right: 60px;
}

#craftsman-link img {
    left: 56px;
}

#craftsman-link div {
    padding-left: 320px;
    min-height: 315px;
    padding-top: 50px;
}

#episode-link img {
    right: 63px;
}

#episode-link div {
    min-height: 302px;
    padding-right: 420px;
    padding-top: 30px;
}

.image-left a,
.image-right a {
    color: inherit;
}

.image-left a:hover,
.image-right a:hover {
    text-decoration: none;
}

.image-left h2,
.image-right h2,
#craftsman-mv h2 {
    line-height: 1.6;
}

#craftsman-mv h2 {
    margin-top: 1.5em;
}

.image-left h2 span,
.image-right h2 span,
#craftsman-mv h2 span {
    font-size: 16px;
    display: block;
}

.image-left p,
.image-right p,
#craftsman-mv p {
    font-size: 15px;
}

.image-left i,
.image-right i {
    font-style: normal;
    font-size: 90%;
    font-weight: bold !important;
}

#craftsman-mv figure,
#career-mv figure {
    position: relative;
    height: 459px;
    box-shadow: 0 3px 30px #8c857d;
}

#craftsman-mv-st {
    position: absolute;
    top: 0;
    z-index: 100;
    cursor: pointer;
}

#craftsman-mv #player,
#career-mv #player {
    position: absolute;
    top: 0;
}


/*recruit*/

img.right {
    float: right;
    margin: 5px 0 0 20px;
}

img.just.right {
    position: absolute;
    top: 5px;
    right: -60px;
    margin: 0;
}

img.left {
    float: left;
    margin: 0px 30px 0 0;
}

img.center {
    margin: 0 auto -20px;
    float: none;
    display: block;
}

#recruitextra #upper {
    margin: -50px 0 0px 20px;
}

#recruitextra h2 {
    margin-bottom: 10px;
}

#recruitextra p {
    margin-bottom: 40px;
    text-align: justify;
}

#recruitextra p.narrow {
    width: 400px;
}

#accordion {
    font: 14px 'Lucida Grande', arial, helvetica, 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ms pgothic', sans-serif;
    box-shadow: #C9BFAF 0 10px 10px;
}

#accordion h2 a {
    color: #5d5d5d;
    display: block;
    padding: 10px 30px;
    border-bottom: 1px solid #C8C0B2;
    border-top: 1px solid #fff;
    background: url('/img/career_ac_ev.gif') #f5f3ef;
    border-radius: 5px;
}

.column #accordion h2 {
    margin-bottom: 0;
    font-size: 16px;
}

.column #accordion h2 a span {
    font-size: 12px;
    display: inline-block;
    min-width: 5em;
    padding: 1px 4px;
    border: 1px solid #333;
    text-align: center;
    margin-right: 1em;
    border-top-color: #e3dfd8;
    border-right-color: #e3dfd8;
    border-left-color: #e3dfd8;
    border-bottom-color: #ffffff;
}

#accordion h2.odd a {
    background: url('/img/career_ac_odd.gif') #e9e3dd;
}

#accordion h2 a:hover,
#accordion h2.odd a:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
    text-decoration: none;
    -webkit-box-shadow: 0 0 30px #a6977f;
    -moz-box-shadow: 0 0 30px #a6977f;
    box-shadow: 0 0 30px #a6977f;
    background: #fff;
}

#accordion h2.ui-state-active a,
#accordion h2.ui-state-active a:hover {
    background: url('/img/career_ac_open.gif') #626262;
    box-shadow: 0 0 30px #a6977f;
    color: #ebe8e5;
    text-shadow: 0 -2px 1px #000;
    border-top: 1px solid #9ba294;
    border-bottom: 1px solid #444544;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    border-radius: 5px 5px 0 0;
}

#accordion div {
    padding: 35px;
    -webkit-box-shadow: inset 0 1px 8px #989595;
    -moz-box-shadow: inset 0 1px 8px #989595;
    box-shadow: inset 0 1px 2px #989595;
    border-bottom: 1px solid #ebe3d7;
    border-radius: 0 0 5px 5px;
    margin: 0 0 2px 0;
    background: white;
    position: relative;
}

#accordion div table {
    width: 100%;
    margin-bottom: 0;
}

#accordion div td {
    border-top: 1px solid #dddbdb;
    border-bottom: none;
}

#accordion div th {
    border-top: 1px solid #b1aeae;
    border-bottom: 1px solid #b1aeae;
    background: url('../img/career_ac_thbg.gif');
    white-space: nowrap;
    text-align: justify;
    text-justify: inter-ideograph;
    box-shadow: inset 0 1px 0 #f2f0eb;
    text-shadow: 0 1px 2px #ffffff;
}

#accordion div tr:last-child {
    border-bottom: 1px solid #dddbdb;
}

h1.rectitle,
h1.rectitle +p {
    padding-left: 30px;
}

h1.rectitle {
    margin-bottom: 0px;
}

h1.rectitle +p {
    margin-bottom: 10px;
}

p.tel {
    text-align: left;
    margin-top: 25px;
    padding-left: 30px;
}

p.tel a {
    color: #5c5149;
    font-size: 16px;
}


/*recruit-interview*/

#careerinterviewct {}

#careerinterviewct ul.nav {
    list-style: none;
    margin: 0 0 15px;
}

#careerinterviewct ul.nav img {
    border-radius: 7px;
}

#careerinterviewct ul.nav li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 6px;
}

#careerinterviewct ul.nav li:nth-child(3n) {
    margin-right: 0;
}

#careerinterviewct ul.nav li a {
    display: block;
    height: 72px;
    border-top: 1px solid #DFDCCF;
    border-left: 1px solid #DFDCCF;
    border-right: 1px solid #DFDCCF;
    border-bottom: 1px solid white;
    border-radius: 7px;
}

#careerinterviewct ul.nav li a:hover {
    border-top: 1px solid white;
    border-left: 1px solid #DFDCCF;
    border-right: 1px solid #DFDCCF;
    border-bottom: 1px solid #DFDCCF;
}

#careerinterviewct ul.nav li a:active {
    border-top: 1px solid #aeaa99;
    border-left: 1px solid #aeaa99;
    border-right: 1px solid #aeaa99;
    border-bottom: 1px solid white;
}

#careerinterviewct .item {}

.wrap {
    position: relative;
}

#careerinterviewct .item .wrap {
    background: url('../img/blog_blog_bg.png') repeat left top #F8F5E9;
    border: 4px double #D4D3CA;
    box-shadow: 0 3px 10px #c0b7a7;
    padding: 48px;
}

#careerinterviewct .item .wrap h3 {
    position: absolute;
}

#careerinterviewct .item .wrap h4 {
    margin-bottom: .5em;
}

#careerinterviewct .item .wrap p {
    text-align: justify;
}

#careerinterviewct .item .wrap p:last-child {
    margin-bottom: 0;
}

#careerinterviewct .item .wrap div {
    padding-left: 185px;
}

#outside {
    background-image: url('../img/recreuit_out_bg.gif'), url('../img/blog_blog_bg.png');
    background-repeat: no-repeat, repeat;
    background-position: left top, left top;
    box-shadow: inset 0 1px 2px #989595;
    margin-top: 40px;
    position: relative;
    color: #5D5D5D;
}

#outside-texture {
    padding: 28px 60px;
}

#outside h2 {
    background: transparent;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    line-height: 1;
    cursor: pointer;
    margin-bottom: 0;
}

#outside h2.ui-state-default {
    background: #7A766E;
    box-shadow: inset 0 1px 1px #968b7b, 0 1px 0 #f5f3ee;
    padding: 20px 35px;
}

#outside h2.ui-state-default:hover {
    background: #759d6f;
}

#outside h2.ui-state-active {
    padding: 35px 35px 28px 35px;
}

#outside > div > h3 {
    line-height: 1;
    padding: 50px 35px 15px 35px;
    position: relative;
}

#outside-textimage {
    margin-bottom: 2em;
    margin-left: 0;
    font-size: 16px;
}

#outside-texture h3 {
    margin-bottom: 1em;
    clear: both;
}

#outside-texture p {
    margin-bottom: 2.5em;
}

#outside-texture p:last-child {
    margin-bottom: 1em;
}

#portrait {
    margin: 0 20px 13px 0;
    float: left;
}

#outside hr {
    height: 18px;
    padding: 1em 0 3.5em;
    margin: 0;
    display: block;
    clear: both;
    background: url('/img/recruit_out_hr_bg.gif') no-repeat center 1em;
}

.column > h1.center > * {
    margin: 0 auto;
    display: block;
}

.hundred {
    width: 100%;
}

.recruitdetail {
    margin: 20px 0 50px;
    box-shadow: 0 3px 10px #c0b7a7;
}

.recruitdetail tr:nth-child(even) {
    background-color: #efeae3;
}

.recruitdetail tr:nth-child(odd) {
    background-color: rgba(244, 242, 238, 0.29);
}

.recruitdetail tr {
    background-image: url('../img/table_bg_embos_1dot.gif');
    background-position-y: 0;
    background-repeat: repeat-x;
}

.recruitdetail th {
    background: url('../img/table_bg_embos_1dot.gif') repeat-x left top #e5ddd3;
    text-align: right;
    text-shadow: 0 1px 1px white;
}

.recruitdetail td {
    vertical-align: middle;
}

.recruitdetail .left th {
    text-align: left;
}

.recruitdetail #mailadress {
    width: 200px;
    vertical-align: middle;
    margin-left: 1ex;
}

#schedule {
    display: inline;
    vertical-align: top;
    margin-left: 31px;
    width: 320px;
    height: 286px;
    box-shadow: 0 3px 10px #c0b7a7;
}

.recruitdetail.bottom {
    margin: 0;
    display: inline-table;
    vertical-align: top;
    width: 465px;
    height: 286px;
    /*右画像より小さい時*/
}

.recruitdetail.bottom th {
    vertical-align: middle;
}

#clips {
    width: 816px;
    margin: 30px auto 0 auto;
    padding: 20px 0 0;
    border-top: 1px solid #C4B4A0;
}

#recruit #tocareerbtn {
    margin-top: 30px;
    width: 860px;
}

#lastnohr p a img {}

#tocareerbtn img,
#lastnohr p a img {
    border-left: 1px solid #cac5ae;
    border-right: 1px solid #cac5ae;
    border-bottom: 1px solid #cac5ae;
    border-radius: 5px;
    box-shadow: #C9BFAF 0 10px 10px;
}

#tocareerbtn img:first-child {
    margin-right: 2px;
}

#tocareerbtn a:hover img,
#lastnohr p a:hover img {
    border-left: 1px solid #cac5ae;
    border-right: 1px solid #cac5ae;
    border-bottom: 1px solid #cac5ae;
    box-shadow: 0 0 30px #a6977f;
}

#tocareerbtn a:active img,
#lastnohr p a:active img {
    box-shadow: none;
}


/*shoplisting*/

.shoplistinformation,
#shoplistinfo {
    position: relative;
}

#shoplistcafe {
    display: block;
    position: absolute;
    right: 20px;
    top: -30px;
}

#shoplistkids {
    display: block;
    position: absolute;
    right: -10px;
    top: 100px;
}

#shoplistclass {
    display: block;
    position: absolute;
    right: 10px;
    top: 210px;
}

.column.shoplistinformation h1 {
    font-size: 18px;
    color: inherit;
    font-family: inherit;
    font-weight: bold;
    text-shadow: 0 1px 1px white;
    margin: 15px 0;
}

.column.shoplistinformation p {
    margin-top: 40px;
}

.column.shoplistinformation table p,
#shoplistinfo table p {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}

.column.shoplistinformation table,
#shoplistinfo table {
    margin-bottom: 0;
    width: 232px;
    box-shadow: 0 1px 0 #e9e3dc;
}

.column.shoplistinformation th,
#shoplistinfo th {
    font-size: 12px;
    white-space: nowrap;
    text-align: right;
    padding: 5px 10px 5px 0;
    color: #825959;
}

.column.shoplistinformation td,
#shoplistinfo td {
    padding: 5px 0px 5px 10px;
}

.column.shoplistinformation th,
.column.shoplistinformation td,
#shoplistinfo th,
#shoplistinfo td {
    box-shadow: inset 0 1px 0 #e9e3dc;
}

.column.shoplistinformation .map,
#shoplistinfo .map {
    display: inline-block;
    width: 523px;
    height: 100%;
    overflow: hidden;
}

.threecolumn h1 img {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    margin: 0;
    padding: 0;
}

.shoplistinformation .threecolumn h1 {
    line-height: 0;
}

.shoplistinformation .threecolumn {
    margin-right: 54px !important;
}

div#obihiromap {
    background: url('/img/shoplist_map_bg.png') no-repeat left top;
    margin: 30px auto 0 auto;
    width: 790px;
    height: 434px;
    position: relative;
}

#obihiromap ul {
    list-style: none;
}

#obihiromap li {
    display: block;
}

#obihiromap li a {
    display: block;
    position: absolute;
}

#obihiromap li a:hover img {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
}

#obihiromap #flagtran a {
    left: 516px;
    top: 126px;
    z-index: 2;
}

#obihiromap #flaghead a {
    left: 488px;
    top: 108px;
    z-index: 1;
}

#obihiromap #flagoto a {
    left: 507px;
    top: 42px;
}

#obihiromap #flagmugi a {
    left: 458px;
    top: 196px;
}

#obihiromap #flagbon a {
    left: 407px;
    top: 140px;
}

#obihiromap #flagmemuro a {
    left: 217px;
    top: 140px;
}

#obihiromap #flagtran a:hover {
    left: 526px;
    top: 116px;
}

#obihiromap #flaghead a:hover {
    left: 485px;
    top: 100px;
}

#obihiromap #flagoto a:hover {
    left: 509px;
    top: 32px;
}

#obihiromap #flagmugi a:hover {
    top: 186px;
}

#obihiromap #flagbon a:hover {
    left: 400px;
    top: 130px;
}

#obihiromap #flagmemuro a:hover {
    left: 219px;
    top: 130px;
}


/* clearfix */

#shoplistothers:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#shoplistothers.column h2 {
    float: left;
    clear: both;
    text-align: right;
    width: 11em;
    font-size: 15px;
    margin-right: 1em;
    vertical-align: top;
    line-height: 1.5;
}

#shoplistothers.column dl {
    float: left;
    width: 630px;
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 14px;
}

#shoplistothers.column dt,
#shoplistothers.column dd {
    display: inline;
    border: none;
    float: none;
    padding: 0;
    text-align: left;
    width: auto;
}

#shoplistothers.column dt {
    padding-left: 8px;
    margin-left: 3px;
    background: url(../img/bullet_brown.gif) no-repeat left center;
}

#shoplistothers.column dl dt:first-child {
    padding-left: 0;
    background: none;
}

#shoplistothers.column p {
    line-height: 1.4;
    padding-top: 10px;
}


/* news - blog */

.layout-wm #wrapper {
    width: 100%;
}

#wrap-columns {
    margin: 0 auto;
    position: relative;
    width: 960px;
}

.layout-wm aside#banners {
    position: absolute;
    width: 270px;
    padding: 92px 0 0 0;
    top: 0;
    margin-left: 690px;
    overflow: hidden;
    z-index: 2;
}

.mt-index.layout-wm aside#banners {
    top: 187px;
    padding: 0 0 0 0;
}

.layout-wm #banners li {
    border: none;
}

.layout-wm.mt-entry-archive #banners li:last-child,
.hide {
    display: none;
}

.layout-wm #banners ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.layout-wm #banners ul:first-child {
    margin-top: 0;
}

.layout-wm .firstsectiononpages {
    width: 690px;
    position: relative;
    right: 50%;
    margin-right: -210px;
    -webkit-box-shadow: rgba(35, 22, 18, 0.3) 0 -10px 10px;
    -moz-box-shadow: rgba(35, 22, 18, 0.3) 0 -10px 10px;
    box-shadow: rgba(35, 22, 18, 0.3) 0 -10px 10px;
    padding-top: 136px;
    overflow: hidden;
    z-index: 3;
}

.layout-wm section.firstsectiononpages > h1 {
    padding: 0 30px;
    margin-bottom: 0;
    height: 50px;
}


/* News first article*/

.mt-index.layout-wm article {
    padding: 20px 50px 20px 50px;
    border-bottom: 1px solid #c8c0b2;
    border-top: 1px solid #eae3d9;
}

.mt-index.layout-wm article#firstarticle p {
    line-height: 1.8;
}

.mt-index.layout-wm a:last-child article {
    border-bottom: none;
}

.mt-index.layout-wm #firstarticle {
    padding-top: 0;
}

.layout-wm section a,
#sideotherentry a {
    text-decoration: none;
    color: #825959;
}

.mt-index.layout-wm .firstsectiononpages a {
    display: block;
}

.mt-index.layout-wm .firstsectiononpages a:hover,
#sideotherentry a:hover {
    background-color: rgba(240, 235, 231, 0.45);
}

.layout-wm #firstarticle img {
    display: block;
    opacity: 1;
    width: 100%;
}
.flex{
    display:flex;
}
#news-top .flex{
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}
#news-top #firstarticle time{
    display:block;
    position: inherit;
    transform:none;
    top:auto;
    right:auto;
    float: none;
}
#news-top #firstarticle {
    padding: 0;
}

#news-top #firstarticle .flex,
#news-top #firstarticle p {
    padding: 20px 50px;
}
.layout-wm a #firstarticle p{
    width:auto;
}

.layout-wm #firstarticle h1 {
    font-size: 21px;
    text-shadow: 0 1px 2px white;
    overflow: inherit;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.5;
    width:auto;
}

.layout-wm #firstarticle h1 img {
    width: 690px;
}

.layout-wm section.firstsectiononpages article h1 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 2px white;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 30em;
    white-space: nowrap;
}

.layout-wm a time,
.mt-entry-archive article time,
p#time {
    padding-top: 0;
    font-size: 12px;
    color: #887661;
    float: right;
    font-weight: normal;
}
#news-top article{
    position:relative;
}
#news-top article time {
    display: block;
    position: absolute;
    right: 50px;
    top: 50%;
    transform :translateY(-50%);
}

.mt-index.layout-wm #firstarticle time {
    line-height: 2;
}

.layout-wm a #firstarticle p {
    color: #524739;
    font-weight: normal;
}


/* news entry */

.mt-entry-archive.layout-wm .firstsectiononpages {
    padding-top: 0;
}

#mainimage {
    margin-bottom: 40px;
}

#mainimage img {
    max-width: 690px;
}

.mt-entry-archive.layout-wm section.firstsectiononpages > h1 {
    font-size: 21px;
    font-family: inherit;
    font-weight: bold;
    padding: 0 60px;
    color: #825959;
    text-shadow: 0 1px 2px white;
    line-height: 1.5;
}

#firstarticle div.body a,
.column.shoplistinformation p a {
    font-size: 85%;
}

.mt-entry-archive.layout-wm .body {
    padding: 0 60px 60px 60px;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    min-height: 300px;
}

.body p {
    margin-bottom: 1.8em;
    line-height: 2;
}
.body h2, .body h3, body h4 {
    margin-bottom: 1em;
}
.body table{
    margin-bottom: 2em;
}

.mt-entry-archive article time {
    float: none;
    display: block;
    padding-right: 60px;
    text-align: right;
    margin-bottom: 1em;
    font-size: 14px;
    color: #887661;
}

#socialbtns {
    padding: 10px 50px;
    text-align: right;
    color: #A89588;
    text-shadow: 0 1px 0 #E5DDCF;
    vertical-align: middle;
    line-height: 1;
    border-top: 1px solid #B2A698;
    border-bottom: 1px solid #E5DDCF;
    background: url("/img/news_social_bg.png") repeat-x;
    margin-bottom: 30px;
}

#socialbtns a {
    display: inline-block;
    vertical-align: middle;
    padding: 0.5em;
    line-height: 1;
    border-radius: 40px;
font-size: 150%;
}

#socialbtns a:hover {
    background: #ebe6df;
    box-shadow: 0 1px 0 #b1a698;
}

#socialbtns a:hover img {
    opacity: .5;
}

#socialbtns a:active {
    box-shadow: inset 0 1px 3px #b1a698;
    background-color: #d4cbbd;
}

#socialbtns span {
    margin-right: 10px;
}

.mt-entry-archive aside#banners {}

#sideotherentry {
    text-shadow: 0 1px 2px #efe9e2;
}

#sidepressinq {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(172, 163, 149, 0.4);
	box-sizing: border-box;
}

#banners #sideotherentry li a {
    width: auto;
    padding: 15px 20px;
    display: block;
    height: 50px;
    overflow: hidden;
    line-height: 1.3;
    border-top: 1px solid rgba(172, 163, 149, 0.4);
    border-bottom: 1px solid rgba(249, 242, 233, 0.4);
}

#banners #sideotherentry li {
    font-size: 13px;
    display: block;
    width: auto;
    height: 80px;
    display: block;
    box-shadow: inherit;
}

#sideotherentry li a:first-child {
    border-top: none;
}

#sideotherentry li a:last-child {
    border: none;
}

#sideotherentry a time {
    color: #887661;
    text-align: left;
    display: inherit;
    float: none;
    margin-top: 5px;
    font-weight: normal;
    text-shadow: none;
}

.mt-entry-archive.layout-wm #firstarticle img {
    display: inline;
    margin: auto;
    max-width: 100%;
    height: auto;
}

#sidepressinq {
    background-image: -moz-linear-gradient(#DCCCBB 0%, #ECE6DF 100%);
    background-image: -ms-linear-gradient(#DCCCBB 0%, #ECE6DF 100%);
    background-image: -o-linear-gradient(#DCCCBB 0%, #ECE6DF 100%);
    background-image: linear-gradient(#DCCCBB 0%, #ECE6DF 100%);
    text-shadow: 0 1px 0 #e3d8ce;
}

#sidepressinq address {
    text-align: center;
    font: normal normal 30px Museo500;
    margin-top: 10px;
    text-shadow: 0 1px 1px #ffffff;
    color: #886647;
}
/*
#sidepressinq button {
    width: 230px;
    height: 36px;
    margin-top: 10px;
    background: url('../img/news_ctctbtn.gif') no-repeat left top;
}*/
#sidepressinq button {
	height: inherit;
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	display: block;
	color: white;
	padding: 1em ;
	background-image: linear-gradient(to bottom, #88847D 0%, #6a6661 50%, #716C67 100%);
	border: 1px solid #64625B;
	box-shadow: 0 2px 2px #bbae9e;
	border-radius: 5px;
	text-shadow: 0 -1px 1px black;
	width: 100%;
	margin-top: 10px;
	box-sizing: border-box;
}


/* Product */

#productlistmain,
#generalwebpage,
#shoplisttop {
    width: 816px;
}

#productlistmain ul,
#shoplisttop ul {
    list-style: none;
}

#productlistmain li,
#shoplisttop li {
    display: inline-block;
}

#productlistmain li a,
#shoplisttop li a {
    display: block;
}

#shoplisttop ul {
    margin-bottom: 34px;
}

#productlistmain li + li a {
    margin-left: 34px;
}

#productlistmain li + li + li a {
    margin-left: 0;
    margin-top: 34px;
}

#shoplisttop li + li a {
    margin-left: 34px;
}


/*商品4点 終了後削除↓*/

#productlistmain li + li a {
    margin-left: 0;
    margin-top: 34px;
}

#productlistmain li + li + li a {
    margin-left: 34px;
}

#productlistmain li + li + li +li a {
    margin-left: 0;
}


/*商品4点 終了後削除↑*/

#productlistmain li img,
.blogitem img,
#blogarticle img,
#shoplisttop img {
    box-shadow: white 0 1px 10px;
    border: 1px solid #b0a899;
}

#productlistmain p {
    margin-bottom: 3em;
}


/*general webpages*/

.body table:last-child {
    margin-bottom: 0;
}
.news .body table{
    width: 100%;
}
.news .body table th{
    white-space:nowrap;
}

.body table + h2,
.body table + h3 {
    margin-top: 4em;
}

#generalwebpage div.body table {
    width: 80%;
}

#generalwebpage div.body .contactinfo table {
    width: 100%;
}

table .right {
    text-align: right;
}

#generalwebpage div.body dl {
    line-height: 2;
}

#generalwebpage div.body dl dt {
    font-weight: bold;
    width: auto;
    display: block;
    float: none;
    text-align: left;
    background: rgba(228, 221, 212, 0.42);
}

#generalwebpage div.body dt,
#generalwebpage div.body dd {
    border-top: 1px solid #c4b4a0;
    border-bottom: none;
}

#generalwebpage div.body dd {
    padding-left: 2em;
    background: url(../img/column_hr.png) no-repeat center -18px;
}

#generalwebpage dl dd:last-child {
    margin-bottom: 20px;
}

dl div {
    border-top: 1px solid #d7cfc2;
    font-weight: bold;
    padding-top: 5px;
    margin-top: 15px;
}

#generalwebpage div.body dl dd img {
    margin-top: 10px;
    margin-right: 10px;
}

#generalwebpage h4 {
    border-style: solid;
    border-bottom: 1px solid #c4b4a0;
    color: #825959;
    padding: 6px 10px 6px 0px;
    margin-bottom: 1em;
}

#generalwebpage h5 {
    margin-bottom: 1em;
}

#generalwebpage h5:first-child {
    margin-top: 0;
}

#generalwebpage ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 1em;
    margin-bottom: 2em;
    line-height: 1.6;
}
#generalwebpage li {
    margin-bottom: 0.8em;
}
.body .caption {
    font-size: 80%;
}

.layout-wm .body .biomarche {
    width: 100%;
    margin-top: 30px;
}

.layout-wm .body .biomarche caption {
    border-top: 1px solid #c3b4a0;
    border-left: 1px solid #c3b4a0;
    border-right: 1px solid #c3b4a0;
    padding: 6px 0;
    font-size: 18px;
    text-shadow: 0 1px 1px white;
}

.layout-wm .body .biomarche th {
    text-align: center;
    background-color: #e4ddd4;
    border: 1px solid #c3b4a0;
    width: 25%;
    /*平均値*/
}

.layout-wm .body .biomarche a {
    display: inline !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    font-size: inherit !important;
    text-decoration: underline !important;
}

.layout-wm .body .biomarche td {
    line-height: 1.7;
    text-align: center;
    border: 1px solid #c3b4a0;
    background: url(../img/column_hr.png) no-repeat center -18px #f1ede8;
    font-size: 90%;
    padding: 1em inherit !important;
}

.paddingzero,
.layout-wm .body .biomarche td.paddingzero {
    padding: 0 !important;
}


/*contact*/

.aform-header,
#generalwebpage form dl dd:empty {
    display: none;
}

div.aform-content .aform-input-example {
    border: none;
    font-size: 12px;
}

.aformconfirm #generalwebpage div.body .aform-content form dl dd:nth-child(2) {
    display: inherit;
    margin-bottom: 20px;
}

div#aform-3.aform {
    width: 450px;
    display: inline-block;
}

.aformconfirm div#aform-3.aform {
    width: 100%;
}

.aform-error {
    border: none;
    padding: 0;
    margin-bottom: 0!important;
}

#generalwebpage div.body .aform-content dl dd:last-child {
    border: none;
    background: none;
    padding: 0 11px;
    margin-bottom: 0;
}

div.validation-advice {
    border: none;
    margin: 0 0 10px;
    line-height: 1.3;
    font-size: 12px;
}

.aform-error img {
    display: none;
}

.aform-content div.submit {
    border: none;
    margin-top: 20px;
    padding-left: 0 !important;
}

label.error {
    color: #ca5252;
}


/*form input all*/

#parts-2,
#parts-4,
#parts-5,
#parts-6,
#parts-8,
#parts-9,
#parts-10,
#parts-11,
#club1,
#club2,
#club3,
#club4,
#club5,
.aform-input {
    font-size: 16px;
    padding: 3px 5px;
    width: 350px;
    text-align: left;
}

select.aform-input {
    width: auto;
}

textarea,
#parts-11 {
    resize: none;
    height: 9em;
}

.contactinfo {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
}

.contact p:nth-child(2) {
    display: none;
}

#generalwebpage .body h3 {
    margin-bottom: 1em;
    display: block;
}

#generalwebpage .body p+h3 {
    padding-top: 1em;
}

div.aform-content span.required {
    line-height: auto;
    font-size: 11px;
    font-style: normal;
    margin-left: 1em;
    color: #d85c5c;
}

div.aform-content span.required:before {
    content: "*";
}

#aform_btn_confirm_4,
#aform_btn_confirm_3,
#aform_btn_submit,
#aform_btn_back {
    width: 226px;
    height: 36px;
    background: url(../img/contact_submitbtn.gif) no-repeat;
    border: none;
    text-indent: -400px;
    position: relative;
    -webkit-border-radius: 3px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#aform_btn_confirm_3:active,
#aform_btn_confirm_4:active {
    background: url(../img/contact_submitbtnac.gif) no-repeat;
}

.aform-confirm {
    font-size: 20px;
    font-weight: bold;
    display: block;
    min-height: 3em;
    max-height: 10em;
    padding-left: 1em;
    overflow: auto;
    text-shadow: 0 1px 1px white;
}

.aform-confirm.parts-11 {
    font-size: 14px;
}

.aformconfirm dl {
    display: inline-block;
    width: 394px;
    vertical-align: top;
    margin-right: 10px;
}

.aformconfirm dl ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.aformconfirm .aform-radio,
.aformconfirm .aform-checkbox {
    width: auto !important;
}

.aformconfirm .aform-radio-ul li,
.aformconfirm .aform-checkbox-ul li {
    display: inline-block;
    margin-right: 1em;
}

#aform_btn_submit {
    background: url(../img/contact_submit2btn.gif) no-repeat;
}

#aform_btn_submit:active {
    background: url(../img/contact_submit2btnac.gif) no-repeat;
}

#aform_btn_back {
    background: url(../img/contact_resetbtn.gif) no-repeat;
    width: 184px;
}

#aform_btn_back:active {
    background: url(../img/contact_resetbtnac.gif) no-repeat;
}


/*top masuya club*/

#lean_overlay {
    position: fixed;
    z-index: 101;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#signup {
    z-index: 200;
    top: 200px;
    left: 50%;
    width: 460px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -webkir-box-shadow: 0px 0px 40px #444;
    -moz-box-shadow: 0px 0px 40px #444;
    box-shadow: 0px 0px 40px #444;
    background: -moz-linear-gradient(90deg, #f6f5f5 76%, #fefefe 100%), white;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.76, #f6f5f5), to(#fefefe)), white;
    background-image: -o-linear-gradient(#f6f5f5 76%, #fefefe 100%);
    border: 1px solid white;
    font: 13px/1.6 'Lucida Grande', arial, "Helvetica Neue", helvetica, 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ms pgothic', sans-serif;
    height: auto;
    display: none;
}

#signup .textfield input.radio {
    border: none;
}

#signup-header {
    background: url('../img/signup_bg.png') repeat-x left top;
    position: relative;
    top: -11px;
    padding: 60px 18px 10px 18px;
    border-bottom: 1px solid #eae9e9;
    margin-bottom: -11px;
}

#signup-header h1 {
    font: 23px 'Museo500';
    margin-bottom: .7em;
}

#signup-header p {
    margin-bottom: 1em;
}

#signup-header p:last-child {
    font-size: 85%;
}

div.textfield {
    padding: 13px 18px;
    border-bottom: 1px solid #eae9e9;
}

div.textfield #signup label {
    display: inline-block;
    width: 90px;
}

#signup .textfield input {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #e7e6e6;
    border-right: 1px solid #e7e6e6;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 14px;
    vertical-align: middle;
}

#signup .textfield input {
    width: 310px;
}

#signup .textfield.short input {
    width: 144px;
}

#signup .textfield.chbox input {
    width: auto;
}

#signup .textfield.short input.radio {
    width: auto;
}

#signup label {
    width: 80px;
    display: inline-block;
    vertical-align: middle;
}

#signup .chbox label {
    width: auto;
    display: inline;
    padding-right: 5px;
}

#signup .btnfield {
    padding: 13px 18px;
    text-align: right;
    background-color: #e5e5e4;
}

#signup .btnfield a {
    margin: 0;
    padding: 0;
}

#signup .btnfield * {
    display: inline-block;
    vertical-align: middle;
}

#signup .btnfield img {
    margin-right: 15px;
}

#signup .btnfield button {
    width: 164px;
    height: 35px;
    background: url('../img/signup_submit.gif') no-repeat;
}

#signup .btnfield button:active {
    background: url('../img/signup_submitac.gif') no-repeat;
}

dl div.club6 {
    margin: 0;
    padding: 0;
    border: none;
}


/*blog*/
#phone-nav {
	display: none;
}
#blogs,
#blogarticle {
    min-width: 960px;
    width: auto;
    margin: 0 auto 0px auto;
    position: relative;
    padding-top: 100px;
    padding-bottom: 15px;
    background: url('../img/blog_blog_bg.png') repeat left top #f8f5e9;
    box-shadow: 0 0 3px #9a8c75;
    border-left: 4px double #d4d3ca;
    border-right: 4px double #d4d3ca;
    border-bottom: 4px double #d4d3ca;
    overflow: hidden;
}

#blogs > h1,
#blogarticle > h1 {
    text-align: left;
    border-bottom: 4px double #d4d3ca;
    border-top: 4px double #d4d3ca;
    padding: 10px 0 10px 50px;
    color: #89877c;
    font-size: 18px;
}

#blogarticle hr {
    border-top: 1px solid #d4d3ca;
    margin: 50px -50px;
}

#blog {
    width: auto;
    position: relative;
    margin: 0 auto;
    clear: both;
    min-height: 1000px;
    padding: 0 0 0 50px;
    font-family: "Academy Engraved LET", HiraMinProN-W3, "Hiragino Mincho Pro", Georgia, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

@media screen and (min-width: 960px) and (max-width: 1270px) {
    #blogs {
        width: 960px;
    }
}

@media screen and (min-width: 1270px) and (max-width: 1570px) {
    #blogs {
        width: 1262px;
    }
}

@media screen and (min-width: 1570px) {
    #blogs {
        width: 1565px;
    }
}

.blogitem {
    width: 253px;
    float: left;
    display: block;
    position: relative;
    margin: 0 50px 45px 0;
    border-bottom: 3px double #cad6c0;
    padding-bottom: 40px;
}

.blogitem,
section#blogarticle article {
    color: #796148;
    text-shadow: 0 2px 1px white, 0 -1px 2px #d3cabb;
    word-wrap: break-word;
}

.blogitem:hover {
    text-decoration: none;
    color: black;
}

.blogitem img,
#blogarticle img {
    width: 251px;
    display: block;
    margin-bottom: 27px;
    border: 1px solid #d6ccc0;
}

.blogitem h2 {
    font-size: 18px;
    line-height: 1.3;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.blogitem p,
section#blogarticle article .body {
    font-weight: normal;
    display: block;
    font-size: 15px;
}

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.transitions-enabled.masonry {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.transitions-enabled.masonry .masonry-brick {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -ms-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}

#infscr-loading {
    left: 50%;
    width: 400px;
    margin-left: -200px;
}

#infscr-loading,
a#totop {
    text-align: center;
    padding: 15px 0;
    bottom: 100px;
    position: fixed;
    z-index: 100;
    border-top: 1px solid #bfb4a8;
    color: white;
    font: 12px 'Museo500';
    box-shadow: 0 3px 10px #9a8c75;
    background: url('/img/bg.jpg') no-repeat center bottom;
    display: block;
}

#infscr-loading em {
    font-style: normal;
}

.masonry:before,
.masonry:after {
    content: "";
    display: table;
}

.masonry:after {
    clear: both;
}

.masonry {
    zoom: 1;
}

a#totop {
    width: 50px;
    padding: 15px 20px;
    right: -1px;
    -webkit-transition: all 1.8s ease-in-out;
    -moz-transition: all 1.8s ease-in-out;
    -ms-transition: all 1.8s ease-in-out;
    transition: all 1.8s ease-in-out;
}

a#totop:hover {
    text-decoration: none;
    background: url('/img/bg.jpg') no-repeat center center;
    border-top: 1px solid #e7e3df;
}

a#totop.off {
    right: -100px;
    bottom: -100px;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    -ms-transition: all 1.8s ease-in-out;
    transition-duration: 1.8s;
}

section#blogarticle.firstsectiononpages {
    min-width: inherit;
    width: 602px;
    padding-bottom: 0px;
    z-index: 2;
}

#blogarticle > h1 {
    margin-bottom: 0;
}

section#blogarticle article {
    font-size: 15px;
    padding-bottom: 50px;
}

section#blogarticle article > * {
    padding: 0 50px;
}

section#blogarticle article h1 {
    border-bottom: 1px solid #d4d3ca;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #6b695e;
    text-transform: uppercase;
    font-weight:normal;
    font-size: 30px;
    line-height: 1.2;
    white-space: pre-line;
    text-align: center;
}

section#blogarticle article .body {}

section#blogarticle article h2 {
    font-size: 22px;
}

section#blogarticle article h2 + p {
    margin-top: -1em;
}

section#blogarticle article p + h2 {
    margin-top: 1.5em;
}

section#blogarticle article p,
section#blogarticle article li,
section#blogarticle article h2 {
    margin-bottom: .7em;
}

section#blogarticle article ins {
    background: none;
    color: inherit;
    font-size: 22px;
    border-bottom: 1px dotted #989681;
}

section#blogarticle article em,
section#blogarticle article i {
    margin: 1em 0 0;
    padding: .5em 0;
    border-top: 1px solid #cad6c0;
    border-bottom: 1px solid #cad6c0;
    display: block;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: #4e6040;
}

section#blogarticle article a {
    text-decoration: underline;
    color: #626860;
    font-weight: normal;
}

section#blogarticle article a:hover {
    color: black;
}

section#blogarticle article a.bloglinkbtn {
    color: inherit;
    text-decoration: none;
    font-size: 15px;
    display: block;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}

section#blogarticle article a.bloglinkbtn strong {
    font-size: 18px;
}

section#blogarticle article em a,
section#blogarticle article i a {
    color: #4e6040;
    font-weight: normal;
    display: inline;
}

section#blogarticle article ul {
    list-style-position: outside;
    padding-left: 2em;
    margin-bottom: 1.5em;
}

section#blogarticle article table {
    width: 100%;
    color: #6b695e;
    font-size: 17px;
    background-color: rgba(255, 255, 255, 0.44);
    border-top: 4px double #d4d3ca;
}

section#blogarticle article td,
section#blogarticle article th {
    border: 1px solid #d4d3ca;
}

section#blogarticle article tr td:first-child {
    border-right: 1px solid #c6a253;
}

section#blogarticle article ul:last-child,
section#blogarticle article li:last-child,
section#blogarticle article p:last-child {
    margin-bottom: 0;
}

section#blogarticle img {
    width: 500px;
    height: auto;
}

section#blogarticle article p#time {
    float: none;
    font-size: 15px;
    display: block;
    text-align: center;
    border-bottom: 4px double #d4d3ca;
    margin-bottom: 50px;
    color: #6b695e;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: normal;
}
.blog-footer-nav {
	display: none;
}


/* @group blog entry aside */

#social {
    width: 111px;
    height: 126px;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -410px;
    background: url('/img/blog_social_bg.gif');
    padding: 10px 18px;
    z-index: 10;
    text-align: center;
    /*        transform: rotate(10deg);
-webkit-transform: rotate(10deg);
   -moz-transform: rotate(10deg);*/
}

#social h1 {
    margin-top: 9px;
    color: #adb4ad;
    font: 15px 'Museo500';
    text-shadow: 0 -1px 1px #424842;
    margin-bottom: 3px;
}

#social a {
    opacity: .7;
}

#social a:hover {
    opacity: 1;
}

#navboard {
    width: 309px;
    height: 714px;
    background: url('/img/blog_nav_bg.png') no-repeat left top;
    position: fixed;
    top: -150px;
    left: 50%;
    margin-left: 280px;
    z-index: 10;
    -webkit-transition: all 1.8s ease-in-out;
    -moz-transition: all 1.8s ease-in-out;
    -ms-transition: all 1.8s ease-in-out;
    transition: all 1.8s ease-in-out;
}

#navboard.off {
    top: -720px;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    -ms-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

#navboard ul {
    list-style: none;
    font: 15px 'Museo500';
}

#navboard ul,
#navboard div {
    padding: 250px 105px 0 74px;
}

#navboard ul a {
    display: block;
    color: #ccc;
    background: url('/img/blog_nav_aline.gif') repeat-x left bottom;
    margin: 7px 0;
    padding: 0 0 7px 0;
    font-weight: normal;
    font-style: normal;
}

#navboard ul a:hover {
    color: white;
    text-decoration: none;
}

#navboard ul a img {
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}

#navboard div {
    padding-top: 25px;
    text-align: center;
}

#navboard div h1 img {
    width: 85px;
    height: 20px;
    margin-bottom: 7px;
}

#navboard div #osusume {
    margin-bottom: 3px;
}

#navboard div #osusume img {
    box-shadow: 0px 1px 3px #000;
}

#navboard #comeon img {
    width: 122px;
    height: 12px;
}


/* @end */


/*manual*/

#manual ul {
    list-style: none;
}

#manual li {
    margin: 0 10px 10px 0;
    display: inline-block;
}

#manual li a {
    display: block;
    width: 180px;
    height: 180px;
    padding: 20px;
    background-color: #626262;
    text-align: center;
    color: white;
    border-radius: 5px;
    box-shadow: inset 0 2px 3px #3a3a3a;
}

#manual li a:hover {
    background-color: #959595;
    text-decoration: none;
}

#manual li a img {
    display: block;
    margin: 0 auto 6px;
}

#manual li a i {
    display: block;
    font-size: 80%;
    font-weight: normal;
    font-style: normal;
}

#manual li a button {
    width: 180px;
    padding: 10px 20px;
    font-size: 15px;
    border: 1px solid #090909;
    text-shadow: 0 -2px 2px #000000;
    box-shadow: inset 0 3px 10px #434443;
    background-color: #212121;
    color: #EBE2D9;
    border-radius: 4px;
    margin-top: 6px;
}


/*mail thanks*/

#mailthankstotop {
    background: url(../img/thanks_backbtn.gif) no-repeat;
    margin: 0 auto;
    display: block;
}

#mailthankstotop:active {
    background: url(../img/thanks_backbtnac.gif) no-repeat;
}


/* @group ERROR */

body#errorhtml5 {
    height: 100%;
    color: #825959;
    font: 16px/1.4 'Museo500', sans-serif;
    text-align: center;
    margin: 0;
    background-color: #ede4db;
    background-image: none;
}

#errorhtml5 #wrap {
    box-shadow: inset 10px 0 300px #b4a48d;
    width: 100%;
    height: 100%;
    position: relative;
}

#errorhtml5 h1 {
    text-transform: uppercase;
    font-size: 40px;
    color: #524739;
    text-shadow: 0 2px 2px #b3aca2;
    margin-bottom: .5em;
    font-weight: normal;
    font-style: normal;
}

#errorhtml5 h1 span {
    font: italic 20px Georgia, "Times New Roman", Times, serif;
    text-transform: lowercase;
}

#errorhtml5 button {
    width: 250px;
    height: 80px;
    display: inline-block;
    font-size: 30px;
    border-radius: 7px;
    background: linear-gradient(#FFF, #EEE 100%);
    background: -webkit-linear-gradient(#FFF, #EEE 100%);
    background: -moz-linear-gradient(#FFF, #EEE 100%);
    background: -ms-linear-gradient(#FFF, #EEE 100%);
    background: -o-linear-gradient(#FFF, #EEE 100%);
    -moz-box-shadow: inset 0 1px 0 #FFF;
    -webkit-box-shadow: inset 0 -1px 0 #FFF;
    box-shadow: 0 1px 0 #FFF;
    border: 1px solid #825959;
    text-shadow: 0 2px 1px #ffffff;
    color: #524739;
}

#errorhtml5 button:active {
    box-shadow: inset 0 3px 10px #948166;
    color: white;
    text-shadow: 0 1px 5px #948166;
    background: #b9a995;
}

#errorhtml5 button:last-child {
    margin-left: 10px;
}

#errorhtml5 #wrap div {
    width: 560px;
    height: 340px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -280px;
}


/* @end */

#em {
    text-align: center;
    margin-top: 20px;
    display: block;
    font-size: 15px;
}

#em a {
    color: #c16967;
    display: block;
    background-color: #f7f0e9;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #D6CDC0;
    text-decoration: none;
    box-shadow: 0 1px 4px #CEC8C1;
}

#em a:hover {
    color: inherit;
    background: #fffffe;
    border: 1px solid #8d8e8d;
}

.shippaymentarea {
    font-size: 20px;
    vertical-align: middle;
}

#shippayment {
    width: auto !important;
}


/* @group 新スタイル系  */


/*店舗トップ*/

#shoplisttop h1,
#shoplisttop p,
#shoplisttop h2 {
    text-align: center;
}

#shoplisttop h2 {
    border-bottom: 1px solid #c4b4a1;
    margin-bottom: 34px;
}

#shoplisttop h1 + p {
    margin-bottom: 3em;
    font-size: 16px;
}


/* @end */

#ownmv {
    background: url(../img/tk_owner_image.jpg) no-repeat center top;
    background-size: cover;
    height: 60vh;
    transition: all .5s ease-in-out 0s;
    position: relative;
    width: 100%;
}

@media (orientation: portrait) {
    #ownmv {
        height: 30vh;
    }
}

#ownmv img {
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.owner .firstsectiononpages {
    padding-top: 50px;
}

.owner #shoplistmain h1 {
    font-size: 250%;
}

.owner section p,
.owner #shoplistmain p {
    font-size: 130%;
    margin-bottom: 2em;
    line-height: 2;
}
section p:last-child{
	margin-bottom: 0;
}

.owner section h2 {
    font-size: 200%;
    line-height: 1.6;
    margin-bottom: 50px;
    text-align: center;
    font-weight: normal;
    margin-top: 0;
}
.owner section .twocolumn h2{
	font-size: 150%;
	margin-top: 0 !important;
	margin-bottom: 2em;
}
.owner #shoplistmain h2,
.owner section h1:first-child,
.owner section h2:first-child {
    margin-top: 50px;
}
figure.w100{
	margin-bottom: 50px;
}
.owner section h2,
.owner #shoplistmain h2,
figure.w100{
	margin-bottom: 70px;
}
.owner section p + figure{
	margin-top: 70px;
}


.ownfarmwrap {
    /* 	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; */
}

#shoplistmain .ownfarm p {
    width: auto;
    font-size: 100%;
}

.ownfarm {
    width: 31%;
    display: inline-table;
    margin-right: 2%;
    text-align: center;
}
.ownfarm figure{
	margin-bottom: 1em;
}

.ownfarmwrap .ownfarm:last-child {
    margin-right: 0;
}

.ownfarm img {
    width: 80%;
}

.ownfarm h3 {
    font-size: 120%;
}

.owner .column > h1 {
    text-align: center;
}

.column2-sec {
    display: inline-table;
    vertical-align: top;
}

.owner section .column2-sec:nth-of-type(1) {
    width: 60%;
    margin-right: 6%;
}

.owner section .column2-sec:nth-of-type(2) {
    width: 33%;
}

.column2-sec p {
    text-align: justify;
    line-height: 2;
}

.owner .column2-sec img {
    width: 100%;
}

.column2-sec p + figure {
    margin-top: 50px;
}

.column2-sec figcaption {
    font-size: 11px;
    line-height: 1.3;
    text-align: right;
}

.frame {
    border: 1px solid #CABEAC;
    /* 	background: rgba(255, 253, 243, 0.2); */
    padding: 20px 15px;
}

.owner .frame h3 {
    font-size: 120%;
    margin-bottom: .5em;
    text-align: center;
}

.owner .frame ul+h3 {
    margin-top: 1.5em;
}

.frame p,
.frame ul {
    font-size: 14px !important;
}

.frame p.caption {
    font-size: 11px !important;
    line-height: 1.6;
}

.owner .frame ul {
    list-style-position: outside;
    margin-left: 1em;
}

.owner .frame li {
    line-height: 1.4;
    margin-bottom: .8em;
}

.owner .frame span {
    font-size: 11px;
}

.em {
    /* 	background: rgba(105, 72, 72, 0.6) !important;
	color: white; */
    background: none;
    ;
}

.owner .em {
    border-bottom: none;
}

.owner .frame + .frame {
    margin-bottom: 30px;
}

#tkownerform {
    margin: 18px 0;
    text-align: center;
}

#tkownerform form * {
    -webkit-appearance: none;
}

#tkownerform #input {
    width: 94%;
    margin-bottom: 8px;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid gray;
    font-size: 18px;
}

#tkownerform #input:focus {
    outline: none;
    border-bottom: 1px solid rgb(255, 168, 5);
}

#tkownerform #submit {
    background-color: #e4ddd3;
    padding: 1ex 3ex;
    border-radius: 2px;
    margin: 10px auto 0;
    border-top: 1px solid #efece7;
    border-bottom: 1px solid #b5a188;
    text-shadow: 0 1px 1px #ffffff;
    color: #9f6c62;
    text-decoration: none;
    box-shadow: 0 1px 1px #c5bdb3;
    border-left: none;
    border-right: none;
    font-size: 16px;
}

#tkownerform #submit:active {
    box-shadow: inset 0 1px 2px #c6b5a6;
    background-color: #e0d6cd;
    border-top: 1px solid #bcb0a3;
    border-bottom: 1px solid #efece7;
}


/*like figure*/

.w100 {
    width: 100%;
    box-sizing: border-box;
}
.w100 * {
    max-width: 100%;
}
.w80 {
    width: 80%;
    box-sizing: border-box;
}

.column.w100{
	padding-left: 0;
	padding-right: 0;
}

/*flex*/
.flex-own{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.flex-own > div,
.inner{
	padding: 77px 8%;
}
.flex-own > div{
	width: calc(50% - 1px);
	background: rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	margin-bottom: 2px;
}
/*.flex-own > div:nth-of-type(1),
.flex-own > div:nth-of-type(4),
.flex-own > div:nth-of-type(5),
.flex-own > div:nth-of-type(8){
	transform: rotate(1deg);
}*/
.flex-own > div:nth-last-child(-n+2){
	margin-bottom: 0;
}
.flex-own > div:nth-of-type(2n) h3{
	color: #79bce1;
}
.flex-own > div:nth-of-type(3n) h3{
	color: #948f54;
}
.flex-own h3{
	font-size: 2vw;
	margin-bottom: 1em;
	text-align: center;
	line-height: 1.5;
	color: #d1967d;
	letter-spacing: -0.12vw;
	font-weight: normal;
}
#flex-own-ph1{
	background: url('../img/flex-own-ph1.jpg') no-repeat ;
	background-size: cover;
	min-height: 500px;
}
#flex-own-ph2{
	background: url('../img/flex-own-ph2.jpg') no-repeat ;
	background-size: cover;
	min-height: 500px;
}


#flex-own-ph3{
	background: url('../img/flex-own-ph2.jpg') no-repeat ;
	background-size: cover;
	min-height: 500px;
}


.owner .caption{
	


font-size: 70% !important;
}
.flex-own h4{
	font-size: 120%;
	line-height: 2;
}
.flex-own p{
	font-size: 120% !important;
	margin-bottom: 1em !important;
	text-align: justify;
}
.flex-own div > p:last-child{
	margin-bottom: 0 !important;
}
.flex-own + p{
	margin-top: 80px;
}

.center{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/*article*/
#article-sec{
	position: relative;
	padding-top: 166px;
}
#article-sec h2{
	text-align: center;
}
#article-sec h2 img{
	
}
.article{
	/*background: url(../img/blog_blog_bg.png) repeat left top #f8f5e9;
	*/
	background: radial-gradient(ellipse farthest-corner, #ffffff 39.8%, #f5edd9 100%) #f8f5e9;
	box-shadow: 0 0 80px rgba(169, 149, 114, 0.57);
	color: #746e49;
	padding-top: 6%;
	margin-bottom: 50px;
	position: relative;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	border-right: 1px solid #d6d3b6;
	/*text-shadow: 0 2px 1px white, 0 -1px 2px #d3cabb;*/
}
.article:before{
	content: "";
    width: 100%;
    top: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: #eeebdf;
    z-index: -1 ;
    transform: rotate(-.9deg);
}
.article:after{
	content: "";
    width: 100%;
    top: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f7f6f3;
    z-index: -1;
    transform: rotate(1.05deg);
}
.date{
	font-size: 280% !important;
	margin: 0 0 0.45em 0 !important;
	text-align: center;
	line-height: 0 !important;
	font-weight: normal;
}
.article h1{
	border-bottom: 2px solid #f5ecdb;
	border-top: 2px solid #f5ecdb;
	text-align: center;
	font-size: 180%;
	padding: 3% 6%;
	line-height: 1.5;
}
.article figure{
	width: 100%;
	height: 350px;
	overflow: hidden;
}

.article figure img{
	width: 100%;
	display: block;
	position: relative;
	transform :translate(0%, -50%);
	top: 50%;
}
.article .inner img{
	width: 100%;
	margin-bottom: 1em;
}
.article p,
.article ul{
	padding: 0 10%;
	margin-bottom: 1em !important;
}
.article ul{
    line-height: 1.8;
}
.article p + img,
.article p img{
	padding-top: 2em;
}
.article .inner *:last-child{
	margin-bottom: 0 !important;
}
.owner .lastnohr{
	font-size: 100%;
}
.owner .lastnohr ul{
	list-style: square;
	padding-left: .5em;
	margin-left: 1em;
	margin-bottom: 2em;
}

.columns{
	padding: 0 7% 0 7%;
	column-count: 4;
	column-width: auto;
	column-gap: 4em;
	-webkit-column-count: 4;
	-webkit-column-width: auto;
	-webkit-column-gap: 4em;
	-moz-column-count: 4;
	-moz-column-width: auto;
	-moz-column-gap: 4em;
	text-align: ;
}
.columns *{
	font-size: 100% !important;
	line-height: 1.8;
}
.columns p{
	margin-bottom: 1em !important;
}
.columns ul + p{
	
}

/*grid*/
.grid{
	margin-bottom: 50px;
}

.grid:after{
	clear: both;
	display: block;
	content: "";
}
.grid-item,
.grid-sizer {
	width: calc(33.333% - 2px);
}
.grid-item {
  float: left;
  margin-bottom: 3px;
}
/*.grid-item--width2 { width: 40%; }*/
.grid-item img{
	width: 100%;
	display: block;
}
.grid-item{
	position: relative;
}
.grid-item img{
	opacity: 1;
}
.grid-item a:hover img{
}
.grid-item a:hover .grid-inner{
	opacity: 1;
}
.grid-inner{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: -webkit-radial-gradient(ellipse farthest-corner, rgba(149, 97, 97, 0.77) 0%, #3f2627 100%);
	background: -moz-radial-gradient(ellipse farthest-corner, rgba(149, 97, 97, 0.77) 0%, #3f2627 100%);
	background: -ms-radial-gradient(ellipse farthest-corner, rgba(149, 97, 97, 0.77) 0%, #3f2627 100%);
	background: radial-gradient(ellipse farthest-corner, rgba(149, 97, 97, 0.77) 0%, #3f2627 100%);
	padding: 10%;
	box-sizing: border-box;
	opacity: 0;
}
.grid-item:nth-child(odd) .grid-inner{
	background: -webkit-radial-gradient(ellipse farthest-corner, rgba(135, 102, 61, 0.77) 0%, #3f3226 100%);
	background: -moz-radial-gradient(ellipse farthest-corner, rgba(135, 102, 61, 0.77) 0%, #3f3226 100%);
	background: -ms-radial-gradient(ellipse farthest-corner, rgba(135, 102, 61, 0.77) 0%, #3f3226 100%);
	background: radial-gradient(ellipse farthest-corner, rgba(135, 102, 61, 0.77) 0%, #3f3226 100%);
}
.grid-inner h2{
	color: white;
	font-size: 160% !important;
	line-height: 1.5;
	width: auto !important;
	margin-bottom: .7em !important;
	padding-bottom: calc(0.7em + 10px) !important;
	font-weight: normal;
	background: url(../img/grid-inner_h3.svg) center bottom no-repeat;
	background-size: 100% auto;
	margin-top: 0 !important;
	text-shadow: none;
}
.grid-inner .date{
	line-height: 1 !important;
	font-size: 30px !important;
}
.grid-item:nth-child(odd) .grid-inner .date{
	color: #bbab77;
}
.grid-inner .center{
	transform :translateY(-50%);
	position: relative;
	top: 50%;
}
/*own entry*/
.owner .twocolumn{
	width: 46%;
}
.owner .column .twocolumn:nth-of-type(1) {
	margin-right: 6%;
}
#own-recent-entry-list{
	list-style: none !important;
	margin: 0;
	padding: 0;
}
#own-recent-entry-list li{
	display: block;
	line-height: 1;
	font-size: 130%;
	
}
#own-recent-entry-list li span{
	font-size: 15px !important;
	margin-right: 1em !important;
	color: #c48b8b;
	
}
#own-recent-entry-list a{
	display: block;
	border-top: 1px solid #c0989a;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 1.5em 0.5em;
	text-decoration: none;
	font-weight: normal;
	color: #695f5f;
	
}

#own-recent-entry-list a:hover{
	color: #854f4f;
	background-color: rgba(255, 255, 255, 0.2);
}

.owner .lastnohr.w100{
	padding: 0 6% 0;
}
.facebook{
	text-align: center;
}
.fb-page{
	margin: auto;
}

div.side{
	display: inline-block;
	vertical-align: top;
	width: 260px;
	margin-left: 45px;
}
div.side h2{
line-height: 2;
    font-weight: bold;
margin: 0 0 5px 0;
    font-size: 130% ;
}


/*owner inq*/
#owner-inq{
	padding-top: 160px;
}
#owner-inq h1{
	font-size: 300%;
}
#phone-inq{
	background-color: rgba(211, 218, 194, 0.3);
	padding: 1em;
	color: #808f86;
}
#phone-inq *{
	line-height: 1;
}
#phone-inq a{
	font-weight: normal;
	margin: 0 0.5em;
	color: #488562;
	font-size: 150%;
	text-decoration: none;
}
#owner-inq #phone-inq{
	width: ;
	font-size: 1.2vw;
	margin-bottom: 40px;
}
.buybtn-brwn{
	color: white;
	background: linear-gradient(to bottom, #694546 0%, #4a3132 100%) #4b3232;
	padding: 0.8em 5em;
	letter-spacing: 0.2em;
	font-size: 120%;
	font-weight: normal;
	border-radius: 5px;
	text-decoration: none !important;
	box-shadow: 0 5px 10px rgba(68, 68, 68, 0.39);
	border: 1px solid #4a3132;
	box-sizing: border-box;
	display: inline-block;
	margin: auto;
	width: auto;
}
.buybtn-brwn:hover{
	color: #c7c2bb;
	border: 1px solid #724a4a;
	background: linear-gradient(to bottom, #8b5e60 0%, #724a4a 100%) #734a4a;
	transform: scale3d(1.05,1.05,1.05);
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.34);
}
.buybtn-brwn:active{
	transform: scale3d(1,1,1);
	box-shadow: 0 5px 10px rgba(68, 68, 68, 0.39);
	
}
#owner-inq .buybtn-brwn{
	width: 30%;
}



/*i-devices*/
@media screen and (max-width: 960px) {
    #productmain {
        width: 888px;
        padding-right: 72px;
    }
    section#productmain .twocolumn+.twocolumn {
        width: 390px;
    }
    section#productmain .twocolumn:first-child {
        width: 493px;
        margin-right: 0;
    }
    div.pageproductdetail br {
        display: none;
    }
    section#productmain .asset-body {
        font-size: 15px;
    }
    #freeshipping {
        right: -15%;
    }
    .grid-inner h2{
    	font-size: 1.5vw !important;
    }
    .grid-inner .date{
    	font-size: 2.5vw !important;
    }

}
@media all and (orientation: portrait){
     #maintkh {
        top: 39%;
    }
    #mainwhown {
        top: 45%;
    }
    #mainkuni{
        top: 45%;
        width:60%;
    }
}

/*oldie*/
#oldie {
    width: 100%;
    background: url(../img/old_ie_bg.gif) repeat-x top center;
    text-align: center;
    padding: 30px 0 ;
    box-sizing: border-box;
}
#oldie a{
	color: #f6ecab;
}