@charset "UTF-8";

/**
 * 共通スタイル
 */

/* ==========================================================================
   title
   ========================================================================== */

/*======================================

  1-1.Yahoo UI Library Fonts CSS
  http://developer.yahoo.com/yui/fonts/
  *Copyright (c) 2006, Yahoo! Inc. All rights reserved.
  *http://developer.yahoo.com/yui/license.txt

  Font-size Adjustment
  
  77% = 10px  | 123.1% = 16px | 167% = 22px 
  85% = 11px  | 131% = 17px   | 174% = 23px
  93% = 12px  | 138.5% = 18px | 184% = 24px
  100% = 13px | 146.5% = 19px | 192% = 25px
  108% = 14px | 153.9% = 20px | 197% = 26px
  116% = 15px | 161.6% = 21px |

=======================================*/

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

　目次

-------------------------------------------------------------------------------

　01. reset
　02. fonts
　03. BaseSet



/* /////////////////////////////////////////////////////////////////////////// reset */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/

/*
  TODO will need to remove settings on HTML since we can't namespace it.
  TODO with the prefix, should I group by selector or property for weight savings?
*/
html { color: #212121; background: #FFF; }

/*
  TODO remove settings on BODY since we can't namespace it.
*/

/*
  TODO test putting a class on HEAD.
    - Fails on FF. 
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }

/*
  TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }

/*
  TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }

/* to preserve line-height and selector appearance */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select { *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend { color: #000; }

/* /////////////////////////////////////////////////////////////////////////// fonts */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body { font: 13px/1.231 arial, helvetica, clean, sans-serif; *font-size: small;  /* for IE */ *font: x-small;  /* for IE in quirks mode */ -webkit-text-size-adjust: 100%; }
html > body { font-size/*\**/:small\9; }
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif; }
* html body { font-family: verdana, 'ＭＳ Ｐゴシック', arial, helvetica, clean, sans-serif; }
*:first-child + html body { font-family: verdana, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', arial, helvetica, clean, sans-serif; }

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select, input, button, textarea { font: 99% arial, helvetica, clean, sans-serif; }

/**
 * To help tables remember to inherit
 */
table { font-size: inherit; font: 100%; }

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

/* /////////////////////////////////////////////////////////////////////////// BaseSet */
html { overflow-y: scroll; }
* html body { width: expression(document.body.clientWidth < 962? "960px":"auto"); }

/* ///////////////////////////////////////// anchor */
a { color: #212121; text-decoration: underline; }
a:visited { color: #212121; text-decoration: underline; }
a:hover { color: #000; min-height: 1em;  /* Mac Firefox */ text-decoration: none; }
.link_style01 a:link { text-decoration: none; }
.link_style01 a:hover { color: #000; text-decoration: underline; }
.font_color { color: #575757; }

/*Win Firefox用*/
:focus { -moz-outline-style: none; }

/*Mac Firefox用*/
a { outline: none; }

/* ///////////////////////////////////////// fontsize */
p, li, dt, dd, th, td, input, textarea, select { font-size: 108%; }
.text10 { font-size: 77%; }
.text11 { font-size: 85%; }
.text12 { font-size: 93%; }
.text13 { font-size: 100%; }
.text14 { font-size: 108%; }
.text15 { font-size: 116%; }
.text16 { font-size: 123.1%; }
.text17 { font-size: 131%; }
.text18 { font-size: 138.5%; }
.text19 { font-size: 146.5%; }
.text20 { font-size: 153.9%; }
.text21 { font-size: 161.6%; }
.text22 { font-size: 167%; }
.text23 { font-size: 174%; }
.text24 { font-size: 184%; }
.text25 { font-size: 189%; }
.text26 { font-size: 197%; }
.text28 { font-size: 215.4%; }
div#main p, div#main li, div#main dt, div#main dd, div#main th, div#main td { line-height: 1.8; }
p.txtSmall, dl.txtSmall dt, dl.txtSmall dd, span.txtSmall, ul.txtSmall li, ol.txtSmall li, div.txtSmall p { font-size: 78% !important; }
ul.inner li, td.inner { font-size: 100% !important; }
p, th, td { line-height: 185%;  /*text-align:justify;
        letter-spacing:0.01em;*/ }

  /* ///////////////////////////////////////// image */
  img { vertical-align: bottom; line-height: 1.0; }
  table th img, table td img { vertical-align: middle; }

  /* ///////////////////////////////////////// ClearFix */
  .clear { clear: both; }

  /* modern browsers */
  .clearfix:after, .fBox:after, div#contents:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

  /* IE7 */
  .clearfix, .fBox, div#contents { display: inline-block; }

  /* legacy IE */
  * html .clearfix, * html .fBox, * html div#contents { height: 1%; }
  .clearfix, .fBox, div#contents { display: block; }

  /* /////////////////////////////////////////////////////////////////////////// font style */
  .txtBold { font-weight: bold; }
  .italic { font-style: italic; }
  .font_serif { font-family: Georgia, "Times New Roman", Times, serif !important; letter-spacing: 0.02em; }
  .letter_s { letter-spacing: 0.1em; }
  .att { font-size: 93%; line-height: 140%; color: #666; }

  /* /////////////////////////////////////////////////////////////////////////// label style */
  input, textarea { vertical-align: middle; outline: 0px none #fff; }

  /* /////////////////////////////////////////////////////////////////////////// position */
  .alignRight { text-align: right !important; }
  .alignCenter, table.alignCenter th, table.alignCenter td, table.thCenter th { text-align: center !important; }
  .alignLeft { text-align: left !important; }

  /* /////////////////////////////////////////////////////////////////////////// w000 */
  .w100 { width: 100% !Important; }
  .w90 { width: 90% !Important; }
  .w80 { width: 80% !Important; }
  .w70 { width: 70% !Important; }
  .w60 { width: 60% !Important; }
  .w50 { width: 50% !Important; }
  .w40 { width: 40% !Important; }
  .w35 { width: 35% !Important; }
  .w30 { width: 30% !Important; }
  .w20 { width: 20% !Important; }
  .w10 { width: 10% !Important; }

  /* /////////////////////////////////////////////////////////////////////////// h000 */
  .h990 { height: 990px !Important; }
  .h980 { height: 980px !Important; }
  .h970 { height: 970px !Important; }
  .h960 { height: 960px !Important; }
  .h950 { height: 950px !Important; }
  .h940 { height: 940px !Important; }
  .h930 { height: 930px !Important; }
  .h920 { height: 920px !Important; }
  .h910 { height: 910px !Important; }
  .h900 { height: 900px !Important; }
  .h890 { height: 890px !Important; }
  .h880 { height: 880px !Important; }
  .h870 { height: 870px !Important; }
  .h860 { height: 860px !Important; }
  .h850 { height: 850px !Important; }
  .h840 { height: 840px !Important; }
  .h830 { height: 830px !Important; }
  .h820 { height: 820px !Important; }
  .h810 { height: 810px !Important; }
  .h800 { height: 800px !Important; }
  .h790 { height: 790px !Important; }
  .h780 { height: 780px !Important; }
  .h770 { height: 770px !Important; }
  .h760 { height: 760px !Important; }
  .h750 { height: 750px !Important; }
  .h740 { height: 740px !Important; }
  .h730 { height: 730px !Important; }
  .h720 { height: 720px !Important; }
  .h710 { height: 710px !Important; }
  .h700 { height: 700px !Important; }
  .h690 { height: 690px !Important; }
  .h680 { height: 680px !Important; }
  .h670 { height: 670px !Important; }
  .h660 { height: 660px !Important; }
  .h650 { height: 650px !Important; }
  .h640 { height: 640px !Important; }
  .h630 { height: 630px !Important; }
  .h620 { height: 620px !Important; }
  .h610 { height: 610px !Important; }
  .h600 { height: 600px !Important; }
  .h590 { height: 590px !Important; }
  .h580 { height: 580px !Important; }
  .h570 { height: 570px !Important; }
  .h560 { height: 560px !Important; }
  .h550 { height: 550px !Important; }
  .h540 { height: 540px !Important; }
  .h530 { height: 530px !Important; }
  .h520 { height: 520px !Important; }
  .h510 { height: 510px !Important; }
  .h500 { height: 500px !Important; }
  .h490 { height: 490px !Important; }
  .h480 { height: 480px !Important; }
  .h470 { height: 470px !Important; }
  .h460 { height: 460px !Important; }
  .h450 { height: 450px !Important; }
  .h440 { height: 440px !Important; }
  .h430 { height: 430px !Important; }
  .h420 { height: 420px !Important; }
  .h410 { height: 410px !Important; }
  .h400 { height: 400px !Important; }
  .h390 { height: 390px !Important; }
  .h380 { height: 380px !Important; }
  .h370 { height: 370px !Important; }
  .h360 { height: 360px !Important; }
  .h350 { height: 350px !Important; }
  .h340 { height: 340px !Important; }
  .h330 { height: 330px !Important; }
  .h320 { height: 320px !Important; }
  .h310 { height: 310px !Important; }
  .h300 { height: 300px !Important; }
  .h290 { height: 290px !Important; }
  .h280 { height: 280px !Important; }
  .h270 { height: 270px !Important; }
  .h260 { height: 260px !Important; }
  .h250 { height: 250px !Important; }
  .h240 { height: 240px !Important; }
  .h230 { height: 230px !Important; }
  .h220 { height: 220px !Important; }
  .h210 { height: 210px !Important; }
  .h200 { height: 200px !Important; }
  .h190 { height: 190px !Important; }
  .h180 { height: 180px !Important; }
  .h170 { height: 170px !Important; }
  .h160 { height: 160px !Important; }
  .h150 { height: 150px !Important; }
  .h140 { height: 140px !Important; }
  .h130 { height: 130px !Important; }
  .h120 { height: 120px !Important; }
  .h110 { height: 110px !Important; }
  .h100 { height: 100px !Important; }
  .h90 { height: 90px !Important; }
  .h80 { height: 80px !Important; }
  .h70 { height: 70px !Important; }
  .h60 { height: 60px !Important; }
  .h50 { height: 50px !Important; }
  .h40 { height: 40px !Important; }
  .h30 { height: 30px !Important; }
  .h20 { height: 20px !Important; }
  .h10 { height: 10px !Important; }

  /* /////////////////////////////////////////////////////////////////////////// margin style */
  .mt0 { margin-top: 0px !important; }
  .mt1 { margin-top: 1px !important; }
  .mt2 { margin-top: 2px !important; }
  .mt3 { margin-top: 3px !important; }
  .mt4 { margin-top: 4px !important; }
  .mt5 { margin-top: 5px !important; }
  .mt6 { margin-top: 6px !important; }
  .mt7 { margin-top: 7px !important; }
  .mt8 { margin-top: 8px !important; }
  .mt9 { margin-top: 9px !important; }
  .mt10 { margin-top: 10px !important; }
  .mt11 { margin-top: 11px !important; }
  .mt12 { margin-top: 12px !important; }
  .mt13 { margin-top: 13px !important; }
  .mt14 { margin-top: 14px !important; }
  .mt15 { margin-top: 15px !important; }
  .mt16 { margin-top: 16px !important; }
  .mt17 { margin-top: 17px !important; }
  .mt18 { margin-top: 18px !important; }
  .mt19 { margin-top: 19px !important; }
  .mt20 { margin-top: 20px !important; }
  .mt21 { margin-top: 21px !important; }
  .mt22 { margin-top: 22px !important; }
  .mt23 { margin-top: 23px !important; }
  .mt24 { margin-top: 24px !important; }
  .mt25 { margin-top: 25px !important; }
  .mt26 { margin-top: 26px !important; }
  .mt27 { margin-top: 27px !important; }
  .mt28 { margin-top: 28px !important; }
  .mt29 { margin-top: 29px !important; }
  .mt30 { margin-top: 30px !important; }
  .mt31 { margin-top: 31px !important; }
  .mt32 { margin-top: 32px !important; }
  .mt33 { margin-top: 33px !important; }
  .mt34 { margin-top: 34px !important; }
  .mt35 { margin-top: 35px !important; }
  .mt36 { margin-top: 36px !important; }
  .mt37 { margin-top: 37px !important; }
  .mt38 { margin-top: 38px !important; }
  .mt39 { margin-top: 39px !important; }
  .mt40 { margin-top: 40px !important; }
  .mt41 { margin-top: 41px !important; }
  .mt42 { margin-top: 42px !important; }
  .mt43 { margin-top: 43px !important; }
  .mt44 { margin-top: 44px !important; }
  .mt45 { margin-top: 45px !important; }
  .mt46 { margin-top: 46px !important; }
  .mt47 { margin-top: 47px !important; }
  .mt48 { margin-top: 48px !important; }
  .mt49 { margin-top: 49px !important; }
  .mt50 { margin-top: 50px !important; }
  .mt52 { margin-top: 52px !important; }
  .mt55 { margin-top: 55px !important; }
  .mt60 { margin-top: 60px !important; }
  .mt72 { margin-top: 72px !important; }
  .mt70 { margin-top: 70px !important; }
  .mt80 { margin-top: 80px !important; }
  .mt90 { margin-top: 90px !important; }
  .mt100 { margin-top: 100px !important; }
  .mt112 { margin-top: 112px !important; }
  .mt147 { margin-top: 147px !important; }
  .mt150 { margin-top: 150px !important; }
  .mb0 { margin-bottom: 0px !important; }
  .mb1 { margin-bottom: 1px !important; }
  .mb2 { margin-bottom: 2px !important; }
  .mb3 { margin-bottom: 3px !important; }
  .mb4 { margin-bottom: 4px !important; }
  .mb5 { margin-bottom: 5px !important; }
  .mb6 { margin-bottom: 6px !important; }
  .mb7 { margin-bottom: 7px !important; }
  .mb8 { margin-bottom: 8px !important; }
  .mb9 { margin-bottom: 9px !important; }
  .mb10 { margin-bottom: 10px !important; }
  .mb11 { margin-bottom: 11px !important; }
  .mb12 { margin-bottom: 12px !important; }
  .mb13 { margin-bottom: 13px !important; }
  .mb14 { margin-bottom: 14px !important; }
  .mb15 { margin-bottom: 15px !important; }
  .mb16 { margin-bottom: 16px !important; }
  .mb17 { margin-bottom: 17px !important; }
  .mb18 { margin-bottom: 18px !important; }
  .mb19 { margin-bottom: 19px !important; }
  .mb20 { margin-bottom: 20px !important; }
  .mb21 { margin-bottom: 21px !important; }
  .mb22 { margin-bottom: 22px !important; }
  .mb23 { margin-bottom: 23px !important; }
  .mb24 { margin-bottom: 24px !important; }
  .mb25 { margin-bottom: 25px !important; }
  .mb26 { margin-bottom: 26px !important; }
  .mb27 { margin-bottom: 27px !important; }
  .mb28 { margin-bottom: 28px !important; }
  .mb29 { margin-bottom: 29px !important; }
  .mb30 { margin-bottom: 30px !important; }
  .mb31 { margin-bottom: 31px !important; }
  .mb32 { margin-bottom: 32px !important; }
  .mb33 { margin-bottom: 33px !important; }
  .mb34 { margin-bottom: 34px !important; }
  .mb35 { margin-bottom: 35px !important; }
  .mb36 { margin-bottom: 36px !important; }
  .mb37 { margin-bottom: 37px !important; }
  .mb38 { margin-bottom: 38px !important; }
  .mb39 { margin-bottom: 39px !important; }
  .mb40 { margin-bottom: 40px !important; }
  .mb41 { margin-bottom: 41px !important; }
  .mb42 { margin-bottom: 42px !important; }
  .mb43 { margin-bottom: 43px !important; }
  .mb44 { margin-bottom: 44px !important; }
  .mb45 { margin-bottom: 45px !important; }
  .mb46 { margin-bottom: 46px !important; }
  .mb47 { margin-bottom: 47px !important; }
  .mb48 { margin-bottom: 48px !important; }
  .mb49 { margin-bottom: 49px !important; }
  .mb50 { margin-bottom: 50px !important; }
  .mb51 { margin-bottom: 51px !important; }
  .mb52 { margin-bottom: 52px !important; }
  .mb53 { margin-bottom: 53px !important; }
  .mb54 { margin-bottom: 54px !important; }
  .mb55 { margin-bottom: 55px !important; }
  .mb60 { margin-bottom: 60px !important; }
  .mb70 { margin-bottom: 70px !important; }
  .mb80 { margin-bottom: 80px !important; }
  .mb85 { margin-bottom: 85px !important; }
  .mb90 { margin-bottom: 90px !important; }
  .mb100 { margin-bottom: 100px !important; }
  .mb105 { margin-bottom: 105px !important; }
  .mb110 { margin-bottom: 110px !important; }
  .mb115 { margin-bottom: 115px !important; }
  .mb120 { margin-bottom: 120px !important; }
  .mr0 { margin-right: 0px !important; }
  .mr1 { margin-right: 1px !important; }
  .mr2 { margin-right: 2px !important; }
  .mr3 { margin-right: 3px !important; }
  .mr4 { margin-right: 4px !important; }
  .mr5 { margin-right: 5px !important; }
  .mr6 { margin-right: 6px !important; }
  .mr7 { margin-right: 7px !important; }
  .mr8 { margin-right: 8px !important; }
  .mr9 { margin-right: 9px !important; }
  .mr10 { margin-right: 10px !important; }
  .mr11 { margin-right: 11px !important; }
  .mr12 { margin-right: 12px !important; }
  .mr13 { margin-right: 13px !important; }
  .mr14 { margin-right: 14px !important; }
  .mr15 { margin-right: 15px !important; }
  .mr16 { margin-right: 16px !important; }
  .mr17 { margin-right: 17px !important; }
  .mr18 { margin-right: 18px !important; }
  .mr19 { margin-right: 19px !important; }
  .mr20 { margin-right: 20px !important; }
  .mr21 { margin-right: 21px !important; }
  .mr22 { margin-right: 22px !important; }
  .mr23 { margin-right: 23px !important; }
  .mr24 { margin-right: 24px !important; }
  .mr25 { margin-right: 25px !important; }
  .mr26 { margin-right: 26px !important; }
  .mr27 { margin-right: 27px !important; }
  .mr28 { margin-right: 28px !important; }
  .mr29 { margin-right: 29px !important; }
  .mr30 { margin-right: 30px !important; }
  .mr31 { margin-right: 31px !important; }
  .mr32 { margin-right: 32px !important; }
  .mr33 { margin-right: 33px !important; }
  .mr34 { margin-right: 34px !important; }
  .mr35 { margin-right: 35px !important; }
  .mr36 { margin-right: 36px !important; }
  .mr37 { margin-right: 37px !important; }
  .mr38 { margin-right: 38px !important; }
  .mr39 { margin-right: 39px !important; }
  .mr40 { margin-right: 40px !important; }
  .mr41 { margin-right: 41px !important; }
  .mr42 { margin-right: 42px !important; }
  .mr43 { margin-right: 43px !important; }
  .mr44 { margin-right: 44px !important; }
  .mr45 { margin-right: 45px !important; }
  .mr46 { margin-right: 46px !important; }
  .mr47 { margin-right: 47px !important; }
  .mr48 { margin-right: 48px !important; }
  .mr49 { margin-right: 49px !important; }
  .mr50 { margin-right: 50px !important; }
  .mr60 { margin-right: 60px !important; }
  .mr70 { margin-right: 70px !important; }
  .mr80 { margin-right: 80px !important; }
  .mr90 { margin-right: 90px !important; }
  .mr100 { margin-right: 100px !important; }
  .ml0 { margin-left: 0px !important; }
  .ml1 { margin-left: 1px !important; }
  .ml2 { margin-left: 2px !important; }
  .ml3 { margin-left: 3px !important; }
  .ml4 { margin-left: 4px !important; }
  .ml5 { margin-left: 5px !important; }
  .ml6 { margin-left: 6px !important; }
  .ml7 { margin-left: 7px !important; }
  .ml8 { margin-left: 8px !important; }
  .ml9 { margin-left: 9px !important; }
  .ml10 { margin-left: 10px !important; }
  .ml11 { margin-left: 11px !important; }
  .ml12 { margin-left: 12px !important; }
  .ml13 { margin-left: 13px !important; }
  .ml14 { margin-left: 14px !important; }
  .ml15 { margin-left: 15px !important; }
  .ml16 { margin-left: 16px !important; }
  .ml17 { margin-left: 17px !important; }
  .ml18 { margin-left: 18px !important; }
  .ml19 { margin-left: 19px !important; }
  .ml20 { margin-left: 20px !important; }
  .ml21 { margin-left: 21px !important; }
  .ml22 { margin-left: 22px !important; }
  .ml23 { margin-left: 23px !important; }
  .ml24 { margin-left: 24px !important; }
  .ml25 { margin-left: 25px !important; }
  .ml26 { margin-left: 26px !important; }
  .ml27 { margin-left: 27px !important; }
  .ml28 { margin-left: 28px !important; }
  .ml29 { margin-left: 29px !important; }
  .ml30 { margin-left: 30px !important; }
  .ml31 { margin-left: 31px !important; }
  .ml32 { margin-left: 32px !important; }
  .ml33 { margin-left: 33px !important; }
  .ml34 { margin-left: 34px !important; }
  .ml35 { margin-left: 35px !important; }
  .ml36 { margin-left: 36px !important; }
  .ml37 { margin-left: 37px !important; }
  .ml38 { margin-left: 38px !important; }
  .ml39 { margin-left: 39px !important; }
  .ml40 { margin-left: 40px !important; }
  .ml41 { margin-left: 41px !important; }
  .ml42 { margin-left: 42px !important; }
  .ml43 { margin-left: 43px !important; }
  .ml44 { margin-left: 44px !important; }
  .ml45 { margin-left: 45px !important; }
  .ml46 { margin-left: 46px !important; }
  .ml47 { margin-left: 47px !important; }
  .ml48 { margin-left: 48px !important; }
  .ml49 { margin-left: 49px !important; }
  .ml50 { margin-left: 50px !important; }
  .ml60 { margin-left: 60px !important; }
  .ml70 { margin-left: 70px !important; }
  .ml80 { margin-left: 80px !important; }
  .ml90 { margin-left: 90px !important; }
  .ml100 { margin-left: 100px !important; }
  .ml140 { margin-left: 140px !important; }

  /* /////////////////////////////////////////////////////////////////////////// padding style */
  .pt0 { padding-top: 0px !important; }
  .pt1 { padding-top: 1px !important; }
  .pt2 { padding-top: 2px !important; }
  .pt3 { padding-top: 3px !important; }
  .pt4 { padding-top: 4px !important; }
  .pt5 { padding-top: 5px !important; }
  .pt6 { padding-top: 6px !important; }
  .pt7 { padding-top: 7px !important; }
  .pt8 { padding-top: 8px !important; }
  .pt9 { padding-top: 9px !important; }
  .pt10 { padding-top: 10px !important; }
  .pt11 { padding-top: 11px !important; }
  .pt12 { padding-top: 12px !important; }
  .pt13 { padding-top: 13px !important; }
  .pt14 { padding-top: 14px !important; }
  .pt15 { padding-top: 15px !important; }
  .pt16 { padding-top: 16px !important; }
  .pt17 { padding-top: 17px !important; }
  .pt18 { padding-top: 18px !important; }
  .pt19 { padding-top: 19px !important; }
  .pt20 { padding-top: 20px !important; }
  .pt21 { padding-top: 21px !important; }
  .pt22 { padding-top: 22px !important; }
  .pt23 { padding-top: 23px !important; }
  .pt24 { padding-top: 24px !important; }
  .pt25 { padding-top: 25px !important; }
  .pt26 { padding-top: 26px !important; }
  .pt27 { padding-top: 27px !important; }
  .pt28 { padding-top: 28px !important; }
  .pt29 { padding-top: 29px !important; }
  .pt30 { padding-top: 30px !important; }
  .pt31 { padding-top: 31px !important; }
  .pt32 { padding-top: 32px !important; }
  .pt33 { padding-top: 33px !important; }
  .pt34 { padding-top: 34px !important; }
  .pt35 { padding-top: 35px !important; }
  .pt36 { padding-top: 36px !important; }
  .pt37 { padding-top: 37px !important; }
  .pt38 { padding-top: 38px !important; }
  .pt39 { padding-top: 39px !important; }
  .pt40 { padding-top: 40px !important; }
  .pt41 { padding-top: 41px !important; }
  .pt42 { padding-top: 42px !important; }
  .pt43 { padding-top: 43px !important; }
  .pt44 { padding-top: 44px !important; }
  .pt45 { padding-top: 45px !important; }
  .pt46 { padding-top: 46px !important; }
  .pt47 { padding-top: 47px !important; }
  .pt48 { padding-top: 48px !important; }
  .pt49 { padding-top: 49px !important; }
  .pt50 { padding-top: 50px !important; }
  .pt60 { padding-top: 60px !important; }
  .pt70 { padding-top: 70px !important; }
  .pt80 { padding-top: 80px !important; }
  .pt90 { padding-top: 90px !important; }
  .pt100 { padding-top: 100px !important; }
  .pb0 { padding-bottom: 0px !important; }
  .pb1 { padding-bottom: 1px !important; }
  .pb2 { padding-bottom: 2px !important; }
  .pb3 { padding-bottom: 3px !important; }
  .pb4 { padding-bottom: 4px !important; }
  .pb5 { padding-bottom: 5px !important; }
  .pb6 { padding-bottom: 6px !important; }
  .pb7 { padding-bottom: 7px !important; }
  .pb8 { padding-bottom: 8px !important; }
  .pb9 { padding-bottom: 9px !important; }
  .pb10 { padding-bottom: 10px !important; }
  .pb11 { padding-bottom: 11px !important; }
  .pb12 { padding-bottom: 12px !important; }
  .pb13 { padding-bottom: 13px !important; }
  .pb14 { padding-bottom: 14px !important; }
  .pb15 { padding-bottom: 15px !important; }
  .pb16 { padding-bottom: 16px !important; }
  .pb17 { padding-bottom: 17px !important; }
  .pb18 { padding-bottom: 18px !important; }
  .pb19 { padding-bottom: 19px !important; }
  .pb20 { padding-bottom: 20px !important; }
  .pb21 { padding-bottom: 21px !important; }
  .pb22 { padding-bottom: 22px !important; }
  .pb23 { padding-bottom: 23px !important; }
  .pb24 { padding-bottom: 24px !important; }
  .pb25 { padding-bottom: 25px !important; }
  .pb26 { padding-bottom: 26px !important; }
  .pb27 { padding-bottom: 27px !important; }
  .pb28 { padding-bottom: 28px !important; }
  .pb29 { padding-bottom: 29px !important; }
  .pb30 { padding-bottom: 30px !important; }
  .pb31 { padding-bottom: 31px !important; }
  .pb32 { padding-bottom: 32px !important; }
  .pb33 { padding-bottom: 33px !important; }
  .pb34 { padding-bottom: 34px !important; }
  .pb35 { padding-bottom: 35px !important; }
  .pb36 { padding-bottom: 36px !important; }
  .pb37 { padding-bottom: 37px !important; }
  .pb38 { padding-bottom: 38px !important; }
  .pb39 { padding-bottom: 39px !important; }
  .pb40 { padding-bottom: 40px !important; }
  .pb41 { padding-bottom: 41px !important; }
  .pb42 { padding-bottom: 42px !important; }
  .pb43 { padding-bottom: 43px !important; }
  .pb44 { padding-bottom: 44px !important; }
  .pb45 { padding-bottom: 45px !important; }
  .pb46 { padding-bottom: 46px !important; }
  .pb47 { padding-bottom: 47px !important; }
  .pb48 { padding-bottom: 48px !important; }
  .pb49 { padding-bottom: 49px !important; }
  .pb50 { padding-bottom: 50px !important; }
  .pb60 { padding-bottom: 60px !important; }
  .pb70 { padding-bottom: 70px !important; }
  .pb80 { padding-bottom: 80px !important; }
  .pb86 { padding-bottom: 86px !important; }
  .pb90 { padding-bottom: 90px !important; }
  .pb100 { padding-bottom: 100px !important; }
  .pb103 { padding-bottom: 103px !important; }
  .pb114 { padding-bottom: 114px !important; }
  .pb147 { padding-bottom: 147px !important; }
  .pr0 { padding-right: 0px !important; }
  .pr1 { padding-right: 1px !important; }
  .pr2 { padding-right: 2px !important; }
  .pr3 { padding-right: 3px !important; }
  .pr4 { padding-right: 4px !important; }
  .pr5 { padding-right: 5px !important; }
  .pr6 { padding-right: 6px !important; }
  .pr7 { padding-right: 7px !important; }
  .pr8 { padding-right: 8px !important; }
  .pr9 { padding-right: 9px !important; }
  .pr10 { padding-right: 10px !important; }
  .pr11 { padding-right: 11px !important; }
  .pr12 { padding-right: 12px !important; }
  .pr13 { padding-right: 13px !important; }
  .pr14 { padding-right: 14px !important; }
  .pr15 { padding-right: 15px !important; }
  .pr16 { padding-right: 16px !important; }
  .pr17 { padding-right: 17px !important; }
  .pr18 { padding-right: 18px !important; }
  .pr19 { padding-right: 19px !important; }
  .pr20 { padding-right: 20px !important; }
  .pr21 { padding-right: 21px !important; }
  .pr22 { padding-right: 22px !important; }
  .pr23 { padding-right: 23px !important; }
  .pr24 { padding-right: 24px !important; }
  .pr25 { padding-right: 25px !important; }
  .pr26 { padding-right: 26px !important; }
  .pr27 { padding-right: 27px !important; }
  .pr28 { padding-right: 28px !important; }
  .pr29 { padding-right: 29px !important; }
  .pr30 { padding-right: 30px !important; }
  .pr31 { padding-right: 31px !important; }
  .pr32 { padding-right: 32px !important; }
  .pr33 { padding-right: 33px !important; }
  .pr34 { padding-right: 34px !important; }
  .pr35 { padding-right: 35px !important; }
  .pr36 { padding-right: 36px !important; }
  .pr37 { padding-right: 37px !important; }
  .pr38 { padding-right: 38px !important; }
  .pr39 { padding-right: 39px !important; }
  .pr40 { padding-right: 40px !important; }
  .pr41 { padding-right: 41px !important; }
  .pr42 { padding-right: 42px !important; }
  .pr43 { padding-right: 43px !important; }
  .pr44 { padding-right: 44px !important; }
  .pr45 { padding-right: 45px !important; }
  .pr46 { padding-right: 46px !important; }
  .pr47 { padding-right: 47px !important; }
  .pr48 { padding-right: 48px !important; }
  .pr49 { padding-right: 49px !important; }
  .pr50 { padding-right: 50px !important; }
  .pr60 { padding-right: 60px !important; }
  .pr70 { padding-right: 70px !important; }
  .pr80 { padding-right: 80px !important; }
  .pr90 { padding-right: 90px !important; }
  .pr100 { padding-right: 100px !important; }
  .pl0 { padding-left: 0px !important; }
  .pl1 { padding-left: 1px !important; }
  .pl2 { padding-left: 2px !important; }
  .pl3 { padding-left: 3px !important; }
  .pl4 { padding-left: 4px !important; }
  .pl5 { padding-left: 5px !important; }
  .pl6 { padding-left: 6px !important; }
  .pl7 { padding-left: 7px !important; }
  .pl8 { padding-left: 8px !important; }
  .pl9 { padding-left: 9px !important; }
  .pl10 { padding-left: 10px !important; }
  .pl11 { padding-left: 11px !important; }
  .pl12 { padding-left: 12px !important; }
  .pl13 { padding-left: 13px !important; }
  .pl14 { padding-left: 14px !important; }
  .pl15 { padding-left: 15px !important; }
  .pl16 { padding-left: 16px !important; }
  .pl17 { padding-left: 17px !important; }
  .pl18 { padding-left: 18px !important; }
  .pl19 { padding-left: 19px !important; }
  .pl20 { padding-left: 20px !important; }
  .pl21 { padding-left: 21px !important; }
  .pl22 { padding-left: 22px !important; }
  .pl23 { padding-left: 23px !important; }
  .pl24 { padding-left: 24px !important; }
  .pl25 { padding-left: 25px !important; }
  .pl26 { padding-left: 26px !important; }
  .pl27 { padding-left: 27px !important; }
  .pl28 { padding-left: 28px !important; }
  .pl29 { padding-left: 29px !important; }
  .pl30 { padding-left: 30px !important; }
  .pl31 { padding-left: 31px !important; }
  .pl32 { padding-left: 32px !important; }
  .pl33 { padding-left: 33px !important; }
  .pl34 { padding-left: 34px !important; }
  .pl35 { padding-left: 35px !important; }
  .pl36 { padding-left: 36px !important; }
  .pl37 { padding-left: 37px !important; }
  .pl38 { padding-left: 38px !important; }
  .pl39 { padding-left: 39px !important; }
  .pl40 { padding-left: 40px !important; }
  .pl41 { padding-left: 41px !important; }
  .pl42 { padding-left: 42px !important; }
  .pl43 { padding-left: 43px !important; }
  .pl44 { padding-left: 44px !important; }
  .pl45 { padding-left: 45px !important; }
  .pl46 { padding-left: 46px !important; }
  .pl47 { padding-left: 47px !important; }
  .pl48 { padding-left: 48px !important; }
  .pl49 { padding-left: 49px !important; }
  .pl50 { padding-left: 50px !important; }
  .pl60 { padding-left: 60px !important; }
  .pl70 { padding-left: 70px !important; }
  .pl80 { padding-left: 80px !important; }
  .pl90 { padding-left: 90px !important; }
  .pl100 { padding-left: 100px !important; }
  .pl150 { padding-left: 150px !important; }
  .pl160 { padding-left: 160px !important; }
  .pl200 { padding-left: 200px !important; }
  @media only screen and (max-width:766px) {
    .pb114 { padding-bottom: 50px !important; }
    .mb100 { margin-bottom: 50px !important; }
    .pb100 { padding-bottom: 50px !important; }
    .pt100 { padding-top: 50px !important; }

    body{
        padding: 60px 0 0;
    }
  }
  .eng { font-family: 'Noto Serif', serif; }
  .eng h2 { font-weight: normal !important; }
  #infscr-loading { margin: 55px 0; text-align: center; }
  .finished_message { color: #333; display: none; }
  .message_text { display: none; }

  /* ==========================================================================
     header
     ========================================================================== */

  /*header under*/
  header .container { padding-bottom: 7px; overflow: hidden; }
  header .boder_b { border-bottom: 1px solid #e7e6e5; }
  header .leftBox { width: 80%; }
  li.active img, li.activeParent img { opacity: 0.3; }
  #head-ci { float: right; }
  #min-header { position: fixed; top: 0; background: #fff; width: 100%; max-width: 1920px; margin: 0 auto; z-index: 20; display: none; }
  #pc-header, #min-header #in-pc { min-width: 100%; }
  #min-header #in-smp, #smp-header { display: none; }

  /* ==========================================================================
     navigation
     ========================================================================== */
  #gnavi { margin-top: 33px; position: relative; z-index: 10; }
  #gnavi li { margin-left: 100px; }
  #gnavi li:first-child { margin-left: 0; }
  @media only screen and (max-width:1145px) {
    #gnavi li { margin: 0 0 0 20px; }
    #gnavi:last-child { margin-right: 0; }
  }
  .fixed { position: fixed; top: 0; left: 0; width: 100%; }

  /* ////////////////////////////////////////////////ローカルナビ */
  #lnavi { padding: 18px 0 17px 0; }
  #lnavi li { margin: 0; padding: 0 34px 0 34px; border-left: 1px solid #cecece; }
  #lnavi li:last-child { border-right: 1px solid #cecece; }
  .list_style01 tr { border-top: 1px solid #dddddd; }
  .list_style01 tr:last-child { border-bottom: 1px solid #dddddd; }
  .list_style01 th, .list_style01 td { font-size: 13px; padding: 26px 0; }
  .list_style01 th { text-align: left; font-weight: bold; }

  /* スマートフォン */
  @media only screen and (max-width:766px) {
    .list_style01 tr { border-top: 1px solid #cecece; }
    .list_style01 tr:last-child { border-bottom: none; margin-top: 0; }
  }

  /*  Page Top
  ----------------------------------------------- */
  #page-top { display: none; position: fixed; bottom: 0px; right: 21px; z-index: 100; }
  #page-top a { text-decoration: none; color: #fff; width: 39px;  /*height: 120px;*/ padding: 0; text-align: center; display: block; }
  #index-logo { text-align: center; padding: 55px 0 30px !important; }

  /*osaka*/
  #blog-logo { text-align: center; padding: 32px 0 28px !important; }
  .blog_tokyo #blog-logo { padding: 45px 0 15px !important; }
  .pos-r { position: relative; }
  .selectbox_blog { position: absolute; right: 0; top: 81px; width: 210px; }
  .selectbox_blog .txt { float: left; font-size: 10px; padding-top: 3px; }
  .selectbox_blog select { float: right; }
  .bg_texture01 .selectbox_blog, .blog_tokyo .selectbox_blog { top: 34px; }
  .index_blogTit_osaka { padding: 47px 0 38px; }
  .index_blogTit_tokyo { padding: 89px 0 53px; }
  @media only screen and (max-width:766px) {
    #index-logo { text-align: center; padding: 34px 0 21px !important; }
    .index_blogTit_osaka { padding: 23px 0 19px; }
    .index_blogTit_tokyo { padding: 34px 0 20px; }

    /*osaka*/
    #blog-logo { text-align: center; padding: 26px 0 18px !important; }
    .blog_tokyo #blog-logo { padding: 36px 0 8px !important; }
    .selectbox_blog { position: absolute; right: 0; top: 5px; width: 100%; }
    .selectbox_blog .txt { display: none; }
    .selectbox_blog select { float: right; }
    .bg_texture01 .selectbox_blog, .blog_tokyo .selectbox_blog { top: 0px; }
  }

  /* ==========================================================================
   スマホ
   ========================================================================== */
  @media only screen and (max-width:766px) {
    .container_smp { padding: 0 4% !important; }

    #library.archive_finish {
  /*padding: 5% 4% 0!important;*/
}
    .pd_clear { padding: 0px !important; }
  }

  /*header=================================================*/
  @media only screen and (max-width:766px) {
    #page-top { display: none !important; }
    #smp-header { background: #fff; }
    #smp-header .logo-menu { border-bottom: 1px solid #e0ded8; width: 100%; box-sizing: border-box; padding: 6px 2px 4px 8px; }
    #smp-header .logo-menu h1 { float: left; }
    #smp-header .logo-menu #menu-btn { float: right; }
    #min-header #in-pc, #pc-header { display: none; }
    #smp-header, #min-header #in-smp { display: block; }
    #smp-header {      /*h1{
                      padding: 10px 0 9px 17px;
                
                    }
                  #menu-btn{
                      padding: 10px 17px 9px 0;
                    }*/
                      position: fixed;
                      top: 0;
                      z-index: 1000;
                      }
      #gnavi li { border-bottom: 1px solid #ddd; display: block; margin-right: 0px !important; }
      #gnavi a { width: 100%; box-sizing: border-box; text-decoration: none; display: block; padding: 18px 10px; background: url(../images/common/icon_arrowNavi.gif) no-repeat 96% 50%; }
      #gnavi .parent { font-size: 16px; font-weight: bold; }
      #gnavi .child { font-size: 14px; color: #555; }
      .gnav-wrap {      /* border-top: 1px solid #ddd; */
      padding: 25px 0 200px 20px; }
      .gnav-wrap .btn_onlineNavi { padding: 10px; }
      .search-form { right: 14% !important; bottom: 13px !important; height: 9vw; margin-top: -26px; box-sizing: border-box; }
    }
    .gnav-wrap ul.fbox>li:first-child { border-top: none; }
    .gnav-wrap ul.fbox li { border-top: 1px solid #ddd; width: 100%; box-sizing: border-box; }
    .gnav-wrap ul.fbox li a {display: inline-block;width: 100%;padding: 8px 10px;font-weight: bold;text-decoration: none;box-sizing: border-box;}
    .gnav-wrap ul.fbox li .sub-menu a {font-weight: normal;padding: 18px 10px;font-size: 14px;color: #555;box-sizing: border-box;}
    .gnav-wrap ul.fbox li .sub-menu a:before { content: "・"; }
    header#sp-area, .sp-item { display: none; }
    .pc-block { display: block; }
    @media screen and (max-width:766px) {
      .inner-section { width: 100%; }
      .sp-pdg { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; zoom: 1; padding-left: 16px; padding-right: 16px; }
      .sp-item { display: block; }
      .pc-item { display: none; }
      .pc-block { display: inline; }
      .sp-block { display: block; }
      #wrapper { min-width: inherit; }
      #head-wrap { background: none; padding-bottom: 0; }
      header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; zoom: 1; height: auto; width: 100%; }
      #menu-btn span { background: url(/wp-content/themes/SScommonTmp/images/common/h_menu.gif) no-repeat left top; background-size: 50px 100px; text-indent: 100%; white-space: nowrap; overflow: hidden; zoom: 1; display: block; height: 50px; width: 50px; }
      #menu-btn .nav-close span { background: url(/wp-content/themes/SScommonTmp/images/common/h_menu.gif) no-repeat left bottom; background-size: 50px 100px; }
      .overlay-hidden { display: none !important; left: -9999px; overflow: hidden; position: absolute; text-indent: -9999px; top: -9999px; }
      #head-nav-wrap {display: none;position: relative;position: fixed;z-index: 100;overflow: scroll;top: 56px;width: 100vw;background: #fff;height: 100vh;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
      }
      #head-wrap .gnav-childwrap, #foot-wrap .gnav-childwrap { background-color: #FFF; border: none; position: relative; left: auto !important; padding-top: 0; top: inherit; width: 100%; display: block; height: 0; visibility: inherit; overflow: hidden; }
    }

    /*footer=================================================*/
    #footer_wrap {clear: both;padding: 62px 0 0px;overflow: hidden;border-top: 1px solid #000;background-color: #fff;}
    #footer_wrap .footer_block {
  width: 1180px;
  margin: 0 auto;
  position: relative;
}
    #footer_wrap .footer_block .f_logo {
  text-align: center;
  padding: 45px 0 32px;
}
    #footer_wrap .footer_block .copy {
  text-align: center;
  font-size: 12px;
}
    #footer_wrap .footer_block .sns_block {
  position: absolute;
  right: 0;
  bottom: 0;
}
    #footer_wrap .footer_block .sns_block .sns_flex {
  display: flex;
}
    #footer_wrap .footer_block .sns_block .sns_flex li {
  margin: 0 21px 0 0;
}
 #footer_wrap .footer_block .sns_block .sns_flex li:nth-last-child(1){
   margin: 0;
 }

    footer { clear: both; }
    footer #snsBox { overflow: hidden; margin: 25px 0 30px 0; }
    footer #snsBox .list { margin-right: 25px; }
    #smp-copyright, #copyright { text-align: center; border-top: 1px solid #000; padding: 49px 0 50px; }
    #smp-copyright { display: none; }

    /*top under contents*/
    #index_section { clear: both; margin-top: 90px; height: 1444px; position: relative; }
    #index_section #obj { position: absolute; float: left; top: 0; left: -164px; }
    #index_section #obj img { width: 100%; }
    #index_section #linkArea { border-top: 1px solid #dddddd; }
    #index_section #linkArea #tit_logo { margin: 161px 0 137px; }
    #index_section #linkArea #mail_magazineArea { text-align: center; height: 166px; background: url(img/bg_line_mailmagazine.png) repeat-x; }
    #index_section #linkArea #index_snsBox { margin-top: 34px; }
    #index_section #linkArea #index_snsBox li { width: 49%; text-align: center; border-left: 1px solid #dddddd; }
    #index_section #linkArea #index_snsBox li:last-child { border-right: 1px solid #dddddd; }
    #product_prArea { position: absolute; width: 60%; right: 0; text-align: left !important; margin-top: 180px; }
    #product_prArea .pickup { width: 100%; border-bottom: 1px solid #000; }
    #product_prArea h3 { margin-bottom: 21px; padding-left: 183px; }
    #product_prArea h4 { font-size: 21px; font-weight: bold; padding-bottom: 12px; font-style: italic; padding-left: 183px; }
    #product_prArea h4 span { padding-left: 11px; font-size: 12px; font-weight: lighter; font-style: normal; }
    #product_prArea p { padding-left: 183px; margin: 13px 0 22px; }
    #product_prArea a { padding-left: 183px; }
    @media only screen and (max-width:1198px) {
      footer { padding-right: 2%; padding-left: 2%; }
    }
    @media only screen and (max-width:766px) {
      .smp-foot { background: #fff; padding-top: 8px !important; padding-bottom: 16px !important; }
      #indtagram_head { padding: 18px 0 6px !important; }
      #index_section { margin-top: 0px; height: auto !important; }
      #index_section #linkArea { position: static; border-top: none !important; }
      #index_section #index_snsBox { position: static; margin: 13px 0 !important; }
      #index_section #index_snsBox li { width: 50% !important; box-sizing: border-box; }
      #index_section #obj { position: static; width: 100% !important; float: none !important; }
      #index_section #obj img { width: 100%; }
      #product_prArea { position: static; width: auto !important; text-align: left !important; margin-top: 0px; }
      #product_prArea .pickup { width: 100%; border-bottom: 1px solid #ddd; }
      #product_prArea h3 { margin-bottom: 21px; padding-left: 0px; }
      #product_prArea h4 { font-size: 21px; font-weight: bold; padding-bottom: 12px; font-style: italic; padding-left: 0px; }
      #product_prArea h4 span { padding-left: 11px; font-size: 12px; font-weight: lighter; font-style: normal; }
      #product_prArea p { padding-left: 0px; margin: 13px 0 22px; }
      #product_prArea a { padding-left: 0px; }
      #product_prArea a:link { text-decoration: none !important; }
      #index_section #linkArea #mail_magazineArea { text-align: center; height: auto; background: none; }
      #smp-copyright { background: #fff; display: block; margin-top: 0px; padding: 24px 0 24px; line-height: 1; }

      #footer_wrap .sp_f_menu {
  margin: 0 0 0;
}
      #footer_wrap .sp_f_menu ul {}
      #footer_wrap .sp_f_menu ul li {
  border-bottom: #d8d8d6 1px solid;
  font-size: 14px;
  font-weight: bold;
  /* padding: 21px  40px; */
}
#footer_wrap .sp_f_menu ul li a {
  text-decoration: none;
  display: block;
  padding: 20px 40px;
}
      #footer_wrap .sp_f_menu ul li.home {
  /* border-top: #d8d8d6 1px solid; */
  background: url(../images/common/ico_home.png) no-repeat left 8px center, url(../images/common/sp_arrow.png) no-repeat right 7px center;
  background-size: 18px,10px;
}
      #footer_wrap .sp_f_menu ul li.menu {
  background: url(../images/common/ico_menu.png) no-repeat left 8px center, url(../images/common/sp_arrow.png) no-repeat right 7px center;
  background-size: 18px,10px;
}
      #footer_wrap .sp_f_menu ul li.contact {
  background: url(../images/common/ico_mail.png) no-repeat left 8px center, url(../images/common/sp_arrow.png) no-repeat right 7px center;
  background-size: 18px,10px;
}
      #footer_wrap .sns_block {
  display: flex;
  justify-content: space-between;
  padding: 0 14vw;
  border-bottom: #d8d8d6 1px solid;
}
      #footer_wrap .sns_block li {
  width: 18%;
}
      #footer_wrap .sp_f_logo {
  text-align: center;
  width: 40%;
  margin: 0 auto;
  padding: 29px 0 23px;
}
      #footer_wrap .copy{
  font-size: 12px;
  text-align: center;
}

    }

    /*layout*/
    @media only screen and (max-width:766px) {
      .main_mv h1#page_title { width: 100%; padding-left: 10px; box-sizing: border-box; font-size: 20px; }
    }

    /*read-style////////////////////////////////////////////////////////////////*/
    .massage h2, .brand h2 { font-size: 24px; line-height: 1.67; margin-bottom: 34px; }
    .massage p, .brand p { font-size: 14px; line-height: 2 !important; margin-bottom: 27px; }
    @media only screen and (max-width:766px) {
    .massage h2, .brand h2 { font-size: 21px; line-height: 1.55 !important; margin-bottom: 21px; }
    .massage h2 br, .brand h2 br { display: none; }
    .massage p, .brand p { margin-bottom: 16px; }
    }
    @media only screen and (max-width:766px) {
    .massage .ttl { margin-bottom: 13px; }
    .massage #name p { font-size: 10px; }
    .massage #name img { padding-top: 10px; }
    }
    @media only screen and (max-width:766px) {
    .brand h1 { margin-top: 0px; margin-bottom: 34px; }
    .brand .main_mv { height: 200px; }
    .brand #s3 { margin-top: 40px; border-top: 1px solid #ddd; padding-top: 40px !important; }
    }

    /* 横スクロール写真
     ========================================================================== */
    simply-scroll-container { position: relative; }
    .simply-scroll-clip { overflow: hidden; position: relative; }
    .simply-scroll-list { list-style: outside none none; margin: 0; overflow: hidden; padding: 0; }
    .simply-scroll-list li { list-style: outside none none; margin: 0; padding: 0; }
    .simply-scroll-list li img { border: medium none; display: block; }
    .brand .simply-scroll { height: 330px; width: 100%; }
    .brand .simply-scroll { margin: 89px 0 89px; }
    .brand .simply-scroll .simply-scroll-list li { margin-right: 5px; overflow: hidden; position: relative; width: 500px; }
    @media only screen and (max-width:766px) {
      .simply-scroll-list li img { border: medium none; display: block; width: 100% !important; height: auto; }
      .simply-scroll { height: auto !important; width: 100% !important; }
      .simply-scroll .simply-scroll-clip { height: auto !important; width: 100% !important; }
      #engagement .simply-scroll { margin: 34px 0 0; }
      #engagement .simply-scroll .simply-scroll-list li { width: 200px !important; }
      .brand .simply-scroll { margin: 34px 0; }
      .brand .simply-scroll .simply-scroll-list li { width: 250px !important; }
      .parts-i .simply-scroll { margin: 34px 0; }
      .parts-i .simply-scroll .simply-scroll-list li { width: 250px !important; }
    }

    /* Localized */
    #main { max-width: 1180px; margin: 0px auto; }
    #news .thumb { height: 245px; overflow: hidden; }
    #item li { font-size: 12px; width: 24%; margin-bottom: 90px; border: none !important; text-align: center; margin-right: 1%; }
    #item li .thumb { height: auto !important; overflow: hidden !important; text-align: center; }
    #item li .thumb img { }
    #item.iittmm li .thumb { border: #eee 1px solid; }

    #library.archive_finish {/*padding: 64px 0 0;*/}
    .finish-bb li { font-size: 12px; width: 24%; margin-bottom: 90px; border: none !important; text-align: center; margin-right: 1%; }
    .finish-bb li h4 { font-size: 14px; }
    .finish-bb li .thumb {height: auto !important;text-align: center;overflow: hidden !important;margin: 0 0 21px;}
    .finish-bb li .thumb img { }
    .mincho { font-weight: bold; font-size: 24px; text-align: center; margin-bottom: 30px; }
    @media only screen and (max-width:766px) {
      #item li .thumb img { height: auto !important; width: auto !important; }
      .finish-bb li .thumb img { height: auto !important; width: auto !important; margin-bottom: 10px; }
      #item li { font-size: 12px; width: 28% !important; margin-bottom: 30px; border: none !important; text-align: center; }
      .finish-bb{
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
}
      .finish-bb li {font-size: 12px;width: 29% !important;margin-bottom: 30px;border: none !important;text-align: center;margin-left: 3%;float: none !important;}
    }
    .how_to_h3 { font-size: 30px !important; text-align: center; border-bottom: 2px solid #000; padding-bottom: 10px; margin: 40px 0; }
    .how_to_h3 span { font-size: 18px !important; }
    @media only screen and (max-width:766px) {
      .how_to_h3 span { display: block; }
    }

    /*  コメントボタン  */
    #ss_comment_button { width: 90px; height: 18px; border: 1px solid #8a8a8a; border-radius: 3px; text-align: center; font-size: 11px; cursor: pointer; transition: .3s; }
    #ss_comment_button:hover { background: #acacac; color: #fff; }
    #comment_form_wrapper { display: none; }
    #comment_form_wrapper form .comment-form-url { display: none; }
    #comment_form_wrapper form > p label { display: inline-block; width: 20%; }
    #comment_form_wrapper form .form-submit { text-align: center; margin: 10px 0; }
    #comment_form_wrapper form .form-submit input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #acacac; border-radius: 6px; background: #fff; color: #000; padding: 3px 20px 3px; cursor: pointer; transition: .3s; }
    #comment_form_wrapper form .form-submit input[type=submit]:hover { background: #acacac; color: #fff; }

    /*  コメントリスト出力  */
    ol.comment-list { border-top: 1px solid #dedfda; border-bottom: 1px solid #dedfda; margin: 40px 0; }
    ol.comment-list > li { }
    ol.comment-list li article { padding: 20px 0 20px 20px; }
    ol.comment-list li .comment-meta .comment-author > img { display: none; }
    ol.comment-list > li ol.children { padding-left: 20px; }
    ol.comment-list li article .comment-author, ol.comment-list li article .comment-metadata { display: inline-block; margin-right: 10px; }
    ol.comment-list li article .comment-metadata { font-size: 10px; }
    ol.comment-list li article .comment-content { padding: 10px 15px; border: 1px solid #dedfda; border-radius: 5px; margin: 10px 0; }
    ol.comment-list li article .reply { text-align: right; }
    ol.comment-list li article .reply a { display: inline-block; border: 1px solid #acacac; border-radius: 6px; background: #fff; color: #000; padding: 3px 20px 3px; transition: .3s; text-decoration: none; }
    ol.comment-list li article .reply a:hover { background: #acacac; color: #fff; }

    /*  おすすめ記事（スマホ  */
    @media only screen and (max-width:430px) {
      .yuzo_related_post .yuzo_wraps > div.relatedthumb { width: 80vw !important; }
      .yuzo_related_post .yuzo_wraps > div.relatedthumb .yuzo-img-wrap .yuzo-img { background-size: contain !important; width: auto !important; }
    }

    /*  最近チェックした商品  */
    .checked_area ul { display: flex; flex-wrap: wrap; }
    .checked_area ul article { overflow: hidden; width: 29%; margin-bottom: 20px; padding: 11px 2% 0px; border-left: 1px solid #cecece; }
    .checked_area ul article:nth-last-child(1) { border-right: 1px solid #cecece; }
    .checked_area ul article:nth-child(3n) { border-right: 1px solid #cecece; }
    .checked_area ul article img { display: block; margin: 0 auto; }
    .checked_area ul article h1 { margin: 18px 0 13px 0; font-size: 15px; font-weight: bold; }

    /*  検索フォーム  */
    .search-form {position: absolute;right: 2%;top: 40px;border: 1px solid #cecece;border-radius: 5px;display: flex;overflow: hidden;z-index: 340;}
    .search-form label { display: flex; jusitfy-content: center; align-items: center; }
    .search-form label input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 3px 5px; }
    .search-form button[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 40px; border: 0; background: url(../images/common/icon_search.png) no-repeat center center transparent; background-size: contain; text-indent: -9999px; overflow: hidden; margin: 5px 0; }

@media only screen and (max-width:430px) {
     .search-form label input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 3px 5px; width: 39vw; box-sizing: border-box; }}

    /*  最近チェックした商品（スマホ  */
    @media only screen and (max-width:430px) {
      .checked_area ul article {width: 48%;margin: 0 1% 40px;padding: 0;border: none !important;}
      .checked_area ul article:nth-last-child(1) { border-right: none; }
    }
    .works_cat_box ul { display: flex; justify-content: space-between; width: 100%; max-width: 1180px; margin: 0 auto; flex-wrap: wrap; }
    .works_cat_box ul li { width: 380px; }
    .works_cat_box ul li img { width: 100%; }