@charset "utf-8";
/* CSS Document */

/******************************************************************************
 * RESET
*******************************************************************************/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video 
{ /*font-size: 100%; */vertical-align: baseline; white-space: normal; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
* { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; }
img { vertical-align: top; }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container-content { margin-right: auto; margin-left: auto; }
.container-content-main { margin-right: auto; margin-left: auto; padding-left: 30px; padding-right: 30px; }
.container-stylebook { margin-right: auto; margin-left: auto; padding-left: 30px; padding-right: 30px; }
.container-stylebook-deital { margin-right: auto; margin-left: auto;/*
  padding-left: 30px;
  padding-right: 30px;
  */
}

.container { width: 100%; }
.container-content { width: 100%; }
.container-content-main { width: 1000px; }





.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.row { 
　margin-left: 10px; 
　margin-right: 10px;
　}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-13, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-stylethumb { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-stylethumb { float: left; }
.col-stylethumb { width: 100%; }
.col-xs-12 { width: 50%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 33.33333333%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }


@media screen and (max-width:400px) {
.col-xs-12 { width: 100%; }
}



@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-stylethumb { float: left; }
.col-stylethumb { width: 33.33333333%; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 33.33333333%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
}

@media (min-width: 1020px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-13, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-stylethumb { float: left; }
.col-stylethumb { width: 20%; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-13{ width: 32%;}
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }
}



.clearfix:before, .clearfix:after, .container:before, .container:after, .container2:before, .container2:after, .container-content:before, .container-content:after, .container-content-main:before, .container-content-main:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .no-gutter:before, .no-gutter:after { content: " "; display: table; }
.clearfix:after, .container:after, .container2:after, .container-content:after, .container-content-main:after, .container-fluid:after, .row:after, .no-gutter:after { clear: both; }
.row.no-gutter { margin-right: 0; margin-left: 0; }
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; visibility: hidden !important; }
.affix { position: fixed; }
/******************************************************************************
 * TEXT
*******************************************************************************/
.tx-left { text-align: left; }
.tx-center { text-align: center; }
.tx-right { text-align: right; }
.tx-justify { text-align: justify; text-justify: inter-ideograph; }
.ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }
.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.underline { text-decoration: underline; }
/******************************************************************************
 * COLOR
*******************************************************************************/
.red { color: #dd0000; }
.redpink { color: #e3245e; }
.pink { color: #ff3399; }
.blue { color: #2E82C9; }
.green { color: #688C00; }
.white { color: #ffffff; }
.orange { color: #ff6633; }
.violet { color: #944FAF; }
.gold { color: #D0A31A; }
.gray { color: #CCCCCC; }
/******************************************************************************
 * WORDBREAK
*******************************************************************************/
.breakword { word-wrap: break-word; }