@charset "utf-8";

/**
 *
 * Base css
 *
 * Extract normalize.css 2011-06-21T18:23 UTC
 *  http://github.com/necolas/normalize.css
 *
 * Modify reset.css ver 1.4 with jQuery [2009/04/24]
 *  This document validates as CSS level 2.1
 *  GNU General Public License v3
 *  http://higash.net/labo/
 * Modify basic.css ver 1.2 with jQuery [2009/04/24]
 *  This document validates as CSS level 2.1
 *  GNU General Public License v3
 *  http://higash.net/labo/
 *
 * Modify YUI Reset CSS, YUI Fonts CSS
 *  Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 *  http://developer.yahoo.com/yui/license.html
 *
 */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
main { display: block; }

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio[controls],
canvas,
video { display: inline-block; *display: inline; zoom: 1; }

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure { margin: 0; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * html InitialStyle
 */
html { background: #fff; color: #333; font-size: 62.5%; }

/*
 * body InitialStyle
 */
/*body { font-family: "YuGothic Medium", "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体 Medium", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 500; line-height: 150%; text-align: center; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; line-height: 1.5; -webkit-font-smoothing: antialiased; word-wrap:break-word; }*/
body { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif; line-height: 150%; text-align: center; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; height: 100%; line-height: 1.5; }

/*
 * All InitialStyle
 */
body, div, pre, p, blockquote,
form, fieldset, input, textarea, select, option,
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
embed, object, main { margin: 0; padding: 0; vertical-align: baseline; }

div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section,main{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* =============================================================================
   Links
   ========================================================================== */
a { border: 0; color: #333; cursor: pointer; outline: none; overflow: hidden; text-decoration: none; }

/*
 * Addresses outline displayed oddly in Chrome
 */
/*a:focus { outline: thin dotted; }*/

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active,
a:focus { outline: 0; }

a { overflow: hidden; }


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] { border-bottom: 1px dotted; }

/*
 * Addresses styling not present in S5, Chrome
 */
dfn { font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark { background: #ff0; color: #000; }

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

q { quotes: none; }

q:before ,q:after { content: ''; content: none; }


/* =============================================================================
   Forms
   ========================================================================== */
button, fieldset, form, input, label, legend, select, textarea { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input { line-height: normal; /* 1 */ }

input { padding: 0.1em; vertical-align: middle; }


/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible;  /* 3 */ }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] { cursor: default; }

input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; vertical-align: baseline; }

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }

legend { background: #FFF; color: #333; padding: 0.3em; }

select { padding: 0; vertical-align: baseline; }

    /* for IE6 */
    * html select { vertical-align: middle; }

    /* for IE7 */
    *:first-child+html select { vertical-align: -0.2em; }

textarea { line-height: 1.4; padding: 0.1em; vertical-align: middle; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }


/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }


/* =============================================================================
   Image
   ========================================================================== */
img { border: 0; }

img { vertical-align: bottom; line-height: 0px; }

/*
 * Improves image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img { -ms-interpolation-mode: bicubic; }


/* =============================================================================
   Others
   ========================================================================== */

ing, abbr, acronym, fieldset { border: 0; }

/*
 * Define consistent border, margin, and padding
 */
fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) { overflow: hidden; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

caption, th { text-align: left; }

code, kbd, pre, samp, tt { font-family: monospace; _font-family: 'courier new', monospace; line-height: 100%; }

    /* for IE7 */
    *:first-child+html code, *:first-child+html kbd, *:first-child+html pre, *:first-child+html samp, *:first-child+html tt { font-size: 108%; }


/* =============================================================================
   Common Style
   ========================================================================== */

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

hr, legend { display: none; }

object, embed { vertical-align: top; }

ol, ul { list-style-type: none; }

abbr, acronym { cursor: help; }

caption { text-align: center; }

b, em, strong { font-weight: bold; }

/* =============================================================================
   component
   ========================================================================== */
.c-target { transition: opacity .3s linear; }
.c-target:hover { opacity: .6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.c-target02:hover { opacity: .35; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; }
/*@media only screen and (max-width: 640px) {
    .c-target:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
}*/


/* =============================================================================
   utility
   ========================================================================== */
.u-pcNone { display: none; }
.u-cf:after { content: ""; clear: both; display: block; }
/*@media only screen and (max-width: 640px) {
    .u-spNone { display: none; }
    .u-pcNone { display: block; }
}

*/