@charset "UTF-8";

/**
 * --------------------------------------------------------------------------------
 * @name        default.css
 * @history     16.08.26    update
 * @license     BSD - http://opensource.org/licenses/BSD-2-Clause
 * --------------------------------------------------------------------------------
 */

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

    reset css

//////////////////////////////////////////////////////////////////////////////// */
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;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
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;}





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

    dom / cmn_images

//////////////////////////////////////////////////////////////////////////////// */
html,body{ width: 100%; height: 100%; zoom:1.0; }
body{ font:13px/1.231 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}
body{ font-family: "メイリオ", "meiryo", verdana, "ヒラギノ角ゴ Pro W3", hirakakupro-w3, "ＭＳ Ｐゴシック", "ms pgothic", sans-serif; }
body{ -webkit-text-size-adjust:100%; }
img{ vertical-align: bottom; }
pre,code,kbd,samp,tt {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}
a{ text-decoration: none; }
table { font-size:inherit; font:100%; width: 100%; border-collapse: collapse; }





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

    classes

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

/* basic
-------------------------------------------------------------------------------- */
.abs            {position:absolute;}
.hide           {visibility:hidden;}
.show           {visibility:visible;}
.displayNone    {display: none;}
.displayBlock   {display: block;}
.clear          {clear:both;}
.left           {float:left;}
.right          {float:right;}
.bold           {font-weight:bold;}
.italic         {font-style:italic;}
.alignCenter    {margin:0 auto;}
.margin_reset   {margin:0;}
.padding_reset  {padding:0;}
.btn            {cursor:pointer;}
.ta_left        {text-align:left;}
.ta_right       {text-align:right;}
.ta_center      {text-align:center;}
.attentionMark  {margin-left:1em;text-indent:-1em;}
.attentionMark2 {margin-left:2em;text-indent:-2em;}
.f_bold         {font-weight:bold;}
.f_bold_red     {font-weight:bold;color:#e60012;}
#__bs_notify__  {display: none !important;}



/* p改行
-------------------------------------------------------------------------------- */
.kai p, .kai span{ display: block; margin-left: 0; }
.re-kai p, .re-kai span{ display: inline; }
.inline{ display: inline-block; }
@media screen and (max-width:736px) {
    .kai p, .kai span{display:inline; margin-left:0;}
    .re-kai p, .re-kai span {display:block;}
}



/* padding and margin set
-------------------------------------------------------------------------------- */
.ptop5  {padding-top:5px;}  	.mtop5  {margin-top:5px;}
.ptop10 {padding-top:10px;}		.mtop10 {margin-top:10px;}
.ptop15 {padding-top:15px;}		.mtop15 {margin-top:15px;}
.ptop20 {padding-top:20px;}		.mtop20 {margin-top:20px;}
.ptop25 {padding-top:25px;}		.mtop25 {margin-top:25px;}
.ptop30 {padding-top:30px;}		.mtop30 {margin-top:30px;}
.ptop35 {padding-top:35px;}		.mtop35 {margin-top:35px;}
.ptop40 {padding-top:40px;} 	.mtop40 {margin-top:40px;}
.ptop50 {padding-top:50px;}		.mtop50 {margin-top:50px;}
.ptop60 {padding-top:60px;}		.mtop60 {margin-top:60px;}

.pbttm5  {padding-bottom:5px;}	.mbttm5  {margin-bottom:5px;}
.pbttm10 {padding-bottom:10px;}	.mbttm10 {margin-bottom:10px;}
.pbttm15 {padding-bottom:15px;}	.mbttm15 {margin-bottom:15px;}
.pbttm20 {padding-bottom:20px;}	.mbttm20 {margin-bottom:20px;}
.pbttm30 {padding-bottom:30px;}	.mbttm30 {margin-bottom:30px;}
.pbttm35 {padding-bottom:35px;}	.mbttm35 {margin-bottom:35px;}
.pbttm40 {padding-bottom:40px;}	.mbttm40 {margin-bottom:40px;}
.pbttm50 {padding-bottom:50px;}	.mbttm50 {margin-bottom:50px;}
.pbttm60 {padding-bottom:60px;}	.mbttm60 {margin-bottom:60px;}

.pall5  {padding:5px 0;}  		.mall5  {margin:5px 0;}
.pall10 {padding:10px 0;}		.mall10 {margin:10px 0;}
.pall15 {padding:15px 0;}		.mall15 {margin:15px 0;}
.pall20 {padding:20px 0;}		.mall20 {margin:20px 0;}
.pall30 {padding:30px 0;}		.mall30 {margin:30px 0;}
.pall35 {padding:35px 0;}		.mall35 {margin:35px 0;}



/* fontsize
-------------------------------------------------------------------------------- */
.text10 {font-size:77%;} /* for setting 10px */
.text11 {font-size:85%;} /* for setting 11px */
.text12 {font-size:93%;} /* for setting 12px */
.text13 {font-size:100%;} /* for setting 13px */
.text14 {font-size:108%;} /* for setting 14px */
.text15 {font-size:116%;} /* for setting 15px */
.text16 {font-size:123.1%;} /* for setting 16px */
.text17 {font-size:131%;} /* for setting 17px */
.text18 {font-size:138.5%;} /* for setting 18px */
.text19 {font-size:146.5%;} /* for setting 19px */
.text20 {font-size:153.9%;} /* for setting 20px */
.text21 {font-size:161.6%;} /* for setting 21px */
.text22 {font-size:167%;} /* for setting 22px */
.text23 {font-size:174%;} /* for setting 23px */
.text24 {font-size:182%;} /* for setting 24px */
.text25 {font-size:189%;} /* for setting 25px */
.text26 {font-size:197%;} /* for setting 26px */



/* clearfix
-------------------------------------------------------------------------------- */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
*html .clearfix{height:1%;}/* Hides from IE-mac¥*/
.clearfix{display:block;}/* End hide form IE-mac*/



/* float
-------------------------------------------------------------------------------- */
.float { display: block; }
.float:before, .float:after{ content: " "; display: table; }
.float:after{ clear: both; }
.float { zoom: 1; *zoom: 1; }/* For IE 6/7 (trigger hasLayout) */



/* flexbox
-------------------------------------------------------------------------------- */
.flexbox{
    -js-display: flex;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexbox{ -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.flexbox li{ justify-content: flex-start; }
.flexbox .box{ justify-content: flex-start; }
.flexbox.between{ justify-content: space-between; }



/* box-sizing
--------------------------------------------------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/* IEハック
--------------------------------------------------------------------------------*/
*::-ms-backdrop, body{
    font-family: "メイリオ", "meiryo", verdana, "ヒラギノ角ゴ Pro W3", hirakakupro-w3, "ＭＳ Ｐゴシック", "ms pgothic", sans-serif !important;
}



/* other classes
-------------------------------------------------------------------------------- */
.trans{
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.table-cell{ display: table; }
.table-cell .cell{ display: table-cell; }