@charset "UTF-8";

/* reset,preset
**************************************************************************************************/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body { line-height:1; margin:0; }
h1, h2, h3, h4, h5, h6{ margin: 0; }
p { line-height:1.5; margin: 0; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section
{	display:block; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul { list-style:none; margin:0; padding:0; }
li { margin:0; padding:0; }
input, select { vertical-align:middle; }
img { vertical-align:middle; }
:placeholder-shown
::-webkit-input-placeholder,
:-ms-input-placeholder { color: #D2D2D2;}

a { color: #000; text-decoration:none; -webkit-transition: all 0.2s; transition: all 0.2s; }
a:visited {  }
a:hover{ opacity:0.5; }
a img { border:0; position:relative; }
button { -webkit-transition: all 0.2s; transition: all 0.2s; }
button:hover{ opacity:0.8; }
button:active { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px);  }
input[type=submit] { -webkit-transition: all 0.2s; transition: all 0.2s; }
input[type=submit]:hover{ opacity:0.8; }
input[type=submit]:active { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px);  }
.btn-comment { -webkit-transition: all 0.2s; transition: all 0.2s; }
.btn-comment:hover{ opacity:0.8; }
.btn-comment:active { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px);  }
.btn { -webkit-transition: all 0.2s; transition: all 0.2s; }
.btn:hover{ opacity:0.8; }
.btn:active { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px);  }


/* mediaquery
**************************************************************************************************/

/* font
**************************************************************************************************/
@font-face {
    font-family: 'DIN';
    src:url('../font/dinnextltpro-regular-webfont.woff') format('woff');
    src:url('../font/dinnextltpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/dinnextltpro-regular-webfont.woff2') format('woff2'),
        url('../font/dinnextltpro-regular-webfont.eot'),
        url('../font/dinnextltpro-regular-webfont.ttf') format('truetype'),
        url('../font/dinnextltpro-regular-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'DIN';
    src:url('../font/dinnextltpro-medium-webfont.woff') format('woff');
    src:url('../font/dinnextltpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/dinnextltpro-medium-webfont.woff2') format('woff2'),
        url('../font/dinnextltpro-medium-webfont.eot'),
        url('../font/dinnextltpro-medium-webfont.ttf') format('truetype'),
        url('../font/dinnextltpro-medium-webfont.svg#webfontregular') format('svg');
    font-weight: bold;
}

/* fontsize,color
**************************************************************************************************/
body { font:13px/1.231 sans-serif; font-weight:normal; -webkit-text-size-adjust: 100%; }
select,input,button,textarea { font:99% helvetica,arial,clean,sans-serif }
table { font-size:inherit;font:100% }
pre,code,kbd,samp,tt { font-family:monospace;*font-size:108%;line-height:100% }
.serif { font-family: serif; }
.sanserif { font-family:'DIN',,sans-serif; }

/* box
**************************************************************************************************/
.ib_wrap { letter-spacing: -1em; }

/* headline
**************************************************************************************************/

/* background
**************************************************************************************************/

/* float-align
**************************************************************************************************/
.clear { clear:both; }
.flr { float:right; }
.fll { float:left; }
.center { text-align: center!important; } 
.center img { display:inline!important; }
.center img.pc { display:none!important; }
.center img.sp { display:inline!important; }
@media screen and (min-width: 768px) {
.center img.sp { display:none!important; }
.center img.pc { display:inline!important; }
}
.left { text-align: left; } 
.flrpic { float:right; display:inline; margin:0px 0px 15px 15px; }
.flrpic img { margin-bottom:5px; display:inline; }
.fllpic { float:left; margin:0px 15px 15px 0px; }
.fllpic img { margin-bottom:5px; display:inline; }
.centerpic { margin:0px auto; text-align:center; }
.centerpic img { margin-bottom:5px; display:inline; }
.flrtbl { float:right; margin:0px 0px 25px 25px; }
.flltbl { float:left; margin:0px 25px 25px 0px; }
.alr { text-align:right!important; }
.alr img { display:inline; }
.inline { display:inline; }
.all { text-align:left!important; }
.mauto { margin:0px auto!important; }

/* img
**************************************************************************************************/
img.full { width:100%; max-width:100%; height:auto; }


/* button
**************************************************************************************************/
.fb_iframe_widget > span {
	vertical-align: top !important;
}
input:disabled { cursor: default!important;}
button:disabled { }

/* select input
**************************************************************************************************/

/* lists
**************************************************************************************************/
ul.list-dflt { margin: 1em 0 2em 0; }
ul.list-dflt > li { margin-bottom: 10px; position: relative; padding-left: 15px;}
ul.list-dflt > li:before {  content: '・'; display: inline-block; text-indent: 0; font-weight: bold; font-size: 10px; position: absolute; top: 8px; left: 0px; line-height: 0;}
ul.list-none { margin: 0 0 0 0; }
ul.list-none > li { margin-bottom: 10px; position: relative;}

/* text
**************************************************************************************************/

/* images
**************************************************************************************************/

/* media
**************************************************************************************************/
.embed { position: relative; width: 100%; padding-top: 56.25%; }
.embed iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/* border
**************************************************************************************************/
.rounded { position:relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -pie-border-radius: 8px; }

/* linkstyles
**************************************************************************************************/
.is-preview a,
.is-preview span { pointer-events: none; cursor: default; }

/* fontsize
**************************************************************************************************/

/* table
**************************************************************************************************/

/* box
**************************************************************************************************/

/* reset-slider
**************************************************************************************************/
.bx-wrapper { margin-bottom: 0; box-shadow: none; border: 0; background: none; }

/* form
**************************************************************************************************/
input[type="text"],
input[type="password"],
input[type="checkbox"],
input[type="radio"],
input[type="submit"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="reset"],
input[type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none;
    border:0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow:none;
    box-shadow : none;
	cursor     : auto;
	background: none;
}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea {
    border:1px solid #dadada;
    border-radius: 6px;
    box-shadow : none;
}

input[type="submit"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="search"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
@media screen and (max-width: 768px) {
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	textarea,
	input[type="password"] { font-size: 16px!important; }
}

/* text */
.text01 { padding: 8px; font-size: 14px; }
/* text */
.textarea01 { padding: 8px; font-size: 14px; }
/* select */
select.pulldown { -webkit-appearance: none; -moz-appearance: none; appearance:none; }
select.pulldown-a { padding:5px 35px 5px 10px; background:#fff url(../img/common/arw-d02.png) calc(100% - 10px) 45% no-repeat; background-size: 5px 8px;  border-radius: 6px; border:1px solid #ccc; font-size:14px; position:relative; height: 35px; }
select.pulldown-b { padding:10px 35px 10px 15px; background:rgba(255,255,255,0.1) url(../img/common/arw-d01.png) calc(100% - 15px) 50% no-repeat;  border-radius: 6px;  font-size:16px; position:relative; border:0; color: #fff; }
select.pulldown-b.side { position: absolute; top: -15px; right: 0; }
/* checkbox */
input[type="checkbox"] { display:none; }
input.text-dflt { width: 100%; padding: 10px; background: url(../img/common/icn-search02.png) calc(100% - 10px) 50% no-repeat; background-size: 15px 15px;}
label.brand { display: block; position: relative; width: 100%; border-radius: 6px;  padding: 10px 10px 10px 35px; line-height: 1; cursor: pointer; color: #fff; }
label.brand input[type="checkbox"] + i.checkbox { display:block; vertical-align:middle; background: url(../img/common/icn-check-w-off.png) 0 50% no-repeat; width: 16px; height: 16px; background-size:16px 16px; position: absolute; left: 10px; top: 8px; }
label.brand input[type="checkbox"]:checked + i.checkbox { display:block; vertical-align:middle; background: url(../img/common/icn-check-w-on.png) 0 50% no-repeat; width: 16px; height: 16px; background-size:16px 16px; position: absolute; left: 10px; top: 8px; }
label.brand input[type="checkbox"]:checked:focus { outline:none; }
label.brand input[type="checkbox"]:focus { outline:none; }
label.brand-simplism { background: #dae138; color: #000; }
label.brand-nuans { background: #929394; }
label.brand-bluelounge { background: #1f1f1f; }
label.brand-catalyst { background: #0089af; }
label.brand-simplism input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check-b-off.png) 0 50% no-repeat; background-size:16px 16px; }
label.brand-simplism input[type="checkbox"]:checked + i.checkbox { background: url(../img/common/icn-check-b-on.png) 0 50% no-repeat; background-size:16px 16px; }
@media screen and (min-width: 768px) {
label.brand input[type="checkbox"] + i.checkbox { top: 10px; }
label.brand input[type="checkbox"]:checked + i.checkbox { top: 10px; }
}
label.model { display: block; position: relative; width: 100%; border-radius: 50px; padding: 5px 9px 5px 23px; background: #f0f1f4; line-height: 1; cursor: pointer; color: #000; font-size: 12px; }
label.model input[type="checkbox"] + i.checkbox { display:block; vertical-align:middle; width: 13px; height: 13px; position: absolute; left: 6px; top: 5px; background: url(../img/common/icn-check01.png) 50% 50% no-repeat; background-size:13px 13px; }
label.model input[type="checkbox"]:checked + i.checkbox {  background: url(../img/common/icn-check-b.png) 50% 50% no-repeat; background-size:11px 8px; }
label.model input[type="checkbox"]:focus { outline:none; }
@media screen and (min-width: 768px) {
	label.model { display: block; position: relative; width: 100%; border-radius: 50px; padding: 8px 15px 8px 25px; }
	label.model input[type="checkbox"] + i.checkbox { top: 8px; left: 8px; }
}
label.category { display: block; position: relative; width: 100%; border-radius: 50px; padding: 5px 9px 5px 23px; background: #f0f1f4; line-height: 1; cursor: pointer; color: #000; font-size: 12px; }
label.category input[type="checkbox"] + i.checkbox { display:block; vertical-align:middle; width: 13px; height: 13px; position: absolute; left: 6px; top: 5px; background: url(../img/common/icn-check01.png) 50% 50% no-repeat; background-size:13px 13px; }
label.category input[type="checkbox"]:checked + i.checkbox {  background: url(../img/common/icn-check-b.png) 50% 50% no-repeat; background-size:11px 8px; }
label.category input[type="checkbox"]:focus { outline:none; }
@media screen and (min-width: 768px) {
	label.category { display: block; position: relative; width: 100%; border-radius: 50px; padding: 8px 15px 8px 25px; }
	label.category input[type="checkbox"] + i.checkbox { top: 8px; left: 8px; }
	}
label.color { display: block; position: relative; width: 100%; border-radius: 50px; border:1px solid #ccc;  padding: 5px 9px 5px 23px; line-height: 1; cursor: pointer; color: #000; font-size: 12px; }
label.color input[type="checkbox"] + i.checkbox { display:block; vertical-align:middle; width: 13px; height: 13px; position: absolute; left: 6px; top: 5px; }
label.color input[type="checkbox"]:checked:focus { outline:none; }
label.color input[type="checkbox"]:focus { outline:none; }
label.color-01 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check01.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-02 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check02.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-03 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check03.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-04 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check04.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-05 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check05.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-06 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check06.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-07 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check07.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-08 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check08.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-09 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check09.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-10 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check10.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-11 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check11.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-12 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check12.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-13 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check13.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-14 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check14.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-15 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check15.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-16 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-check16.png) 50% 50% no-repeat; background-size:13px 13px; }
label.color-01.active { border:1px solid #ccc ; background:#fff; color: #000; }
label.color-02.active { border:1px solid #2b2b2b ; background:#2b2b2b; color: #fff; }
label.color-03.active { border:1px solid #9e9e9e ; background:#9e9e9e; color: #fff; }
label.color-04.active { border:1px solid #74341f ; background:#74341f; color: #fff; }
label.color-05.active { border:1px solid #e5d7ac ; background:#e5d7ac; color: #000; }
label.color-06.active { border:1px solid #2c994a ; background:#2c994a; color: #fff; }
label.color-07.active { border:1px solid #0066e4 ; background:#0066e4; color: #fff; }
label.color-08.active { border:1px solid #620a87 ; background:#620a87; color: #fff; }
label.color-09.active { border:1px solid #f6b1d7 ; background:#f6b1d7; color: #000; }
label.color-10.active { border:1px solid #d90027 ; background:#d90027; color: #fff; }
label.color-11.active { border:1px solid #ff922a ; background:#ff922a; color: #fff; }
label.color-12.active { border:1px solid #f6e642 ; background:#f6e642; color: #000; }
label.color-13.active { border:1px solid #ccc ; background:#fff; color: #000; }
label.color-14.active { border:1px solid #cccbcb ; background:#cccbcb; color: #000; }
label.color-15.active { border:1px solid #ccb866 ; background:#ccb866; color: #000; }
label.color-16.active { border:1px solid #ccc ; background:#fff; color: #000; }
label.color input[type="checkbox"]:checked + i.checkbox {  background: url(../img/common/icn-check-w.png) 50% 50% no-repeat; background-size:11px 8px; }
label.color-01 input[type="checkbox"]:checked + i.checkbox,
label.color-05 input[type="checkbox"]:checked + i.checkbox,
label.color-09 input[type="checkbox"]:checked + i.checkbox,
label.color-12 input[type="checkbox"]:checked + i.checkbox,
label.color-13 input[type="checkbox"]:checked + i.checkbox,
label.color-14 input[type="checkbox"]:checked + i.checkbox,
label.color-15 input[type="checkbox"]:checked + i.checkbox,
label.color-16 input[type="checkbox"]:checked + i.checkbox {  background: url(../img/common/icn-check-b.png) 50% 50% no-repeat; background-size:11px 8px; }
@media screen and (min-width: 768px) {
label.color input[type="checkbox"] + i.checkbox { display:block; vertical-align:middle; width: 16px; height: 16px; position: absolute; left: 5px; top: 3px; background-size:16px 16px; }
}
label.media { display: inline-block; position: relative; width: auto; border-radius: 50px; border:1px solid #ccc;  padding: 5px 15px 5px 25px; line-height: 1; cursor: pointer; color: #000; font-size: 12px; }
label.media input[type="checkbox"] + i.checkbox { display:block; vertical-align:middle; width: 13px; height: 13px; position: absolute; left: 6px; top: 5px; }
label.media input[type="checkbox"]:checked:focus { outline:none; }
label.media input[type="checkbox"]:focus { outline:none; }
label.media-01 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-media01.png) 50% 50% no-repeat; background-size:13px 13px; }
label.media-02 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-media02.png) 50% 50% no-repeat; background-size:13px 13px; }
label.media-03 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-media03.png) 50% 50% no-repeat; background-size:13px 13px; }
label.media-04 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-media04.png) 50% 50% no-repeat; background-size:13px 13px; }
label.media-05 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-media05.png) 50% 50% no-repeat; background-size:13px 13px; }
label.media-06 input[type="checkbox"] + i.checkbox { background: url(../img/common/icn-media06_2.png) 50% 50% no-repeat; background-size:13px 13px; }
label.media-01.active { border:1px solid #909090 ; background:#909090; color: #fff; }
label.media-02.active { border:1px solid #ff9900 ; background:#ff9900; color: #fff; }
label.media-03.active { border:1px solid #8a50cb ; background:#8a50cb; color: #fff; }
label.media-04.active { border:1px solid #ff0000 ; background:#ff0000; color: #fff; }
label.media-05.active { border:1px solid #4267b2 ; background:#4267b2; color: #fff; }
label.media-06.active { border:1px solid #000 ; background:#000; color: #fff; }
label.media input[type="checkbox"]:checked + i.checkbox {  background: url(../img/common/icn-check-w.png) 50% 50% no-repeat; background-size:11px 8px; }
@media screen and (min-width: 768px) {
label.media input[type="checkbox"] + i.checkbox { display:block; vertical-align:middle; width: 16px; height: 16px; position: absolute; left: 5px; top: 3px; background-size:16px 16px; }
}
label.dflt { position: relative; line-height: 1; cursor: pointer; padding-left: 20px; padding-top: 2px; }
label.dflt input[type="checkbox"] + i.checkbox { display:block; vertical-align:middle; background: url(../img/common/icn-check-g-off.png) 0 50% no-repeat; width: 16px; height: 16px; background-size:16px 16px; position: absolute; left: 0px; top: 0px; }
label.dflt input[type="checkbox"]:checked + i.checkbox { display:block; vertical-align:middle; background: url(../img/common/icn-check-g-on.png) 0 50% no-repeat; width: 16px; height: 16px; background-size:16px 16px; position: absolute; left: 0; top: 0; }
label.dflt input[type="checkbox"]:checked:focus { outline:none; }
label.dflt input[type="checkbox"]:focus { outline:none; }
label.dflt input[type="radio"] + i.radio { display:block; vertical-align:middle; border: 1px solid #ccc; border-radius: 50%;  width: 18px; height: 18px; position: absolute; left: 0px; top: 0px; }
label.dflt input[type="radio"]:checked + i.radio { display:block; vertical-align:middle; background: url(../img/common/icn-check-b.png) 50% 50% no-repeat; width: 18px; height: 18px; background-size:10px 8px; position: absolute; left: 0; top: 0; }
label.dflt input[type="radio"]:checked:focus { outline:none; }
label.dflt input[type="radio"]:focus { outline:none; }

/* animation
**************************************************************************************************/
@-webkit-keyframes flash {
	0% { opacity: 0; }
	20% { opacity: 1; }
	40% { opacity: 0; }
	60% { opacity: 1; }
	80% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 0; }
	20% { opacity: 1; }
	40% { opacity: 0; }
	60% { opacity: 1; }
	80% { opacity: 0; }
	100% { opacity: 1; }
}

/* width
**************************************************************************************************/
.m0 {	margin:0 !important;} .mt0 {	margin-top:0 !important;} .mr0 {	margin-right:0 !important;} .mb0 {	margin-bottom:0 !important;} .ml0 {	margin-left:0 !important;}
.m10 {	margin:10px !important;} .mt10 {	margin-top:10px !important;} .mr10 {	margin-right:10px !important;} .mb10 {	margin-bottom:10px !important;} .ml10 {	margin-left:10px !important;}
.m20 {	margin:20px !important;} .mt20 {	margin-top:20px !important;} .mr20 {	margin-right:20px !important;} .mb20 {	margin-bottom:20px !important;} .ml20 {	margin-left:20px !important;}
.m30 {	margin:30px !important;} .mt30 {	margin-top:30px !important;} .mr30 {	margin-right:30px !important;} .mb30 {	margin-bottom:30px !important;} .ml30 {	margin-left:30px !important;}
.m40 {	margin:40px !important;} .mt40 {	margin-top:40px !important;} .mr40 {	margin-right:40px !important;} .mb40 {	margin-bottom:40px !important;} .ml40 {	margin-left:40px !important;}
.m50 {	margin:50px !important;} .mt50 {	margin-top:50px !important;} .mr50 {	margin-right:50px !important;} .mb50 {	margin-bottom:50px !important;} .ml50 {	margin-left:50px !important;}
.p0 {	padding:0 !important;} .pt0 {	padding-top:0 !important;} .pr0 {	padding-right:0 !important;} .pb0 {	padding-bottom:0 !important;} .pl0 {	padding-left:0 !important;}
.p10 {	padding:10px !important;} .pt10 {	padding-top:10px !important;} .pr10 {	padding-right:10px !important;} .pb10 {	padding-bottom:10px !important;} .pl10 {	padding-left:10px !important;}
.p20 {	padding:20px !important;} .pt20 {	padding-top:20px !important;} .pr20 {	padding-right:20px !important;} .pb20 {	padding-bottom:20px !important;} .pl20 {	padding-left:20px !important;}
.p30 {	padding:30px !important;} .pt30 {	padding-top:30px !important;} .pr30 {	padding-right:30px !important;} .pb30 {	padding-bottom:30px !important;} .pl30 {	padding-left:30px !important;}
.p40 {	padding:40px !important;} .pt40 {	padding-top:40px !important;} .pr40 {	padding-right:40px !important;} .pb40 {	padding-bottom:40px !important;} .pl40 {	padding-left:40px !important;}
.p50 {	padding:50px !important;} .pt50 {	padding-top:50px !important;} .pr50 {	padding-right:50px !important;} .pb50 {	padding-bottom:50px !important;} .pl50 {	padding-left:50px !important;}
.pl05 { padding-left:5px!important; }
.w5 {	width:5% !important;} .w10 {	width:10% !important;}
.w15 {	width:15% !important;} .w20 {	width:20% !important;}
.w25 {	width:25% !important;} .w30 {	width:30% !important;}
.w35 {	width:35% !important;} .w40 {	width:40% !important;}
.w45 {	width:45% !important;} .w50 {	width:50% !important;}
.w55 {	width:55% !important;} .w60 {	width:60% !important;}
.w65 {	width:65% !important;} .w70 {	width:70% !important;}
.w75 {	width:75% !important;} .w80 {	width:80% !important;}
.w85 {	width:85% !important;} .w90 {	width:90% !important;}
.w95 {	width:95% !important;} .w100 {	width:100% !important;}
.w300 { width:300px !important; }
.w350 { width:350px !important; }
.wauto {	width:auto !important;}
.whalf {	width:355px;}
.full { width: 100%!important; }
div.indent .whalf {	width:335px;}
div.indent div.indent .whalf {	width:315px;}
.align_right {	text-align:right!important;}
.align_center {	text-align:center!important;}
.center { text-align:center!important; }
.align_left {	text-align:left;}
.fontSS {	font-size:77% !important;}
.fontS {	font-size:93% !important;}
.fontM {	font-size:100% !important;}
.fontL {	font-size:123.1% !important;}
.fontLL {	font-size:146.5% !important;}
.font_normal {	font-weight:normal;}
.font_bold {	font-weight:bold;}
.nowrap {	white-space:nowrap;}
a.bd img { border:1px solid #ddc086; }
.disable { opacity:0.3; }
.alert { color: #e63555; }
@media screen and (min-width: 768px) {
.w40_pc {	width:40% !important;}
.w60_pc {	width:60% !important;}
}

/* flex
**************************************************************************************************/

/* clrfix
**************************************************************************************************/
.clrfix:after,
.inner:after,
.block:after,
.box:after,
.set:after { 
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clrfix,
.inner,
.block,
.box,
.set {  
	display:inline-table;
	min-height:1%;
}

* html .clrfix,
* html .inner,
* html .block,
* html .box,
* html .set { 
	height:1px;
}

.clrfix,
.inner,
.block,
.box,
.set {  
	display:block;
}