/*
    Theme Name: 080080.jp
    Description:モバレンTEMPLATE
    Theme URI: 080080.jp
    Author: MI
    Version: 1.0
    License: 080080
    License URI: 080080.jp
*/


@import url(http://fonts.googleapis.com/css?family=Lato:300);
@import url(http://fonts.googleapis.com/css?family=Lato:400);
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img, abbr, acronym, fieldset { border: 0; vertical-align: bottom; }
li { list-style-type: none; }
/* ------------ Font Style */
body { font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-size: 75%; line-height: 170%; }
html>/**/body { font-size: 13px; }
/* ------------ Font Style */
body { margin: 0; color: #313131; background-color: #f2f2f2; }
h1, h2, h3, h4, h5, h6 { font-weight: normal !important; margin: 2px 0px 5px 0px; padding: 2px 0px; color: #313131; }
h1, h2 { font-weight: 300 !important; }
h3, h4 { font-weight: 300 !important; color: #333; }
h5, h6 { font-weight: 300 !important; color: #333; }
h1 { font-size: 42px; line-height: 52px; }
h2 { font-size: 34px; line-height: 42px; }
h3 { font-size: 28px; line-height: 35px; }
h4 { font-size: 23px; line-height: 30px; }
h5 { font-size: 18px; line-height: 22px; }
h6 { font-size: 15px; line-height: 24px; color: #666; font-weight: 400 !important; }
h3.panel-title { font-size: 15px; line-height: 18px; font-weight: bold; }
p { margin: 2px 0px; }
a:hover, a:active, a:focus { outline: 0; }
hr { margin: 20px 0px; }
:focus { outline: none; border: 0; }
#sidebar h3.ske-title { font-size: 15px; line-height:24px; color: #313131;  }
.borderline { border-bottom: solid 1px #CCC; margin: 10px 0px !important; }
.borderhed { /*background: url("../img/dots.") repeat;*/ height: 5px; margin: 10px 0 !important;  }

::-moz-focus-inner {
border:0;
}
.border { /*background: url("../img/dots.") repeat;*/ height: 5px; margin: 30px 0px !important; }
.bor { height: 20px; }
.bold { font-weight: 600 !important; }
.caps { text-transform: uppercase; }
.center { text-align: center; }
.grey { color: #666; }
.big { line-height: 45px; font-family: 'Lato', sans-serif; margin-bottom: 10px; font-weight: 300; padding-bottom: 10px; }
a.btn { margin-top: 6px; }
.link-list a { margin-right: 20px; }
.padd { padding: 10px 15px; }
.label { font-size: 15px; }
.badge { font-size: 15px; padding: 5px 10px; }
.mbinfo { margin-top: 10px; font-size: 14px; }
div.dateft { margin-top: 10px; color: #777; font-size: 12px; line-height: 19px; }
.newsmd { font-size: 15px; line-height: 21px; color: #444; font-weight: 400 !important; }
/* SNS MARU */
.form { margin: 20px 0px; margin-bottom: 0px; }
.form-horizontal input[type="text"], .form-horizontal input[type="password"], .form-horizontal textarea { width: 90%; }
.form-horizontal .control-label { width: 80px; }
.form-horizontal .controls { margin-left: 100px; }
.form-horizontal .controls:first-child { *padding-left: 100px;
}
.form-horizontal .form-actions { padding-left: 100px; }
.form-actions { padding: 10px 20px 11px; background: transparent; border-top: 0px; }
/* Button */
.button a, .button a:visited { color: #fff; font-size: 13px; line-height: 20px; display: inline-block; padding: 5px 8px; margin-top: 3px; }
.button a:hover { color: #fff; text-decoration: none; }
/* Well */
.well { background: #fafafa; padding: 15px; border: 1px solid #eee; }
/* Colors */

.border { /*background: url("../img/dots.") repeat;*/ height: 5px; margin: 30px 0px !important; }
.border01 { /*background: url("../img/dots.") repeat;*/ height: 5px; margin: 20px 0px !important; }
.border02 { /*background: url("../img/dots.") repeat;*/ height: 5px; margin: 10px 0px !important; }
.border03 { /*background: url("../img/dots.") repeat;*/ height: 5px; margin: 5px 0px !important; }
/* Background colors */

/* SNS MARU */
#social-icon { font-size: 12px; margin: 0 5px 5px 0; padding: 0; color: #fff; line-height: 35px; height: 35px; }
#social-icon a { font-size: 12px; padding: 0; color: #fff; }
#social-icon a:hover { padding: 0; color: #3366ff; text-decoration: underline; }
v #social-icon i { width: 30px; height: 30px; margin: 0; border-radius: 50%; -moz-border-radius: 50%;/*for Firefox*/ -webkit-border-radius: 50%;/*for Safari and chrome*/ background: #3366ff; line-height: 30px; text-align: center; }
#social-icon i:before { padding : 0; line-height: 30px; }
#social-icon a:hover i { background: #e52e2f; }
/* BUTTOM */

.continue a { border: 1px solid rgb(216, 59, 45); cursor: pointer; display: inline-block; font-size: 14px; margin-top: 10px; padding: 8px 10px; position: relative; transition: all 0.3s linear 0s; }
.continue a:hover { background: none repeat scroll 0px 0px rgb(216, 59, 45); color: rgb(255, 255, 255); transition: all 0.3s linear 0s; text-decoration: none; }
.morebtn a { border: 1px solid rgb(216, 59, 45); cursor: pointer; display: inline-block; font-size: 13px; margin-top: 6px; padding: 4px 5px; position: relative; transition: all 0.3s linear 0s; }
.morebtn a:hover { background: none repeat scroll 0px 0px rgb(216, 59, 45); color: rgb(255, 255, 255); transition: all 0.3s linear 0s; text-decoration: none; }
.service-three .news-icon { float: left; width: 30px; }
.service-three .news-icon i { font-size: 24px; line-height: 40px; display: block; }
.service-three .news-content { font-size: 13px; position: relative; margin-top: 10px; margin-left: 5px; }
.service-three h2 { font-size: 34px; line-height: 34px; }
.newstitle { font-weight: 300; font-size: 15px; color: #666; }
.moretext { text-align: right; margin-right: 5px; }
.moretext a { font-size: 13px; line-height: 16px; }
.moretext_left { margin-right: 5px; }
.moretext_left a { font-size: 13px; line-height: 16px; }
.wnewcap { letter-spacing: 0.03em }
.psttitleview { display: none; }
 @media (max-width: 480px) {
.moretext a { border: 1px solid rgb(216, 59, 45); cursor: pointer; display: inline-block; font-size: 14px; margin-top: 10px; padding: 8px 10px; position: relative; transition: all 0.3s linear 0s; }
.moretext a:hover { background: none repeat scroll 0px 0px rgb(216, 59, 45); color: rgb(255, 255, 255); transition: all 0.3s linear 0s; text-decoration: none; }
.moretext_left a { border: 1px solid rgb(216, 59, 45); cursor: pointer; display: inline-block; font-size: 14px; margin-top: 10px; padding: 8px 10px; position: relative; transition: all 0.3s linear 0s; }
.moretext_left a:hover { background: none repeat scroll 0px 0px rgb(216, 59, 45); color: rgb(255, 255, 255); transition: all 0.3s linear 0s; text-decoration: none; }
.wnewcap { display: none; }
.psttitleview { display: block; }
h6.displynone { display: block; }
}
.col-l { width: 47.5%; float: left; }
.col-r { width: 47.5%; float: right; }
/* Form */

form button { font-size: 13px !important; }
form input { font-size: 13px !important; }
/* Image alignment*/

.alignleft, img.alignleft { margin-right: 8px; margin-top: 5px; display: inline; float: left; }
.alignright, img.alignright { margin-left: 8px; margin-top: 5px; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
/* Header */

header { background: #fff; }
header .logo { font-family: 'Lato', sans-serif; font-weight: 400; padding: 15px 0px; }
header .logo h1 { font-size: 40px; line-height: 40px; margin-bottom: 0; }
header .logo h1 a, header .logo h1 a:visited, header .logo h1 a:hover { color: #000; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: 0.08em; }
header .logo .hmeta { font-size: 13px; color: #888; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 0.15em; }
header .form { text-align: center; max-width: 270px; margin: 0 auto; width: 260px; padding-top: 40px; }
/* Navigation */

.navbar-inner > .container { width: 960px; }
.navbar { margin-bottom: 0px; }
.navbar *, .nav-collapse * { box-shadow: none !important; text-shadow: none !important; border-radius: 0px !important; font-weight: normal !important; font-size: 14px !important; font-family: 'Lato', sans-serif; font-weight: 300; }
.navbar-inner { padding-left: 0px; background: #fafafa; filter: none !important; }
.navbar .btn { font-size: 13px; padding: 6px 10px; color: #fff !important; }
.navbar .caret { border-top-color: #999 !important; border-bottom-color: #999 !important; }
.navbar { border-top: 1px solid #eee !important; border-bottom: 1px solid #eee !important; }
.navbar a, .navbar a:visited { color: #000 !important; }
.navbar .nav > li > a, .navbar .nav > li > a:visited { color: #000 !important; padding: 15px 25px 15px 25px; filter: none !important; letter-spacing: 0.1em; }
.navbar .nav > li > a:hover { background: #f3f3f3 !important; }
.dropdown-menu { border-radius: 0px !important; box-shadow: none !important; border: none !important; padding: 0px; margin: 0px; z-index: 3000; background: #fafafa; border: 1px solid #eee !important; border-top: 0px !important; }
.dropdown-menu a { padding: 9px 10px !important; color: #000 !important; text-shadow: none !important; background: #fafafa !important; border-bottom: 1px solid #eee; }
.dropdown-menu a:hover, .dropdown-menu a:focus { filter: none !important; background: #f3f3f3 !important; }
.dropdown-menu::after, .dropdown-menu::before { border: none !important; }
/* Accordion */

.accordion-group { border-radius: 0px; margin: 10px 0px; }
.accordion-heading .accordion-toggle { display: block; padding: 0px; }
.accordion li { line-height: 10px; }
.accordion-heading a, .accordion-heading a:visited, .accordion-heading a:hover { border: none; color: #fff; text-decoration: none; margin: 10px 15px; }
/* Testimonial */

blockquote { background: #f9f9f9; margin-bottom: 5px; color: #777; }
blockquote p { font-size: 14px; line-height: 19px; font-weight: 400; margin-bottom: 15px; }
blockquote small { color: #555; }
/* Support */

#slist p { display: none; margin: 5px 0px; padding: 5px 10px; background: #fff; line-height: 30px; border: 1px solid #eee; }
#slist li a { display: block; font-size: 16px !important; margin-bottom: 10px; }
.scontact p { margin-bottom: 10px; }
/* Portfolio */


.nocolor .element { background: transparent !important; }
.nocolor .pcap { background: transparent !important; border-top: 0px solid #379e15 !important; }
/* Gallery */

.gallery { text-align: center; }
.gallery img { max-width: 170px; margin: 5px; padding: 1px; border: 1px solid #aaa; }
/* Process */

.process-meta { display: block; margin-bottom: 5px; padding: 5px 10px; color: #fff; margin-top: 15px; }
/* Blog */

.blog .entry h2 { font-size: 30px; line-height: 40px; color: #777; }
.blog .entry h2 a, .blog .entry h2 a:visited, .blog .entry h2 a:hover { text-decoration: none; color: #777; }
.blog .meta { border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; margin: 8px 0px; padding: 5px 8px; color: #777; text-transform: uppercase; font-size: 11px; }
.blog .meta a, .blog .meta a:visited { color: #555; }
.blog .meta i { margin-left: 3px; position: relative; top: -2px; }
.blog .bthumb { margin: 10px 0px 5px 0px; padding: 1px; box-shadow: 0px 0px 1px #777; }
.blog .bthumb2 { float: left; margin-top: 8px; margin-right: 8px; border: 1px solid #aaa; }
.blog .bthumb2 img { margin: 0px; width: 180px; min-width: 180px; }
.blog .entry { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #eee; font-size: 13px; line-height: 25px; }
.blog .entry p { margin: 0px 0px 4px 0px; }
.blog .post-foot { border-left: 2px solid #eee; padding: 15px 15px; }
.blog .post-foot .social { margin-top: 0px; }
.sidebar { background: #f7f7f7; border: 1px solid #e1e1e1; padding: 8px; margin-top: 10px; }
.sidebar h4 { font-size: 14px; color: #777; line-height: 18px; margin-bottom: 5px; padding-bottom: 10px; text-transform: uppercase; border-bottom: 1px solid #eee; }
.sidebar .widget { background: #fff; padding: 8px; font-size: 13px; line-height: 23px; border: 1px solid #e1e1e1; margin-bottom: 10px; }
.sidebar .widget .form-search { margin-top: 10px; margin-bottom: 10px; }
.sidebar ul li { padding: 3px 0px; }
/* Comments */
.paging { width: 270px; clear: both; padding: 6px 0; line-height: 17px; font-size: 13px; }
.paging span, .paging a { display: block; float: left; margin: 2px 2px 2px 0; padding: 5px 8px; text-decoration: none; width: auto; color: #666; background: #fff; border: 1px solid #ddd; font-weight: normal; }
.paging a:hover { color: #fff; }
.paging .current { padding: 5px 8px; color: #fff; }
/* Career */

.career .nav > li { background: none; padding: 0px; list-style-type: none; }
.career .nav-tabs > li > a:hover { color: #fff; }
/* Error log */

.features-two .feat { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
/* Features three */

.features-three .feat-inner { text-align: center; margin: 20px 0px 20px 0px; }
.features-three .feat-inner { padding: 20px 10px 10px 10px; background: #fafafa; margin-bottom: 20px; border: 1px solid #ddd; }
.features-three i { font-size: 35px; margin-bottom: 10px; }
.features-three .button { margin-top: 10px; margin-bottom: 20px; }
.features-three .button a { font-size: 11px; }
/* Features four */

.features-four i { font-size: 30px; display: block; margin-bottom: 10px; }
.features-four h4 { color: #fff; }
.features-four .f-block { padding: 25px 20px 40px 20px; margin-bottom: 10px; min-height: 180px; }
.features-four a, .features-four a:hover { color: #fff; text-decoration: none; }
.features-four p { font-size: 14px; line-height: 22px; }
/* Service two */



.social { font-size: 18px; margin-top: 5px; }
.social i { height: 25px; width: 25px; line-height: 25px; margin: 0px 5px 0px 0px; color: #fff; -webkit-transition: background 1s ease; -moz-transition: background 1s ease; -o-transition: background 1s ease; transition: background 1s ease; text-align: center; }
.social i:hover { background: #000; -webkit-transition: background 1s ease; -moz-transition: background 1s ease; -o-transition: background 1s ease; transition: background 1s ease; }
.social a, .social a:visited, .social a:hover { color: #fff; text-decoration: none; }
.snsbtn { font-size: 18px; margin-top: 5px; }
.snsbtn i { text-align: center; height: 25px; width: 25px; line-height: 25px; margin: 0px 5px 0px 0px; color: #fff; -webkit-border-radius: 50%;/* 50%でもOK */ -moz-border-radius: 50%; border-radius: 50%;/*background-color: #3c5b9b;*//* 円の色 */ }
.snsbtn i:hover { background: #000; }
.snsbtn a, .snsbtn a:visited, .snsbtn a:hover { color: #fff; text-decoration: none; }
.make-post hr { margin: 10px 0px; }
/* About #2 */

.about-two .pic img { margin-bottom: 6px; }
.about-two .details { margin-top: 10px; margin-bottom: 20px; }
.about-two .details .name { line-height: 10px; padding: 0px; margin: 0px; }
.about-two .details em { color: #888; font-size: 13px; line-height: 20px; }
.about-two .asocial i { text-align: center; line-height: 20px; font-size: 12px; text-align: center; width: 20px; height: 20px; }
.about-two .asocial a, .about-two .asocial a:visited, .about-two .asocial a:hover { color: #fff; text-decoration: none; }
.about-two .details .adesc { max-width: 300px; margin: 0 auto; border-top: 1px solid #eee; margin-top: 5px; padding-top: 5px; }
/* Slider 1 (Parallax Slider) */


.da-slide h2 span { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #eee; }
/* Slider 2 (Nivo slider) */
/* Clients page */

.cclient { padding: 10px 0px 15px 0px; border-bottom: 1px solid #eee; margin: 10px 0px 15px 0px; }
.cimage img { margin-bottom: 5px; max-height: 35px; }
/* Image blocks */

ul.hover-block li { list-style: none; float: left; width: 225px; height: 170px; position: relative; margin: 5px 4px; }
ul.hover-block li a { display: block; position: relative; overflow: hidden; width: 225px; height: 170px; color: #000; }
ul.hover-block li a { text-decoration: none; }
ul.hover-block li .hover-content { position: absolute; z-index: 1000; height: 170px; top: 125px; color: #fff; padding: 5px 10px; cursor: pointer; }
ul.hover-block li .hover-content h6 { color: #fff; }
ul.hover-block li img { position: absolute; top: 0; left: 0; border: 0; z-index: 500; }
/* Content */

.content { margin-top: 20px; }
.content ul { list-style-type: none; margin-left: 0px; }
.content ul li { padding: 5px 0px; }
/* Discover */

.dis-nav a { display: inline-block; margin-right: 10px; margin-bottom: 10px; color: #fff; }
.dis-content div { display: none; padding: 15px 15px 20px 15px; margin: 10px 0px; background: #f8f8f8; color: #777; border: 1px solid #eee; }
.dis-content h3 { margin-bottom: 5px; color: #666; }
.dis-content a.btn { margin-top: 6px; color: #fff !important; }
.dis-content i { position: relative; top: -2px; }
/* Landing page */

.lp .lp-image { max-width: 600px; margin: 40px auto; box-shadow: 0px 0px 30px #ccc; }
/* Task */


.task { background: #fcfcfc; border: 1px solid #eee; margin-bottom: 10px; border-left: 3px solid #d2d2d2; padding: 10px 15px; font-size: 13px; }
.task:hover { background: #fafafa; }
.task.important { border-left: 3px solid #ee1635; }
.task.cool { border-left: 3px solid #626262; }
.task .tmeta { font-size: 12px; }
/* Pricing table */

.price-a { width: 48%; float: left; margin-right: 14px; }
.price-b { width: 48%; float: right; }
.pricel { text-align: center; margin-top: 10px; }
.pricel .phead-top { margin: 0px; padding: 15px 10px; }
.pricel .phead-top h4 { color: #fff; }
.pricel .phead-bottom { background: #f1f1f1; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0px; padding: 10px 10px 5px 10px; color: #777; font-weight: 700; font-size: 20px; line-height: 27px; }
.pricel .pst { font-size: 14px; position: relative; top: -5px; font-weight: normal; }
.pricel .psb { font-size: 14px; font-weight: normal; }
.pricel .pbutton { background: #eee; border: 1px solid #ddd; padding: 10px 0px 15px 0px; color: #777; font-size: 20px; text-align: center; margin-top: 0px; }
.pricel .plist { border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fcfcfc; }
.pricel .plist ul { list-style-type: none; margin-left: 0px; margin-bottom: 0px !important; }
.pricel .plist li { background: none; padding: 13px 0px; font-size: 13px; border-bottom: 1px solid #e1e1e1; }
.pricel .plist li:nth-child(even) { background-color: #f8f8f8; }
.pricel .plist li:hover { background: #fff; }
.pricel .phead-top { display: block; }
/* Products */

.prod h3 { margin: 0px; padding: 0px; font-size: 20px; line-height: 30px; }
.prod { border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 10px; }
.prod .pimg { margin-top: 10px; }
.pdetails { padding: 10px 10px; background: #fefefe; margin-top: 20px; color: #777; border: 1px solid #eee; }
.pdetails i { margin-right: 3px; }
.pdetails .ptable { font-size: 13px; border-radius: 10px; background: #fafafa; border: 1px solid #eee; margin-bottom: 10px; }
.pdetails .pline { padding: 5px 10px; border-bottom: 1px solid #eee; }
/* Projects */

.projects h3 { font-size: 20px; margin-top: 0px; }
.projects .related-projects img { max-width: 100px; margin: 5px; padding: 5px; border: 1px solid #ddd; }
.projects .prdetails { margin-top: 10px; font-size: 13px; }
/* Reg & Login Form */

.formy { padding: 15px 20px; display: block; color: #fff; }
.formy h5 { color: #fff; }
.formy a, .formy a:visited { color: #eee; text-decoration: underline; }
.formy a:hover { color: #fff; text-decoration: none; }
/* Login and register form #2 */

.lrform { max-width: 400px; margin: 30px auto; background: #fafafa; padding: 15px 15px; border: 1px solid #eee; }
/* Events */

.events .accordion-heading h5 { color: #fff; padding: 10px; margin: 0px; }
.events .accordion-heading h5 span { display: block !important; font-size: 13px !important; }
.events .accordion-heading a, .events .accordion-heading a:visited, .events .accordion-heading a:hover { margin: 0px; }
.events .accordion-inner span { background: #fafafa; font-size: 12px; padding: 5px 10px; border: 1px solid #eee; margin-bottom: 10px; display: block; }
/* Product */

.prod { margin: 20px 0px 30px 0px; }
.home-product { padding: 7px 12px 14px 12px; color: #fff; }
.home-product .home-prod-img { width: 150px; height: 150px; float: left; margin-right: 10px; margin-top: 10px; }
.home-product h3 { color: #fff; }
.home-links a { color: #999; }
.home-links a:hover { clear: #444; }
/* Timeline */

.tidate { padding: 3px 10px; font-size: 13px; display: block; font-weight: bold; margin-bottom: 0px; }
.timatter h5 { font-size: 15px; }
.timatter { background: #fafafa; padding: 5px 10px; margin-bottom: 20px; font-size: 13px; border: 1px solid #eee; border-top: 0px; }
/* Service */

.serv-block { display: block; text-align: center; margin-bottom: 0; }
.serv-block h3 { color: #fff; padding-bottom: 20px; font-size: 22px; }
.serv-block i { display: block; font-size: 60px; line-height: 80px; width: 100px; height: 80px; margin: 0 auto; padding-top: 30px !important; }
.service { font-size: 13px; line-height: 25px; }
.service h6 { text-align: center; padding: 0; margin: 0 auto 10px auto; font-size: 15px; line-height: 28px; color: #666; font-weight: 400 !important; }
/* Social */

.social-links { margin-top: 20px; padding: 10px 0px 0px 0px; color: #fff; line-height: 20px; }
.social-links a, .social-links a:visited, .social-links a:hover { font-size: 15px; margin: 0px 15px; color: #fff; font-weight: 400; text-decoration: none; display: inline-block; }
.social-links i { position: relative; top: -2px; width: 15px; text-align: center; padding: 3px; right: 3px; }
/* Contact */

.cwell { padding: 10px; background: #fafafa; margin-top: 10px; border: 1px solid #f1f1f1; }
.cwell h5 { border-bottom: 1px solid #eee; padding-bottom: 10px; }
.cwell address { font-size: 13px; }
.gmap iframe { width: 100%; margin-bottom: 10px; padding-bottom: 0px !important; }
/* 404 #2 */

.big-text { font-size: 150px; line-height: 160px; color: #888; }
/* Footer */

footer { font-size: 13px; background: #f6f6f6; color: #444; }
footer a { color: #777; }
footer a:hover { color: #666; }
footer .color { color: #444; }
footer h6 { color: #444; }
footer ul { list-style-type: none; margin-left: 0px; }
footer ul li { padding: 3px 0px; }
footer .widgets { margin-top: 20px; }
footer .copy { /*border-top: 1px solid #ddd;*/ padding: 5px 0px; margin-top: 0; }

/* Responsive */

@media (max-width: 480px) {
.col-l { width: 100%; float: none; margin: 10px 0px 5px 0px; }
.col-r { width: 100%; float: none; margin: 10px 0px 5px 0px; }
.da-slide h2 { width: 100%; font-size: 30px; top: 40px; }
.da-slide p { width: 80%; font-size: 15px; top: 90px; }
.da-slide .da-link { top: 180px; }
.da-slide .da-img { display: none; }
ul.hover-block li { display: block; float: none; margin: 0 auto; margin-bottom: 10px; }
.price-a { width: 100%; float: none; margin-right: 0px; }
.price-b { width: 100%; float: none; }
.aboutus { text-align: center; }
}
 @media (max-width: 767px) {
.border { margin: 10px 0px 5px 0px; }
header, .navbar, .social-links, .full-slider, footer { margin-left: -20px; margin-right: -20px; }
.social-links, footer, .navbar-inner, .full-slider { padding-left: 20px; padding-right: 20px; }
header .logo { text-align: center; }
header .form { padding-top: 0px; }
.dropdown-menu { border: 0px !important; }
.dropdown-menu a { border: 0px !important; }
.home-product { margin-top: 10px; }
.serv-block { margin-top: 20px; }
.social-links span { display: block; margin-bottom: 10px; }
.flex-caption { margin: 40px 0px 40px 0px; }
.formy { margin-top: 20px; }
.ainfo { margin-top: 10px; }
.big-text { font-size: 80px; line-height: 90px; }
.about-two .staff { max-width: 250px; margin: 0 auto; }
.features-one { text-align: center; }
.features-one h4 { margin-top: 10px; }
}
 @media (min-width: 768px) and (max-width: 979px) {
.dropdown-menu { border: 0px !important; }
.dropdown-menu a { border: 0px !important; }
}
 @media (max-width: 979px) {
}
/* ------------------------------
  ETC STIRING
------------------------------ */
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; }
img { max-width: 100%; height: auto; width /***/: auto; 　
}
.mainmenu { z-index: 200; right: 0; bottom: 0; position: absolute; width: 100%; height: 90px; background: url(img/common/bg_menu7.png) 0 0 repeat; margin: 0; padding: 0; }
/*MEDIA*/

.mainmenuwaper { width: 970px; margin: 0 auto; text-align: center; z-index: 5; }
.mainmenuinner { width: 100%; margin: 0 auto; text-align: center; }
@media (max-width: 767px) {
.mainmenuwaper { width: 100%; margin: 0 auto; text-align: center; z-index: 5; }
.mainmenuinner { width: 100%; text-align: left; }
}
@media (max-width: 480px) {
.mainmenu { z-index: 200; left: 0; top: 0; position: absolute; width: 100%; height: 180px; margin: 0; padding: 0; }
/*MEDIA*/
.mainmenuwaper { width: 100%; text-align: center; margin: 0 auto 0 auto; z-index: 5; }
.mainmenuinner { width: 100%; text-align: center; margin: 0 0 0 0; }
}
.table-ul { display: inline-block; text-align: center; width: 100%; }
.table-ul li { float: left; list-style: none; vertical-align: middle; }
.foot-links { margin-top: 80px; padding: 10px 0; color: #fff; background: #444; line-height: 20px; width: 100%; }
img { max-width: 100%; height: auto; width /***/: auto; 　
}
#pageTop { background: #4082D6; border-radius: 5px; color: #fff; padding: 10px 15px; position: fixed; bottom: 20px; right: 20px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; }
#pageTop:hover { background: #fff; color: #4082D6; text-decoration: none; }
.flexhdimg { margin: 0; padding: 0; }
.flexhdimg { background: transparent; height: 200px; margin: 0 0 0px; border: 0px; border-radius: 0px; box-shadow: none; color: #fff; }
/* ------------------------------
  TOPICPATH STIRING
------------------------------ */
.topicpath ol li { display: inline; list-style-type: none; margin: 0; padding: 0; color: #222; }
.topicpathwp { width: 920px; margin: 15px auto; padding: 0; }
.topicpath { width: 100%; text-align: left; margin: 0; }
.topicpath { font-size: 14px; line-height: 15px; color: #222; letter-spacing: 0.05em; }
.topicpath i { font-size: 14px; line-height: 15px; }

.topicpath ol li { display: inline; list-style-type: none; margin: 0; padding: 0; color: #222; }
.topicpathwp { width: 920px; margin: 15px auto; padding: 0; }
.topicpath { width: 100%; text-align: left; margin: 0; }
.topicpath { font-size: 14px; line-height: 15px; color: #222; letter-spacing: 0.05em; }
.topicpath i { font-size: 14px; line-height: 15px; }


.breadcruwp { width: 950px; margin: 15px auto; padding: 0; }
#breadcrumb ul { display: inline-block; text-align: left; width: 100%; margin: 0; padding: 0;}
#breadcrumb ul li { font-size: 11px; line-height: 17px; float: left; list-style: none; vertical-align: middle; }
@media (max-width: 480px) {
.breadcruwp { width: 100%;  margin: 15px auto; padding: 0; }
#breadcrumb ul { display: inline-block; text-align: left; width: 100%; margin: 0; padding: 0;}
#breadcrumb ul li { font-size: 14px; line-height: 17px; float: left; list-style: none; vertical-align: middle; }
}
/* ------------------------------
  FOOTER NAVI STIRING
------------------------------ */
.foodvav { font-size: 11px; line-height: 17px; text-align: center; }
.foodvav ul { display: inline-block; }
.foodvav li { letter-spacing: 1px; float: left; list-style: none; }
.foodvav li a { color: #fff; text-decoration: none; }
.foodvav li + li { margin-left: 20px; }
.foodvav ul { display: inline; zoom: 1; }
.foodvav2 { font-size: 11px; line-height: 17px; text-align: center; }
.foodvav2 ul { display: inline-block; }
.foodvav2 li { float: left; list-style: none; }
.foodvav2 li a { color: #fff; text-decoration: none; }
.foodvav2 li + li { margin-left: 20px; }
.foodvav2 ul { display: inline; zoom: 1; }
footer { font-size: 12px; background: #000; color: #fff; border-top: 3px solid #3366ff; padding: 10px 0; }
footer a { color: #fff; }
footer a:hover { color: #3366ff; }
footer .color { color: #444; }
footer h6 { color: #fff; background: #000; }
footer ul { list-style-type: none; margin-left: 0px; }
footer ul li { padding: 3px 0px; }
footer .widgets { margin-top: 20px; }
footer .copy { font-size: 11px; text-align: left; padding: 5px 0px; margin-top: 0; line-height: 20px; height: 40px; letter-spacing: 0.1em; }
.copybox { font-size: 12px; color: #fff; text-align: left; padding: 5px 0px; margin-top: 0; width: 100%; }
header { background: #000; }
header .logo { font-family: 'Lato', sans-serif; font-weight: 400; padding: 10px 0px; }
header .logo h1 { font-size: 30px; line-height: 25px; margin-bottom: 0; background: #000; }
header .logo h1 a, header .logo h1 a:visited, header .logo h1 a:hover { color: #fff; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: 0.08em; background: #000; }
header .logo .hmeta { font-size: 11px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 0.15em; background: #000; }
header .logo .hmeta h1 { font-size: 11px; color: #999; font-family: 'Lato', sans-serif; font-weight: 400; }
header .form { text-align: center; max-width: 270px; margin: 0 auto; width: 260px; padding-top: 40px; }
.full-slider .container2 { width: 100%; }
header .logo h2 { font-size: 24px; line-height: 20px; margin: 5px 0 3px 0; padding: 0; text-align: right; background: #000; }
header .logo h2 a, header .logo h2 a:visited { color: #000; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: 0.05em; text-align: right; }
header .logo h2 a:hover { color: #3366ff; text-decoration: none; }
header .logo .hmeta2 { text-align: right; font-size: 11px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: 0.05em; }
header .logo .hmeta2 a { color: #3366ff; text-decoration: none; }
header .logo .hmeta2 a:hover { color: #555; text-decoration: none; }
/* a { color: #3366ff; }
a:hover { color: #e52e2f; }*/


/* Navigation */
.navbar-inner > .container1 { width: 100%; }
.navbar-inner > .container { width: 970px; }
.navbar { margin-bottom: 0px; }
.navbar *, .nav-collapse * { box-shadow: none !important; text-shadow: none !important; border-radius: 0px !important; font-weight: normal !important; font-size: 12px !important; font-family: 'Lato', sans-serif; font-weight: 300; }
.navbar-inner { padding-left: 0px; background: #fafafa; filter: none !important; }
.navbar .btn { font-size: 12px; padding: 6px 8px; color: #fff !important; }
.navbar .caret { border-top-color: #999 !important; border-bottom-color: #999 !important; }
.navbar { border-top: 1px solid #eee !important; border-bottom: 1px solid #eee !important; }
.navbar a, .navbar a:visited { color: #000 !important; }
.navbar .nav > li > a, .navbar .nav > li > a:visited { color: #000 !important; padding: 15px 20px 15px 20px; filter: none !important; letter-spacing: 0.1em; }
.navbar .nav > li > a:hover { background: #f3f3f3 !important; }
.dropdown-menu { border-radius: 0px !important; box-shadow: none !important; border: none !important; padding: 0px; margin: 0px; z-index: 3000; background: #fafafa; border: 1px solid #eee !important; border-top: 0px !important; }
.dropdown-menu a { padding: 9px 10px !important; color: #000 !important; text-shadow: none !important; background: #fafafa !important; border-bottom: 1px solid #eee; }
.dropdown-menu a:hover, .dropdown-menu a:focus { filter: none !important; background: #f3f3f3 !important; }
.dropdown-menu::after, .dropdown-menu::before { border: none !important; }

/* Responsive */

@media (max-width: 480px) {
header .logo h1 img{width: 50%;}
.col-l { width: 100%; float: none; margin: 10px 0px 0px 0px; }
.col-r { width: 100%; float: none; margin: 0 20px 0 0; text-align: center; }
.da-slide h2 { width: 100%; font-size: 30px; top: 40px; }
.da-slide p { width: 80%; font-size: 15px; top: 90px; }
.da-slide .da-link { top: 180px; }
.da-slide .da-img { display: none; }
ul.hover-block li { display: block; float: none; margin: 0 auto; margin-bottom: 10px; }
.price-a { width: 100%; float: none; margin-right: 0px; }
.price-b { width: 100%; float: none; }
.aboutus { text-align: center; }
.foot-links { display: none; }
.table-ul { text-align: center; }
.table-ul li { list-style: none; vertical-align: middle; }
/* Image blocks */

ul.hover-block li { list-style: none; float: left; width: 400px; height: 308px; position: relative; }
ul.hover-block li.spc { margin: 5px 10px 5px 0; }
ul.hover-block li.last { margin: 5px 0 5px 0; }
ul.hover-block li a { display: block; position: relative; overflow: hidden; width: 400px; height: 308px; color: #000; }
ul.hover-block li a { text-decoration: none; }
ul.hover-block li .hover-content { position: absolute; z-index: 1000; width: 380px; height: 292px; top: 196px; color: #fff; padding: 0 10px; font-size: 14px; line-height: 19px; cursor: pointer; }
ul.hover-block li .hover-content h6 { color: #fff; font-size: 18px; line-height: 23px; color: #fff; font-weight: 400 !important; }
ul.hover-block li img { width: 100%; position: absolute; top: 0; left: 0; border: 0; z-index: 500; }
header .logo h2 { font-size: 11px; color: #fff; margin: 0 0 0 0; padding-right: 0; text-align: center; }
header .logo h2 a, header .logo h2 a:visited { color: #000; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: 0.05em; margin: 0 10px 0 0; }
header .logo .hmeta2 { text-align: center; font-size: 11px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: 0.05em; }
header .logo h2 a, header .logo h2 a:visited { color: #000; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: 0.05em; }
header .logo h2 a:hover { color: #3366ff; text-decoration: none; }
}
 @media (max-width: 767px) {
.border { margin: 10px 0px 5px 0px; }
header, .navbar, .social-links, .full-slider, footer { margin-left: -20px; margin-right: -20px; }
.social-links, footer, .navbar-inner, .full-slider { padding-left: 20px; padding-right: 20px; }
header .logo { text-align: center; }
header .form { padding-top: 0px; }
.dropdown-menu { border: 0px !important; }
.dropdown-menu a { border: 0px !important; }
.home-product { margin-top: 10px; }
.serv-block { margin-top: 20px; }
.social-links span { display: block; margin-bottom: 10px; }
.flex-caption { margin: 40px 0px 40px 0px; }
.formy { margin-top: 20px; }
.ainfo { margin-top: 10px; }
.big-text { font-size: 80px; line-height: 90px; }
.about-two .staff { max-width: 250px; margin: 0 auto; }
.features-one { text-align: center; }
.features-one h4 { margin-top: 10px; }
}
 @media (min-width: 768px) and (max-width: 979px) {
.dropdown-menu { border: 0px !important; }
.dropdown-menu a { border: 0px !important; }
/* Image blocks */
}
 @media (max-width: 979px) {
}
/* Red */

a { color: #4988d8; }
a:hover { color: #4988d8; }
blockquote { border-left: 4px solid #4988d8; }
.color { color: #4988d8; }
header { border-bottom: 2px solid #4988d8; }
.navbar .btn { background: #4988d8 !important; }
.navbar .btn:hover { background: #e52e2f !important; }
..full-slider {
background: #333;
}
.full-slider .button a { background: #e52e2f; }
.full-slider .button a:hover { background: #e52e2f; }
.flex-back { background: #e52e2f; }
./* Events - Accordion*/
 .button a {
background: #4988d8;
}
.button a:hover { background: #e52e2f; }
.paging a:hover { background: #4988d8; }
.paging .current { background: #e52e2f; }
#sidebar { margin-top: 0; padding: 0; }
#sidebar ul { padding: 0; width: 310px; }
#sidebar ul li { padding: 0 0 10px 0; list-style: none; }
#sidebar .tagbox { padding: 0; width: 310px; }
a.tagbtn { font-family: 'Lato', sans-serif; font-weight: 400; color: #fff; background: #888; font-size: 14px; line-height: 24px; text-decoration: none; letter-spacing: 1px; padding: 8px 12px; margin: 0 8px 8px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; behavior: url(js/PIE.htc); }
a.tagbtn:hover { color: #fff; text-decoration: none; background: #666; }
.imgbox1 { margin: 30px 0 20px 0; }
.imgbox2 { margin: 0 0 20px 0; }
.imgbox3 { margin: 15px 0 0 0; }
.pctbox { margin: 0 8px 0 0; }
/*
.title11 { float: left; height: 60px; text-align: left; font-size: 22px; line-height: 60px; background: url("./img/common/mida_icon.") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 65px; }
*/
.title22 { float: right; height: 60px; text-align: left; line-height: 60px; margin: 0px 0 15px 0px; }
/*
.title222 { height: 60px; text-align: left; font-size: 22px; line-height: 60px; background: url("./img/common/mida_icon2.") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 65px; }
.title01 { height: 60px; text-align: left; font-size: 22px; line-height: 30px; background: url("./img/common/mida_icon.") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 65px; }
.title02 { height: 60px; text-align: left; font-size: 22px; line-height: 30px; background: url("./img/common/mida_icon2.") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 65px; }
.title03 { height: 60px; text-align: left; font-size: 22px; line-height: 30px; background: url("./img/common/mida_icon3.") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 65px; }
.title04 { height: 60px; text-align: left; font-size: 22px; line-height: 30px; background: url("./img/common/mida_icon4.") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 65px; }
.title05 { height: 60px; text-align: left; font-size: 22px; line-height: 30px; background: url("./img/common/mida_icon5.") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 65px; }
.title06 { height: 60px; text-align: left; font-size: 22px; line-height: 30px; background: url("./img/common/mida_icon6.") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 65px; }
.title07 { height: 60px; text-align: left; font-size: 22px; line-height: 30px; background: url("./img/common/mida_icon7.") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 65px; }
.title66 { height: 60px; text-align: left; font-size: 22px; line-height: 60px; background: url("./img/common/mida_icon6.") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 65px; }
.title77 { height: 60px; text-align: left; font-size: 22px; line-height: 60px; background: url("./img/common/mida_icon7.") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 65px; }
*/
.pictbox1 { float: left; margin: 0 0 10px 0; padding: 0; }
.pictbox2 { float: left; margin: 0 0 10px 0; padding: 0; }
.pictbb { width: 60px; display: table-cell }
.picttx { width: 280px; display: table-cell }
.pct1 { height: 50px; text-align: left; font-size: 14px; line-height: 21px; font-weight: bold; background: url("./img/top/pict1.png") no-repeat left -2px; margin: 0; display: inline-block; padding: 0 0 0 60px; }
.pct2 { height: 50px; text-align: left; font-size: 14px; line-height: 21px; font-weight: bold; background: url("./img/top/pict2.png") no-repeat left -2px; margin: 0; display: inline-block; padding: 0 0 0 60px; }
.pct3 { height: 50px; text-align: left; font-size: 14px; line-height: 21px; font-weight: bold; background: url("./img/top/pict3.png") no-repeat left -2px; margin: 0; display: inline-block; padding: 0 0 0 60px; }
.pct4 { height: 50px; text-align: left; font-size: 14px; line-height: 21px; font-weight: bold; background: url("./img/top/pict4.png") no-repeat left -2px; margin: 0; display: inline-block; padding: 0 0 0 60px; }
.pct5 { height: 50px; text-align: left; font-size: 14px; line-height: 21px; font-weight: bold; background: url("./img/top/pict5.png") no-repeat left -2px; margin: 0; display: inline-block; padding: 0 0 0 60px; }
.pct6 { height: 50px; text-align: left; font-size: 14px; line-height: 21px; font-weight: bold; background: url("./img/top/pict6.png") no-repeat left -2px; margin: 0; display: inline-block; padding: 0 0 0 60px; }
.pct7 { height: 50px; text-align: left; font-size: 14px; line-height: 21px; font-weight: bold; background: url("./img/top/pict7.png") no-repeat left -2px; margin: 0; display: inline-block; padding: 0 0 0 60px; }
.pct8 { height: 50px; text-align: left; font-size: 14px; line-height: 21px; font-weight: bold; background: url("./img/top/pict8.png") no-repeat left -2px; margin: 0; display: inline-block; padding: 0 0 0 60px; }
.pct9 { height: 50px; text-align: left; font-size: 14px; line-height: 21px; font-weight: bold; background: url("./img/top/pict9.png") no-repeat left -2px; margin: 0; display: inline-block; padding: 0 0 0 60px; }
ul.news { margin: 0; }
ul.news li { list-style: none; }
ul.news li a { color: #4082D6; text-decoration: none; }
ul.news li a:hover { text-decoration: underline; }
ul.list { margin: 0; }
ul.list li { list-style: none; background: url("./img/arrow1.gif") no-repeat left top; padding: 2px 0 2px 24px; }
#index_other_topics li { background: url("./img/arrow1.gif") no-repeat left top; padding: 2px 0 2px 24px; margin: 0 0 1em 0; }
.psttitleview { display: none; }
a.button-2 { font-family: 'Lato', sans-serif; font-weight: 400; color: #fff; font-size: 12px; line-height: 15px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; background: url(images/but2_shape.) 0 0 repeat; padding: 7px 11px 7px 11px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; behavior: url(js/PIE.htc); }
a.button-2:hover { color: #f800aa; text-decoration: none; background: #fff; }
a.btn_def { font-family: 'Lato', sans-serif; font-weight: 400; color: #fff; border: 1px solid #4082D6; font-size: 12px; line-height: 15px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; background: #4082D6; padding: 7px 11px 7px 11px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; behavior: url(js/PIE.htc); }
a.btn_def:hover { color: #4082D6; text-decoration: none; background: #fff; border: 1px solid #4082D6; }
#header_top { height: 60px; position: relative; border-bottom: 3px solid #3366ff; background: #222; color: #fff; }
.fwidget h6 { font-size: 11px; line-height: 17px; }
.tidate { color: #fff; font-size: 15px; line-height: 30px; }
/* MENU SCC */
.snav { width: 100%; /*max-width: 970px; margin: 0 auto; */ padding: 0; }
.snav ul { list-style: none; overflow: hidden; }
.mpic { width: 58px; height: 58px; float: left; margin: 15px 10px 15px 10px; }
.snav li a h6.lRE { font-size: 14px; line-height: 17px; color: #f59797; margin-top: 12px; text-align: left; }
.snav li a .navcap { font-size: 12px; line-height: 17px; color: #fff; text-align: left; }
.snav li a .lRE { font-size: 14px; line-height: 17px; color: #f59797; margin-top: 14px; margin-bottom: 8px; text-align: left; }
.snav li a .lBL { font-size: 14px; line-height: 17px; color: #abc8ed; margin-top: 14px; margin-bottom: 8px; text-align: left; }
.snav li a .lGR { font-size: 14px; line-height: 17px; color: #76c7c2; margin-top: 14px; margin-bottom: 8px; text-align: left; }
.snav li a .lYE { font-size: 14px; line-height: 17px; color: #f8c779; margin-top: 14px; margin-bottom: 8px; text-align: left; }
/*.snav li a{ background: url("./img/common/mpic1.") no-repeat right 50%;  width: 220px; padding: 0 10px 0 10px; height: 90px; margin: 0; }*/
.snav li a { border-right: 1px solid #535353; color: #fff; display: block; float: left; padding: 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 24%; /*TRANSISTIONS*/ text-align: left; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; -ms-transition: background 0.5s ease; transition: background 0.5s ease; }
/*HOVER*/
.snav li a:hover { }
/*SMALL*/
.snav small { font: 100 11px/1 Helvetica, Verdana, Arial, sans-serif; text-transform: none; color: #aaa; }
/*BORDER FIX*/
.snav li:last-child a { border: none; }
/*BLUE MENU*/
.snav .blue { margin-top: 50px; }
.blue li a { background: #75b1de; }
.blue small { color: white; }
.blue li a:hover { }
/*RED MENU*/

.snav .red { margin-top: 50px; }
.red li a { background: #5C0002; }
.red small { color: white; }
.red li a:hover { background: #a60306; }
 @media only screen and (max-width : 930px), only screen and (max-device-width : 930px) {
.mpic { width: 30px; height: 30px; float: left; margin: 8px 10px 10px 10px; }
.snav li a { width: 50%; height: 40px; margin-bottom: 3px; }
.snav li a .navcap { display: none; }
.snav li a .lRE { font-size: 14px; line-height: 17px; color: #f59797; margin-top: 14px; margin-bottom: 8px; }
.snav li a .lBL { font-size: 14px; line-height: 17px; color: #abc8ed; margin-top: 14px; margin-bottom: 8px; }
.snav li a .lGR { font-size: 14px; line-height: 17px; color: #76c7c2; margin-top: 14px; margin-bottom: 8px; }
.snav li a .lYE { font-size: 14px; line-height: 17px; color: #f8c779; margin-top: 14px; margin-bottom: 8px; }
}
@media(max-width:767px) {
.mpic { width: 30px; height: 30px; float: left; margin: 8px 10px 10px 10px; }
.snav li a { width: 50%; height: 40px; margin-bottom: 3px; }
.snav li a .navcap { display: none; }
.snav li a .lRE { font-size: 14px; line-height: 17px; color: #f59797; margin-top: 14px; margin-bottom: 8px; }
.snav li a .lBL { font-size: 14px; line-height: 17px; color: #abc8ed; margin-top: 14px; margin-bottom: 8px; }
.snav li a .lGR { font-size: 14px; line-height: 17px; color: #76c7c2; margin-top: 14px; margin-bottom: 8px; }
.snav li a .lYE { font-size: 14px; line-height: 17px; color: #f8c779; margin-top: 14px; margin-bottom: 8px; }
}
@media (max-width: 480px) {
.mpic{ width: 30px;height: 30px; float: left; margin:20px 15px 20px 15px;}
.snav { width: 100%;  height: 100px; }
.snav li a{ width: 100%;height: 30px;margin-bottom:10px;}
.snav li a .navcap{ display: none;}
.snav li a .lRE {font-size: 18px; line-height: 30px;color: #f59797; margin-top:20px; margin-bottom:20px;}
.snav li a .lBL {font-size: 18px; line-height: 30px;color: #abc8ed; margin-top:20px; margin-bottom:20px;}
.snav li a .lGR {font-size: 18px; line-height: 30px;color: #76c7c2; margin-top:20px; margin-bottom:20px;}
.snav li a .lYE {font-size: 18px; line-height: 30px;color: #f8c779; margin-top:20px; margin-bottom:20px;}
.snav ul {height: 180px; }
 }

/* ------------------------------
  ETC STIRING
------------------------------ */
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; }
.mainmenu { z-index: 200; right: 0; bottom: 0; position: absolute; width: 100%; height: 90px; background: url(img/common/bg_menu7.png) 0 0 repeat; margin: 0; padding: 0; }
.mainmenuwaper { width: 970px; max-width: 100%; margin: 0 auto; text-align: center; z-index: 5; }
.mainmenuinner { width: 100%; margin: 0 auto; text-align: center; }
@media (max-width: 767px) {
.mainmenuwaper { width: 100%; margin: 0 auto; text-align: center; z-index: 5; }
.mainmenuinner { width: 100%; text-align: left; }
}
@media (max-width: 480px) {
.mainmenu { z-index: 200; left: 0; top: 0; position: absolute; width: 100%; height: 180px; margin: 0; padding: 0; }
/*MEDIA*/
.mainmenuwaper { width: 100%; text-align: center; margin: 0 auto 0 auto; z-index: 5; }
.mainmenuinner { width: 100%; text-align: center; margin: 0 0 0 0; }
}
.table-ul { display: inline-block; text-align: center; width: 100%; }
.table-ul li { float: left; list-style: none; vertical-align: middle; }
.foot-links { margin-top: 80px; padding: 10px 0; color: #fff; background: #444; line-height: 20px; width: 100%; }
img { max-width: 100%; height: auto; width /***/: auto; 　
}
.timatter h6 { color: #4082d6; font-size: 15px; padding: 0; font-weight: bold; }
.timatter h5 { color: #1aa29a; font-size: 15px; padding: 0; font-weight: bold; }
.timatter { padding: 5px 10px 10px 10px; margin-bottom: 0; font-size: 13px; border: 1px solid #eee; border-top: 0px; }
.trarrow { text-align: center; padding: 0 10px; margin-bottom: 0; }
.trarrow2 { text-align: center; padding: 0 10px; margin: 14px 0; }
.picbox { font-size: 14px; line-height: 20px; text-align: center; padding: 10px 10px; margin: 10px 0; background-color: #F6FAFE; border: 1px solid #4082d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.picbox1 { font-size: 13px; line-height: 20px; text-align: left; padding: 10px 10px; margin: 10px 0; background-color: #F6FAFE; border: 1px solid #4082d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.picbox11 { font-size: 13px; line-height: 20px; text-align: left; padding: 10px 10px; margin: 10px 0; background-color: #fff; border: 1px solid #4082d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.picbox2 { font-size: 14px; line-height: 20px; text-align: center; padding: 10px 10px; margin: 10px 0; background-color: #fff; border: 1px solid #4082d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.picbox3 { font-size: 24px; line-height: 24px; text-align: center; padding: 14px 10px; margin: 10px 0; font-weight: bold; color: #fff; background-color: #5a92dc; border: 1px solid #5a92dc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.picbox3:hover { font-size: 24px; line-height: 24px; text-align: center; padding: 14px 10px; text-decoration: none; margin: 10px 0; font-weight: bold; color: #fff; background-color: #3d76c2; border: 1px solid #3d76c2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.redbox1 { font-size: 13px; line-height: 20px; text-align: left; padding: 10px 10px; margin: 10px 0; background-color: #fcf7f7; border: 1px solid #e48f83; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.linkbox { font-size: 100%; background-color: #F6FAFE; border: 1px solid #4082d6; font-size: 14px; line-height: 20px; padding: 0 15px; margin: 0; }
.box_hover { background: #b1e4fa; cursor: pointer; }
.none { text-indent: -9999px; margin: 0; overflow: hidden; }
img.sample2 { float: left; margin: 0 14px 10px 0; }
.sml_box { font-size: 15px; height: 22px; line-height: 22px; padding: 6px 10px; font-weight: bold; margin: 0 0 6px 0; background: #f4f4f4; border: 1px solid #ededed; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sml_box span { font-size: 18px; color: #4082d6; margin: 0; font-weight: bold; padding: 0 5px 0 0; }
.well { min-height: 20px; padding: 12px; margin-bottom: 20px; background-color: #4082D6; color: #fff; border: 1px solid #4082D6; font-weight: bold; text-align: center; font-size: 15px; line-height: 20px; }
.well blockquote { border-color: #ddd; border-color: rgba(0,0,0,0.15); }
.well-large { padding: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.well-small { padding: 9px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.well h5 { color: #fff; font-size: 20px; line-height: 22px; padding-bottom: 5px; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 0.05em; }
.whwell { height: 75px; min-height: 20px; padding: 12px; margin-bottom: 20px; background-color: #fff; color: #4082D6; border: 1px solid #4082D6; font-weight: bold; text-align: center; font-size: 15px; line-height: 20px; }
.whwell blockquote { border-color: #ddd; border-color: rgba(0,0,0,0.15); }
.whwell-large { padding: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.whwell-small { padding: 9px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.whwell .h5 { color: #4082D6; font-size: 20px; line-height: 22px; padding-bottom: 5px; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 0.05em; }
.whwell .boxmida5 { font-size: 100%; height: 20px; line-height: 20px; font-size: 18px; background-color: #4082D6; margin-bottom: 8px; color: #fff; padding: 4px 0; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 0.05em; }
.stpll { height: 75px; min-height: 20px; padding: 12px; margin-bottom: 20px; background-color: #fff; color: #4082D6; border: 1px solid #4082D6; font-weight: bold; text-align: center; font-size: 13px; line-height: 20px; }
.stpll blockquote { border-color: #ddd; border-color: rgba(0,0,0,0.15); }
.stpll-large { padding: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.stpll-small { padding: 9px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.stpll .h5 { color: #4082D6; font-size: 14x; line-height: 22px; padding-bottom: 5px; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 0.05em; }
.stpll .boxmida5 { font-size: 100%; height: 20px; line-height: 20px; font-size: 16px; background-color: #4082D6; margin-bottom: 8px; color: #fff; padding: 4px 0; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 0.05em; }
.sml_box2 { font-size: 13px; line-height: 22px; height: auto; padding: 6px 10px; font-weight: bold; margin: 0 0 6px 0; background: #f4f4f4; border: 1px solid #ededed; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sml_box2 span { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; color: #4082d6; margin: 0; font-weight: bold; padding: 0 5px 0 0; }
.tidate { padding: 3px 10px; display: block; font-size: 16px; font-weight: bold; margin-bottom: 0px; border-bottom: 2px solid #4082d6; color: #4082d6; background: #fafafa; }
.timatter h6 { color: #4082d6; font-size: 15px; padding: 0; font-weight: bold; }
.timatter { padding: 5px 10px 10px 10px; margin-bottom: 0; font-size: 13px; border: 1px solid #eee; border-top: 0px; }
.trarrow { text-align: center; padding: 0 10px; margin-bottom: 0; }
.picbox { font-size: 14px; line-height: 20px; text-align: center; padding: 10px 10px; margin: 10px 0; background-color: #F6FAFE; border: 1px solid #4082d6; }
.picbox2 { font-size: 14px; line-height: 20px; text-align: center; padding: 10px 10px; margin: 10px 0; background-color: #fff; border: 1px solid #4082d6; }
.picbox3 { font-size: 12px; line-height: 19px; text-align: left; padding: 15px; margin: 10px 0; background-color: #F6FAFE; border: 1px solid #4082d6; }
.linkbox { font-size: 100%; background-color: #F6FAFE; border: 1px solid #4082d6; font-size: 14px; line-height: 20px; padding: 0 15px; margin: 0; }
.box_hover { background: #b1e4fa; cursor: pointer; }
.none { text-indent: -9999px; margin: 0; overflow: hidden; }
 /#pageTop {
background: #4082D6;
border-radius: 5px;
color: #fff;
padding: 10px 15px;
position: fixed;
bottom: 20px;
right: 20px;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}
#pageTop:hover { background: #fff; color: #4082D6; text-decoration: none; }
.flexhdimg { margin: 0; padding: 0; }
.flexhdimg { background: transparent; height: 200px; margin: 0 0 0px; border: 0px; border-radius: 0px; box-shadow: none; color: #fff; }
/* ------------------------------
  TOPICPATH STIRING
------------------------------ */
.topicpath ol li { display: inline; list-style-type: none; margin: 0; padding: 0; }
.topicpathwp { width: 990px; margin: 15px auto; padding: 0; }
.topicpath { width: 100%; text-align: left; margin: 0; }
.topicpath { font-size: 13px; line-height: 15px; color: #666; letter-spacing: 0.05em; }
.topicpath i { font-size: 14px; line-height: 15px; }
/* ------------------------------
  FOOTER NAVI STIRING
------------------------------ */
.foodvav { font-size: 11px; line-height: 17px; text-align: center; }
.foodvav ul { display: inline-block; }
.foodvav li { letter-spacing: 1px; float: left; list-style: none; }
.foodvav li a { color: #fff; text-decoration: none; }
.foodvav li + li { margin-left: 20px; }
.foodvav ul { display: inline; zoom: 1; }
.foodvav2 { font-size: 11px; line-height: 17px; text-align: center; }
.foodvav2 ul { display: inline-block; }
.foodvav2 li { float: left; list-style: none; }
.foodvav2 li a { color: #fff; text-decoration: none; }
.foodvav2 li + li { margin-left: 20px; }
.foodvav2 ul { display: inline; zoom: 1; }
/* ------------------------------
  BOX STIRING
------------------------------ */

ol.liyaku li { display: inline; list-style-type: none; margin: 10px; padding: 0; }
.cbox { background: #fff; padding: 20px 20px 20px 20px; margin: 0 0 25px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 3px; behavior: url(js/PIE.htc); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0,0.1); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.1); }

.sidebox {  width: 310px;background: #fff; padding: 10px 10px 25px 10px; margin: 0 0 20px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 3px; behavior: url(js/PIE.htc); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0,0.1); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.1); }
.sidebox2 {  width: 310px;background: #fff; padding: 10px 10px 1px 10px; margin: 0 0 20px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 3px; behavior: url(js/PIE.htc); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0,0.1); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.1); }

.textbox { margin: 15px 0 10px 0; }
.textbox_ct { margin: 15px auto; padding: 20px 20px; }
.textbox110 { margin: 15px 15px 10px 15px; font-size: 15px; line-height: 26px; }
.contents_box { background: #fff; padding: 20px 20px 30px 20px; margin: 0 0 25px 0; }
.boxBL .title { color: #4988d8; font-size: 22px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict01.png") no-repeat left 50%; }
.boxRE .title { color: #ef5f5f; font-size: 22px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict02.png") no-repeat left 50%; }
.boxGR .title { color: #1e9e9c; font-size: 22px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict03.png") no-repeat left 50%; }
.boxYE .title { color: #f4aa34; font-size: 22px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict04.png") no-repeat left 50%; }
.boxBK .title { color: #727272; font-size: 22px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict05.png") no-repeat left 50%; }
.boxPU .title { color: #a168c6; font-size: 22px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict06.png") no-repeat left 50%; }
.boxOR .title { color: #e87e3c; font-size: 22px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict07.png") no-repeat left 50%; }
.title_left { float: left; height: 64px; text-align: left; font-size: 22px; line-height: 26px; display: table-cell; vertical-align: middle; background: url("./img/common/pict01.png") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 70px; }
.title_right { float: right; height: 64px; text-align: left; line-height: 26px; display: table-cell; vertical-align: middle; margin: 0px 0 15px 0px; }
.title11 { color: #4988d8; float: left; height: 64px; text-align: left; font-size: 22px; line-height: 60px; background: url("./img/common/pict01.png") no-repeat left 50%; margin: 0px 5px 15px 0px; display: inline-block; padding: 0 0 0 70px; }
.title22 { float: right; height: 40px; text-align: left; line-height: 60px; margin: 6px 0 15px 0px; }
 @media (max-width: 480px) {
.boxBL .title { color: #4988d8; font-size: 18px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict01.png") no-repeat left 50%; }
.boxRE .title { color: #ef5f5f; font-size: 18px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict02.png") no-repeat left 50%; }
.boxGR .title { color: #1e9e9c; font-size: 18px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict03.png") no-repeat left 50%; }
.boxYE .title { color: #f4aa34; font-size: 18px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict04.png") no-repeat left 50%; }
.boxBK .title { color: #727272; font-size: 18px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict05.png") no-repeat left 50%; }
.boxPU .title { color: #a168c6; font-size: 18px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict06.png") no-repeat left 50%; }
.boxOR .title { color: #e87e3c; font-size: 18px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 64px; margin: 0 5px 15px 0; padding: 0 0 0 70px; background: url("./img/common/pict07.png") no-repeat left 50%; }
.title11 { color: #4988d8; float: left; height: 64px; text-align: left; font-size: 18px; line-height: 60px; background: url("./img/common/pict01.png") no-repeat left 50%; margin: 0px 5px 15px 0px;  display: table-cell; vertical-align: middle; width: 100%; padding: 0 0 0 70px; }
.title22 { float: right; height: 40px; text-align: left; line-height: 26px; margin: 6px 0 15px 0px; }
}
.boxBL strong { color: #4988d8; }
.boxRE strong { color: #ef5f5f; }
.boxGR strong { color: #1e9e9c; }
.boxYE strong { color: #f4aa34; }
.boxPU strong { color: #a168c6; }
.boxOR strong { color: #e87e3c; }
.boxBK strong { color: #4f4f4f; }
.BL { color: #4988d8; }
.RE { color: #ef5f5f; }
.GR { color: #1e9e9c; }
.YE { color: #f4aa34; }
.PU { color: #a168c6; }
.OR { color: #e87e3c; }
.BK { color: #4f4f4f; }
.GLY { color: #898989; }
.mmboxBL { padding: 15px; margin-bottom: 20px; border: 1px solid #6ea0e0; border-radius: 4px; background-color: #f3f7fd; }
.mmboxRE { padding: 15px; margin-bottom: 20px; border: 1px solid #f27f7f; border-radius: 4px; background-color: #f9ecec; }
.mmboxGE { padding: 15px; margin-bottom: 20px; border: 1px solid #7bc0c8; border-radius: 4px; background-color: #eff9fa; }
.mmboxBL strong { color: #4988d8; }
.mmboxRE strong { color: #ef5f5f; }
.mmboxGE strong { color: #1e9e9c; }
.mmboxREE { padding: 15px; margin-top: 20px; border: 1px solid #f27f7f; border-radius: 4px; background-color: #f9ecec; word-break: break-all; }
.stepTitleGR { font-size: 16px; line-height: 18px; margin-bottom: 15px; font-weight: bold; border-left: 4px solid #7bc0c8; margin-left: 0; padding-left: 8px; letter-spacing: 0.0.5em; text-align: left; }
.stepTitle { font-size: 16px; line-height: 18px; margin-bottom: 15px; font-weight: bold; border-left: 4px solid #4988d8; margin-left: 0; padding-left: 8px; letter-spacing: 0.0.5em; text-align: left; }
.stepTitle2 { font-size: 15px; line-height: 18px; margin-bottom: 10px; font-weight: nomal; border-left: 4px solid #4988d8; margin-left: 0; padding-left: 8px; letter-spacing: 0.0.5em; text-align: left; }
.stepTitle3 { font-size: 15px; line-height: 18px; margin-top: 20px; margin-bottom: 8px; font-weight: nomal; border-left: 4px solid #4988d8; margin-left: 0; padding-left: 8px; letter-spacing: 0.0.5em; text-align: left; }
.stepTitleNO { font-size: 16px; line-height: 18px; margin-bottom: 15px; font-weight: bold; color: #4f4f4f; margin-left: 0; letter-spacing: 0.0.5em; text-align: left; }
/* ------------------------------
  BUTTON STIRING
------------------------------ */

ol.rounded-list { counter-reset: li; list-style: none; *list-style: decimal;
padding: 0; margin-bottom: 2em; }
ol.rounded-list ol { margin: 0 0 0 0; }
.rounded-list a { position: relative; display: block; padding: .4em .4em .4em 4em; *padding: .4em;
margin: .5em 0; background: #f0f0f0; color: #444; text-decoration: none; border-radius: .3em; transition: all .3s ease-out; font-size: 15px; !important;
}
.rounded-list a:hover { background: #ddd; }
.rounded-list a:hover:before { transform: rotate(360deg); }
.rounded-list a:before { content: counter(li); counter-increment: li; position: absolute; left: .6em; top: 50%; margin-top: -1.3em; color: #fff; background: #4988d8; height: 2.5em; width: 2.5em; line-height: 2em; border: .3em solid #fff; text-align: center; font-weight: bold; border-radius: 2em; transition: all .3s ease-out; }
ol.rounded-listRE { counter-reset: li; list-style: none; *list-style: decimal;
padding: 0; margin-bottom: 2em; padding: 0; margin-bottom: 2em; }
ol.rounded-listRE ol { margin: 0 0 0 0; }
.rounded-listRE a { position: relative; display: block; padding: .4em .4em .4em 2em; *padding: .4em;
margin: .5em 0; background: #f0f0f0; color: #444; text-decoration: none; border-radius: .3em; transition: all .3s ease-out; }
.rounded-listRE a:hover { background: #eee; color: #444; }
.rounded-listRE a:hover:before { transform: rotate(360deg); }
.rounded-listRE a:before { content: counter(li); counter-increment: li; position: absolute; left: .6em; top: 50%; margin-top: -1.3em; color: #fff; background: #ef5f5f; height: 2.5em; width: 2.5em; line-height: 2em; border: .3em solid #fff; text-align: center; font-weight: bold; border-radius: 2em; transition: all .3s ease-out; }
ul.nolist { counter-reset: li; list-style: none; padding: 0; margin-left: 0; margin-bottom: 2em; }
ul.nolist li { margin: 0 0 0 0; }
.nolist a { position: relative; display: block; padding: .4em .4em .4em 1em; *padding: .4em;
margin: 0 0 .5em 0; background: #f0f0f0; color: #444; text-decoration: none; border-radius: .3em; transition: all .3s ease-out; }
.nolist a:hover { background: #ddd; }
/* ------------------------------
  BUTTON STIRING
------------------------------ */


.btnbox { font-size: 22px; width: 100%; height: 100%; color: #ffffff; margin: 20px auto 0 auto; background: #9c64c4; text-decoration: none; -webkit-border-radius: 12; -moz-border-radius: 12; border-radius: 12px; cursor: pointer; }
.btnbox:hover { background: #9c64c4; text-decoration: none; }
.btnboxBIG { width: 580px; height: 80px; margin: 20px auto 0 auto; display: block; }
a.bigbtn { font-size: 22px; line-height: 80px; text-decoration: none; letter-spacing: 1px; font-family: 'Lato', sans-serif; font-weight: 400; color: #fff; background: #4082D6; border: 1px solid #4082D6; width: 580px; height: 80px; padding: 7px 11px 7px 11px; margin: 20px auto 0 auto; float: left; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; behavior: url(js/PIE.htc); text-align: center; }
a.bigbtn:hover { color: #4082D6; text-decoration: none; background: #fff; border: 1px solid #4082D6; }
p.btn_box { margin: 20px auto; text-align: center; }
.bbtn { border: none; font-family: inherit; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 25px 80px; display: inline-block; /*margin: 15px 30px;*/ text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.bbtn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
/* Pseudo elements for icons */
.bbtn:before, .icon-heart:after, .icon-star:after, .icon-plus:after, .icon-file:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; }
.bbtn-6 { color: #fff; background: #4988d8; -webkit-transition: none; -moz-transition: none; transition: none; font-size: 130%; width: 100%; }
.bbtn-6:active { top: 2px; }
.bbtn-6b { border: 4px solid #4988d8; border-radius: 15px; }
.bbtn-6b:hover { background: transparent; color: #4988d8; text-decoration: none; }
.bbtn-BL { color: #fff; background: #4988d8; -webkit-transition: none; -moz-transition: none; transition: none; font-size: 130%; width: 100%; }
.bbtn-BL:active { top: 2px; }
.bbtn-BLb { border: 4px solid #4988d8; border-radius: 15px; }
.bbtn-BLb:hover { background: transparent; color: #4988d8; text-decoration: none; }
.bbtn-RE { color: #fff; background: #ef5f5f; -webkit-transition: none; -moz-transition: none; transition: none; font-size: 130%; width: 100%; }
.bbtn-RE:active { top: 2px; }
.bbtn-REb { border: 4px solid #ef5f5f; border-radius: 15px; }
.bbtn-REb:hover { background: transparent; color: #ef5f5f; text-decoration: none; }
.bbtn-PU { color: #fff; background: #ab71d0; -webkit-transition: none; -moz-transition: none; transition: none; font-size: 130%; width: 100%; }
.bbtn-PU:active { top: 2px; }
.bbtn-PUb { border: 4px solid #ab71d0; border-radius: 15px; }
.bbtn-PUb:hover { background: transparent; color: #ab71d0; text-decoration: none; }
.bbtn-BK { color: #fff; background: #4f4f4f; -webkit-transition: none; -moz-transition: none; transition: none; font-size: 130%; width: 100%; }
.bbtn-BK:active { top: 2px; }
.bbtn-BKb { border: 4px solid #4f4f4f; border-radius: 15px; }
.bbtn-BKb:hover { background: transparent; color: #4f4f4f; text-decoration: none; }
.boxYE strong { color: #eba22d; }
.YE { color: #eba22d; }
.mmboxYE { padding: 15px; margin-top: 15px; margin-bottom: 20px; border: 1px solid #f4aa34; border-radius: 4px; background-color: #fbf7f1; }
.mmboxYE strong { color: #eba22d; }
.bbtn-YE { color: #fff; background: #f4aa34; -webkit-transition: none; -moz-transition: none; transition: none; font-size: 130%; width: 100%; }
.bbtn-YE:active { top: 2px; }
.bbtn-YEb { border: 4px solid #f4aa34; border-radius: 15px; }
.bbtn-YEb:hover { background: transparent; color: #f4aa34; text-decoration: none; }

@media (max-width: 480px) {

.btnbox {font-size: 18px; width: 100%;height: 100%; color: #ffffff; margin: 20px auto 0 auto;background: #9c64c4;text-decoration: none; -webkit-border-radius: 12; -moz-border-radius: 12; border-radius: 12px;cursor: pointer;}
.btnbox:hover { background: #9c64c4; text-decoration: none; }
.btnboxBIG {  width: 580px;height:80px;margin: 20px auto 0 auto; display:block;}

.bbtn { border: none; font-family: inherit; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 10px 10px; display: inline-block;
/*margin: 15px 30px;*/ text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.bbtn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
/* Pseudo elements for icons */
.bbtn:before, .icon-heart:after, .icon-star:after, .icon-plus:after, .icon-file:before
{ font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; }


.bbtn-6 { color: #fff; background: #4988d8; -webkit-transition: none; -moz-transition: none; transition: none;font-size: 110%;width: 100%; }
.bbtn-6:active { top: 2px; }
.bbtn-6b { border: 4px solid #4988d8; border-radius: 15px; }
.bbtn-6b:hover { background: transparent; color: #4988d8;text-decoration: none;  }

.bbtn-BL { color: #fff; background: #4988d8; -webkit-transition: none; -moz-transition: none; transition: none;font-size: 110%;width: 100%; }
.bbtn-BL:active { top: 2px; }
.bbtn-BLb { border: 4px solid #4988d8; border-radius: 15px; }
.bbtn-BLb:hover { background: transparent; color: #4988d8;text-decoration: none;  }

.bbtn-RE { color: #fff; background: #ef5f5f; -webkit-transition: none; -moz-transition: none; transition: none;font-size: 110%;width: 100%; }
.bbtn-RE:active { top: 2px; }
.bbtn-REb { border: 4px solid #ef5f5f; border-radius: 15px; }
.bbtn-REb:hover { background: transparent; color: #ef5f5f;text-decoration: none;  }

.bbtn-PU { color: #fff; background: #ab71d0; -webkit-transition: none; -moz-transition: none; transition: none;font-size: 110%;width: 100%; }
.bbtn-PU:active { top: 2px; }
.bbtn-PUb { border: 4px solid #ab71d0; border-radius: 15px; }
.bbtn-PUb:hover { background: transparent; color: #ab71d0;text-decoration: none;  }

.bbtn-BK { color: #fff; background: #4f4f4f; -webkit-transition: none; -moz-transition: none; transition: none;font-size: 110%;width: 100%; }
.bbtn-BK:active { top: 2px; }
.bbtn-BKb { border: 4px solid #4f4f4f; border-radius: 15px; }
.bbtn-BKb:hover { background: transparent; color: #4f4f4f;text-decoration: none;  }

.bbtn-YE { color: #fff; background: #f4aa34; -webkit-transition: none; -moz-transition: none; transition: none;font-size: 110%;width: 100%; }
.bbtn-YE:active { top: 2px; }
.bbtn-YEb { border: 4px solid #f4aa34; border-radius: 15px; }
.bbtn-YEb:hover { background: transparent; color: #f4aa34;text-decoration: none;  }

 }

/* ------------------------------
  PANEL STIRING
------------------------------ */

.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05) }
.panel-body { padding: 15px }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px }
.panel-heading>.dropdown .dropdown-toggle { color: inherit }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit }
.panel-title>a { color: inherit }
.panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.panel>.list-group { margin-bottom: 0 }
.panel>.list-group .list-group-item { border-width: 1px 0; border-radius: 0 }
.panel>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px }
.panel>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.list-group+.panel-footer, .panel-heading+.list-group .list-group-item:first-child { border-top-width: 0 }
.panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table { margin-bottom: 0 }
.panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child { border-top-left-radius: 3px }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child { border-top-right-radius: 3px }
.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px }
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive { border-top: 1px solid #ddd }
.panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th { border-top: 0 }
.panel>.table-bordered, .panel>.table-responsive>.table-bordered { border: 0 }
.panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 }
.panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 }
.panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th { border-bottom: 0 }
.table tr td, .table tr th { vertical-align: middle; }
@media screen and (max-width: 990px) { .table .sp-br {display: none;} }
.panel>.table-responsive { margin-bottom: 0; border: 0 }
.panel-group { margin-bottom: 20px }
.panel-group .panel { margin-bottom: 0; border-radius: 4px }
.panel-group .panel+.panel { margin-top: 5px }
.panel-group .panel-heading { border-bottom: 0 }
.panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd }
.panel-group .panel-footer { border-top: 0 }
.panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd }
.panel-default { border-color: #ddd }
.panel-default>.panel-heading { color: #333; background-color: #e5e5e5; border-color: #e5e5e5 }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #e5e5e5 }
.panel-default>.panel-heading .badge { color: #f5f5f5; background-color: #333 }
.panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #e5e5e5 }
.panel-primary { border-color: #4988D8 }
.panel-primary>.panel-heading { color: #fff; background-color: #4988d8; border-color: #4988d8 }
.panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #4988d8 }
.panel-primary>.panel-heading .badge { color: #428bca; background-color: #fff }
.panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #4988d8 }
.panel-success { border-color: #18b4b1 }
.panel-success>.panel-heading { color: #3c763d; background-color: #18b4b1; border-color: #18b4b1 }
.panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #18b4b1 }
.panel-success>.panel-heading .badge { color: #dff0d8; background-color: #3c763d }
.panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #18b4b1 }
.panel-info { border-color: #ab71d0 }
.panel-info>.panel-heading { color: #31708f; background-color: #ab71d0; border-color: #ab71d0 }
.panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ab71d0 }
.panel-info>.panel-heading .badge { color: #d9edf7; background-color: #31708f }
.panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ab71d0 }
.panel-warning { border-color: #f4aa34 }
.panel-warning>.panel-heading { color: #8a6d3b; background-color: #f4aa34; border-color: #f4aa34 }
.panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #faebcc }
.panel-warning>.panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b }
.panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #f4aa34 }
.panel-danger { border-color: #ef5f5f }
.panel-danger>.panel-heading { color: #a94442; background-color: #ef5f5f; border-color: #ef5f5f }
.panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ef5f5f }
.panel-danger>.panel-heading .badge { color: #ef5f5f; background-color: #a94442 }
.panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ef5f5f }
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden }
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 }
.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25% }
.embed-responsive.embed-responsive-4by3 { padding-bottom: 75% }
/* border-radius */
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well-lg { padding: 24px; border-radius: 6px; }
.well-sm { padding: 9px; border-radius: 3px; }
.table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse;
border-left: 0; border-radius: 4px; }
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border-right: none; border-bottom: none; }
.table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; }
.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { border-top-left-radius: 4px; }
.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { border-top-right-radius: 4px; }
.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { border-bottom-left-radius: 4px; }
.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { border-bottom-right-radius: 4px; }
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { border-bottom-left-radius: 0; }
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { border-bottom-right-radius: 0; }
.alert-info { background-color: #7CD1EF; border: medium none #4FC1E9; }
.alert-info { color: #31708F; background-color: #D9EDF7; border-color: #BCE8F1; }
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
*, *::after, *::before { box-sizing: border-box; }
/* ------------------------------
  PANEL STIRING
------------------------------ */
div.panel-title { font-size: 15px; line-height: 18px; font-weight: bold; color: #565656; }
table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
.table { width: 100%; margin-bottom: 20px; }
.table td { padding: 8px; line-height: 20px; text-align: center; vertical-align: top; border-top: 1px solid #ddd; }
.table th { padding: 8px; line-height: 20px; text-align: center; vertical-align: top; border-top: 1px solid #ddd; }
.table th { font-weight: bold; font-size: 100%; color: #4082D6; }
.table tr.red th { font-weight: bold; color: #ef5f5f; }
.table tr.RE th { font-weight: bold; color: #ef5f5f; }
.table tr.BL th { font-weight: bold; color: #4988d8; }
.table tr.purp th { font-weight: bold; color: #a168c6; }
.table tr.YE th { font-weight: bold; color: #eba22d; }
.table thead th { vertical-align: bottom; }
.table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; }
.table tbody+tbody { border-top: 2px solid #ddd; }
.table .table { background-color: #fff; }
.table-condensed th, .table-condensed td { padding: 4px 5px; }
.table tr td:first-child { font-weight: bold; }
/*.table tr td:last-child { font-weight: bold; }*/
.table tr.nobold td:last-child { font-weight: nomal; }
table.nobold td:last-child { font-weight: nomal; }
tbody>tr:nth-child(odd)>td { background-color: #f9f9f9; }
.spanman { float: left; width: 100px; margin-left: 5px; }
 @media (max-width: 768px) {
.table .titlesRow { display: none; }
.table { width: 100%; border-collapse: collapse; }
.table table { display: block; width: 100%; height: auto !important; }
.table tbody { display: block; width: 100%; max-width: 100%; height: auto !important; }
.table tr { display: block; width: 100%; height: auto !important; margin-bottom: 50px; }
.table td { text-align: left; padding: 10px 10px; display: block; width: 100%; height: auto !important; }
.table { display: block; width: 100%; height: auto !important; }
.table thead { display: none; }
.table tbody { display: block; width: 100%; max-width: 100%; height: auto !important; }
.table tbody tr { display: block; width: 100%; height: auto !important; margin-bottom: 20px; }
.table tbody th, .table tbody td { display: list-item; border: none; }
.table tbody th { margin-bottom: 5px; list-style-type: none; color: #5b94dc; background: #fff; }
.table tbody td { margin: 4px 0; padding: 10px 10px; list-style: none; text-align: left; }
tbody>tr:nth-child(odd)>td { background-color: #FFF; }
.table tr td:nth-child(1) { font-weight: bold; background-color: #444; color: #FFF; }
.table tr td { border-top: 1px solid #ddd; }
.table tr td:nth-child(2) { border-top: 0; }
.table .mdCell { padding: 4px 10px; background: #5b94dc; color: #FFF; font-size: 110%; font-weight: bold; margin-bottom: 6px; }
.table tbody td:nth-of-type(1):before { font-weight: bold; content: "料金プラン："; }
.table tbody td:nth-of-type(2):before { font-weight: bold; content: "基本料金："; }
.table tbody td:nth-of-type(3):before { font-weight: bold; content: "レンタル料金："; }
.table tbody td:nth-of-type(4):before { font-weight: bold; content: "通話料/30秒："; }
.table tbody td:nth-of-type(5):before { font-weight: bold; content: "無料通話："; }
.table tbody td:nth-of-type(6):before { font-weight: bold; content: "月額料金："; }
.table tbody.option td:nth-of-type(1):before { font-weight: bold; content: "オプション名："; }
.table tbody.option td:nth-of-type(2):before { font-weight: bold; content: "備考："; }
.table tbody.option td:nth-of-type(3):before { font-weight: bold; content: "月額料金："; }
table.shoki tr td:nth-child(1) { background-color: #FFF; color: #444; border-top: none; border-bottom: 1px solid #ddd; }
table.shoki { border-left: 1px solid #ddd; }
table.shoki tbody td:nth-of-type(1):before { font-weight: bold; content: "月額料金："; }
table.shoki tbody td:nth-of-type(2):before { font-weight: bold; content: "事務手数料："; }
table.shoki tbody td:nth-of-type(3):before { font-weight: bold; content: "SIMカード代金："; }
table.shoki tbody td:nth-of-type(4):before { font-weight: bold; content: "デポジット："; }
table.shoki tbody td:nth-of-type(5):before { font-weight: bold; content: "本体代："; }
table.iphs tr td:nth-child(1) { background-color: #FFF; color: #444; border-top: none; border-bottom: 1px solid #ddd; }
table.iphs { border-left: 1px solid #ddd; }
table.iphs tbody td:nth-of-type(1):before { font-weight: bold; content: ""; }
table.iphs tbody td:nth-of-type(2):before { font-weight: bold; content: "初期費用："; }
table.iphs tbody td:nth-of-type(3):before { font-weight: bold; content: "月額料金："; }
table.iphs tbody td:nth-of-type(4):before { font-weight: bold; content: "着信時の通話料："; }
table.iphs tbody td:nth-of-type(5):before { font-weight: bold; content: "発信時の通話料："; }
table.threecall tr td:nth-child(1) { background-color: #eee; color: #444; border-top: none; border-bottom: 1px solid #ddd; }
table.threecall { border-left: 1px solid #ddd; }
table.threecall tbody td:nth-of-type(1):before { font-weight: bold; content: ""; }
table.threecall tbody td:nth-of-type(2):before { font-weight: bold; content: "初期費用："; }
table.threecall tbody td:nth-of-type(3):before { font-weight: bold; content: "月額料金："; }
table.threecall tbody td:nth-of-type(4):before { font-weight: bold; content: "着信時の通話料："; }
table.threecall tbody td:nth-of-type(5):before { font-weight: bold; content: "発信時の通話料："; }
}
/* ------------------------------
  PANEL STIRING
------------------------------ */
.speech-bubble1 { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 100px; line-height: 15px; border: 1px solid #ddd; /* vertically center */ text-align: center; border-radius: 10px; font-family: sans-serif; display: inline-block; }
.speech-bubble { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 100px; line-height: 15px; border: 1px solid #ddd;/* vertically center */ text-align: center; border-radius: 6px; font-family: sans-serif; display: inline-block; margin-right: 8px; margin-right: 15px; margin-bottom: 15px; }
.speech-bubble:after { content: ''; position: absolute; width: 0; height: 0; border: 15px solid; }
.speech-bubble-top:after { border-bottom-color: #4988d8; left: 50%; bottom: 100%; margin-left: -15px; }
.speech-bubble-right:after { border-left-color: #4988d8; left: 100%; top: 50%; margin-top: -15px; }
.speech-bubble-bottom:after { border-top-color: #4988d8; top: 100%; left: 50%; margin-left: -15px; }
.speech-bubble-left:after { border-right-color: #4988d8; top: 50%; right: 100%; margin-top: -15px; }
/*title*/
.speech-bubble .sptitle, .speech-bubble1 .sptitle { font-size: 16px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; background-color: #4988d8; letter-spacing: 0.08em; padding: 5px 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.speech-bubble p { position: absolute; top: 50%; margin-top: -0.6em; }
.speech-bubble1 p { position: absolute; top: 50%; margin-top: -0.6em; }
.text { width: 100%; color: #4988d8; text-align: center; font-size: 14px; line-height: 21px; }
.textRE { width: 100%; color: #ef5f5f; text-align: center; font-size: 14px; line-height: 21px; }
.textBK { width: 100%; color: #414141; text-align: center; font-size: 14px; line-height: 21px; }
.textR { width: 100%; color: #ef5f5f; text-left: center; font-size: 14px; line-height: 21px; }
.text3 { width: 100%; color: #ef5f5f; text-align: left; font-size: 12px; line-height: 18px; padding: 5px 0; font-weight: bold; }
.text2 { width: 100%; color: #4988d8; text-align: left; font-size: 12px; line-height: 18px; padding: 5px 0; font-weight: bold; }
.speech-bubble2 { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 110px; line-height: 15px; border: 1px solid #ddd;/* vertically center */ text-align: center; border-radius: 6px; font-family: sans-serif; display: inline-block; margin-right: 8px; margin-right: 15px; }
.speech-bubble2:after { content: ''; position: absolute; width: 0; height: 0; border: 15px solid; }
.speech-bubble2-top:after { border-bottom-color: #4988d8; left: 50%; bottom: 100%; margin-left: -15px; }
.speech-bubble2-right:after { border-left-color: #4988d8; left: 100%; top: 50%; margin-top: -15px; }
.speech-bubble2-bottom:after { border-top-color: #4988d8; top: 100%; left: 50%; margin-left: -15px; }
.speech-bubble2-left:after { border-right-color: #4988d8; top: 50%; right: 100%; margin-top: -15px; }
/*title*/
.speech-bubble2 .sptitle, .speech-bubble2 .sptitle { font-size: 16px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; background-color: #4988d8; letter-spacing: 0.08em; padding: 5px 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.speech-bubble2 p { position: absolute; top: 40%; margin-top: -0.6em; }
p.text5 { position: absolute; top: 50%; margin-top: -0.6em; }
.speech-bubble22 p { position: absolute; top: 40%; margin-top: -0.6em; }
.speech-bubble22 { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 110px; line-height: 15px; border: 1px solid #ddd; /* vertically center */ text-align: center; border-radius: 10px; font-family: sans-serif; display: inline-block; }
.speech-bubble22 .sptitle, .speech-bubble2 .sptitle { font-size: 16px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; background-color: #4988d8; letter-spacing: 0.08em; padding: 5px 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
/* speech-bubble RE*/
.speech-bubbleRE1 { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 100px; line-height: 15px; border: 1px solid #ddd; /* vertically center */ text-align: center; border-radius: 10px; font-family: sans-serif; display: inline-block; }
.speech-bubbleRE { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 100px; line-height: 15px; border: 1px solid #ddd;/* vertically center */ text-align: center; border-radius: 6px; font-family: sans-serif; display: inline-block; margin-right: 8px; margin-right: 15px; }
.speech-bubbleRE:after { content: ''; position: absolute; width: 0; height: 0; border: 15px solid; }
.speech-bubbleRE-top:after { border-bottom-color: #ef5f5f; left: 50%; bottom: 100%; margin-left: -15px; }
.speech-bubbleRE-right:after { border-left-color: #ef5f5f; left: 100%; top: 50%; margin-top: -15px; }
.speech-bubbleRE-bottom:after { border-top-color: #ef5f5f; top: 100%; left: 50%; margin-left: -15px; }
.speech-bubbleRE-left:after { border-right-color: #ef5f5f; top: 50%; right: 100%; margin-top: -15px; }
/*title*/
.speech-bubbleRE .sptitle, .speech-bubbleRE1 .sptitle { font-size: 16px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; background-color: #ef5f5f; letter-spacing: 0.08em; padding: 5px 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.speech-bubbleRE p { position: absolute; top: 50%; margin-top: -0.6em; }
.speech-bubbleRE1 p { position: absolute; top: 50%; margin-top: -0.6em; }
.textRE { width: 100%; color: #ef5f5f; text-align: center; font-size: 14px; line-height: 21px; }
/* speech-bubble GR*/
.speech-bubbleGR1 { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 100px; line-height: 15px; border: 1px solid #ddd; /* vertically center */ text-align: center; border-radius: 10px; font-family: sans-serif; display: inline-block; }
.speech-bubbleGR { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 100px; line-height: 15px; border: 1px solid #ddd;/* vertically center */ text-align: center; border-radius: 6px; font-family: sans-serif; display: inline-block; margin-right: 8px; margin-right: 15px; }
.speech-bubbleGR:after { content: ''; position: absolute; width: 0; height: 0; border: 15px solid; }
.speech-bubbleGR-top:after { border-bottom-color: #5ab0ba; left: 50%; bottom: 100%; margin-left: -15px; }
.speech-bubbleGR-right:after { border-left-color: #5ab0ba; left: 100%; top: 50%; margin-top: -15px; }
.speech-bubbleGR-bottom:after { border-top-color: #5ab0ba; top: 100%; left: 50%; margin-left: -15px; }
.speech-bubbleGR-left:after { border-right-color: #5ab0ba; top: 50%; right: 100%; margin-top: -15px; }
/*title*/
.speech-bubbleGR .sptitle, .speech-bubbleGR1 .sptitle { font-size: 16px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; background-color: #5ab0ba; letter-spacing: 0.08em; padding: 5px 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.speech-bubbleGR p { position: absolute; top: 50%; margin-top: -0.6em; }
.speech-bubbleGR p { position: absolute; top: 50%; margin-top: -0.6em; }
.textGR { width: 100%; color: #5ab0ba; text-align: center; font-size: 14px; line-height: 21px; }
.wellBL { min-height: 20px; padding: 12px; margin-bottom: 20px; background-color: #4082D6; color: #fff; border: 1px solid #4082D6; font-weight: bold; text-align: center; font-size: 15px; line-height: 20px; }
.wellBL blockquote { border-color: #ddd; border-color: rgba(0,0,0,0.15); }
.wellBL-large { padding: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.wellBL-small { padding: 9px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.gmap label { width: auto; display: inline; }
.gmap img { max-width: none; max-height: none; }
.gmap { width: 100%; height: 300px; border: 3px solid #ffffff; margin: 18px 0 10px 0; }
ol.rounded-listRE { counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */ *list-style: decimal; /* Keep using default numbering for IE6/7 */
font: 15px 'trebuchet MS', 'lucida sans'; padding: 0; margin-bottom: 2em; }
ol.rounded-listRE ol { margin: 0 0 0 0; /* Add some left margin for inner lists */ }
.rounded-listRE a { position: relative; display: block; padding: .4em .4em .4em 2em; *padding: .4em;
margin: .5em 0; background: #f0f0f0; color: #444; text-decoration: none; border-radius: .3em; transition: all .3s ease-out; }
.rounded-listRE a:hover { background: #ddd; }
.rounded-listRE a:hover:before { transform: rotate(360deg); }
.rounded-listRE a:before { content: counter(li); counter-increment: li; position: absolute; left: -1.3em; top: 50%; margin-top: -1.3em; color: #fff; background: #ef5f5f; height: 2.5em; width: 2.5em; line-height: 2em; border: .3em solid #fff; text-align: center; font-weight: bold; border-radius: 2em; transition: all .3s ease-out; }
ol.rounded-listGR { counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */ *list-style: decimal; /* Keep using default numbering for IE6/7 */
font: 15px 'trebuchet MS', 'lucida sans'; padding: 0; margin-bottom: 2em; }
ol.rounded-listGR ol { margin: 0 0 0 0; /* Add some left margin for inner lists */ }
.rounded-listGR a { position: relative; display: block; padding: .4em .4em .4em 2em; *padding: .4em;
margin: .5em 0; background: #f0f0f0; color: #444; text-decoration: none; border-radius: .3em; transition: all .3s ease-out; }
.rounded-listGR a:hover { background: #ddd; }
.rounded-listGR a:hover:before { transform: rotate(360deg); }
.rounded-listGR a:before { content: counter(li); counter-increment: li; position: absolute; left: -1.3em; top: 50%; margin-top: -1.3em; color: #fff; background: #57C7C1; height: 2.5em; width: 2.5em; line-height: 2em; border: .3em solid #fff; text-align: center; font-weight: bold; border-radius: 2em; transition: all .3s ease-out; }
ul.news { margin: 0; }
ul.news li { list-style: none; }
ul.news li a { color: #4082D6; text-decoration: none; }
ul.news li a:hover { text-decoration: underline; }
.flexhdimg .slides img { max-width: 100%; height: auto; display: block; z-index: 210; }
.continue a { border: 1px solid #4988d8; color: #4988d8; cursor: pointer; display: inline-block; font-size: 12px; margin-top: 10px; padding: 4px 8px; position: relative; transition: all 0.3s linear 0s; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; behavior: url(js/PIE.htc); }
.continue a:hover { background: #4988d8; color: #fff; border: 1px solid #fff; transition: all 0.3s linear 0s; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; behavior: url(js/PIE.htc); }
h4.post-title { margin-bottom: 10px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 16px; line-height: 21px; font-weight: bold; }
h5.post-title { margin-bottom: 10px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 13px; line-height: 21px; font-weight: bold; }
.tagbtn { background: #888; color: #fff; cursor: pointer; display: inline-block; padding: 4px 8px; position: relative; transition: all 0.3s linear 0s; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; behavior: url(js/PIE.htc); }
/*.category { padding-left: 10px; }*/

.post_titleBL { color: #4988d8; font-size: 18px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 50px; margin: 0 5px 15px 0; padding: 0 0 0 60px; background: url("img/common/file2.png") no-repeat left 50%; }
.post_titleGL { color: #4f4f4f; font-size: 18px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 50px; margin: 0 5px 15px 0; padding: 0 0 0 60px; background: url("img/common/file2.png") no-repeat left 50%; }
.post_titleRE { color: #ef5f5f; font-size: 18px; line-height: 26px; display: table-cell; vertical-align: middle; width: 100%; height: 50px; margin: 0 5px 15px 0; padding: 0 0 0 60px; background: url("img/common/file2.png") no-repeat left 50%; }
/* CSS Document */
.blogpost { clear: both; margin-bottom: 60px; }
.blogpost h3 { margin-top: 0px; }
ul.order_details, #content .content ul.question_options, #content .content ul.vibe_filterable { list-style: outside none none; }
ul, ol { margin: 0px; padding: 0px; list-style: outside none none; }
ul, ol { list-style: outside none none; }
ul, ol { margin-top: 0px; margin-bottom: 10px; }
.cats a:hover { color: #78C8CE; }
a:hover, .author_desc .social li a:hover, .widget ul > li:hover > a, .course_students li > ul > li > a:hover, .widget .menu li.current-menu-item a, #buddypress a.primary, #buddypress a.secondary, .activity-inner a, .activity-read-more a, .unitattachments h4 span, .unitattachments li a::after, .noreviews a, .expand .minmax:hover, .connected_courses li a, #buddypress #item-body span.highlight a, #buddypress div#message-thread div.message-content a, .course_students li > ul > li > a:hover, .quiz_students li > ul > li > a:hover, .assignment_students li > ul > li > a:hover, .widget ul li:hover > a, .widget ul li.current-cat a, .quiz_timeline li:hover a a:hover { color: #78C8CE; text-decoration: none; transition: all 0.2s ease-in-out 0s; }
a, a:hover, a:focus, a:active { text-decoration: none; outline: medium none; }
/* CSS Document */
#content .content ol, #content .content ul, .main_unit_content ul, .small_desc ul, .wpb_text_column ul, .bbpress #content .content .bbp-reply-content ol, .bbpress #content .content .bbp-reply-content ul { list-style: outside none disc; margin-left: 15px; }
.content .cats ul, .cats ul { float: left; list-style: outside none none; }
.content ul:not([class]) { list-style: outside none disc; margin-left: 15px; }
#content .content .cats ul, #content .content .tags ul, #content .content ul.grid, #content .content ul.order_details, #content .content ul.question_options, #content .content ul.vibe_filterable { list-style: outside none none; }
#content .content ol, #content .content ul, .main_unit_content ul, .small_desc ul, .wpb_text_column ul, .bbpress #content .content .bbp-reply-content ol, .bbpress #content .content .bbp-reply-content ul { list-style: outside none disc; }
/* CSS Document */


.meta { float: left; text-align: right; font-size: 14px; border-right: 1px solid #EFEFEF; }
.meta, .meta a { color: #999; }
.meta { text-align: right; font-size: 14px; }
.meta { text-align: right; }
.meta .date { margin: 0px; }
.meta .date .day { font-size: 48px; font-weight: 700; margin: 0px; opacity: 0.4; line-height: 1; padding: 0px 10px 10px 0px; }
.meta .date .month { padding: 10px 10px 0px 0px; margin: 0px; text-transform: uppercase; font-weight: 600; border-top: 1px solid #EFEFEF; font-size: 12px; letter-spacing: 2px; }
.excerpt .cats { padding: 4px 0px; margin: 4px 0px 10px; border-top: 1px dotted #EFEFEF; border-bottom: 1px dotted #EFEFEF; }
/* CSS Document */

/*.skepost-meta { margin-bottom: 10px; }
.skepost-meta i { color: #777; border:solid 1px #CCC; }*/
.skepost .continue { text-align: right; }
.date { font-size: 10px; color: #888; font-weight: 700; }
.cat { font-size: 10px; color: #888; font-weight: 700; }
.categ { font-size: 10px; color: #888; font-weight: 700; }
.tagt { font-size: 10px; color: #888; font-weight: 700; }
.tags { font-size: 10px; color: #888; font-weight: 700; }
.dTL { font-size: 10px; /*text-transform: uppercase; */ font-weight: 700; color: #444; }
.cTL { font-size: 10px; /*text-transform: uppercase;*/ font-weight: 700; color: #444; }
.tTL { font-size: 10px; /*text-transform: uppercase;*/ font-weight: 700; color: #444; }
.skepost-meta { margin-bottom: 10px; }
.pull-right { float: right; }
.searchleft{ float: left; width: 70%;  }
.searchright { float: right; width: 25%;}

.button a:hover { color: #4988d8; background: none repeat scroll 0% 0% #fff; }
.button a:hover { color: #4988d8; text-decoration: none; border: solid 1px #CCC; }
.button a { color: #fff; background: #4988d8;/*border:solid 1px #4988d8;*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; behavior: url(./js/PIE.htc); }
.skepost-meta { border-top: solid 1px #eee; border-bottom: solid 1px #eee; padding: 3px 0; }
.wellBL { min-height: 20px; padding: 12px; margin-bottom: 20px; background-color: #4082D6; color: #fff; border: 1px solid #4082D6; font-weight: bold; text-align: center; font-size: 15px; line-height: 20px; }
.wellBL blockquote { border-color: #ddd; border-color: rgba(0,0,0,0.15); }
.wellBL-large { padding: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.wellBL-small { padding: 9px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.pull-right a:hover,.pull-left a:hover{ background: #659ade; }
/*title*/
.speech-bubble .sptitle, .speech-bubble1 .sptitle { font-size: 16px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; background-color: #4988d8; letter-spacing: 0.08em; padding: 5px 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.speech-bubble p { position: absolute; top: 50%; margin-top: -0.6em; }
.speech-bubble1 p { position: absolute; top: 50%; margin-top: -0.6em; }
.text { width: 100%; color: #4988d8; text-align: center; font-size: 14px; line-height: 21px; }
/* speech-bubble RE*/
.speech-bubbleRE1 { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 100px; line-height: 15px; border: 1px solid #ddd; /* vertically center */ text-align: center; border-radius: 10px; font-family: sans-serif; display: inline-block; }
.speech-bubbleRE { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 100px; line-height: 15px; border: 1px solid #ddd;/* vertically center */ text-align: center; border-radius: 6px; font-family: sans-serif; display: inline-block; margin-right: 8px; margin-right: 15px; }
.speech-bubbleRE:after { content: ''; position: absolute; width: 0; height: 0; border: 15px solid; }
.speech-bubbleRE-top:after { border-bottom-color: #ef5f5f; left: 50%; bottom: 100%; margin-left: -15px; }
.speech-bubbleRE-right:after { border-left-color: #ef5f5f; left: 100%; top: 50%; margin-top: -15px; }
.speech-bubbleRE-bottom:after { border-top-color: #ef5f5f; top: 100%; left: 50%; margin-left: -15px; }
.speech-bubbleRE-left:after { border-right-color: #ef5f5f; top: 50%; right: 100%; margin-top: -15px; }
/*title*/
.speech-bubbleRE .sptitle, .speech-bubbleRE1 .sptitle { font-size: 16px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; background-color: #ef5f5f; letter-spacing: 0.08em; padding: 5px 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.speech-bubbleRE p { position: absolute; top: 50%; margin-top: -0.6em; }
.speech-bubbleRE1 p { position: absolute; top: 50%; margin-top: -0.6em; }
.textRE { width: 100%; color: #ef5f5f; text-align: center; font-size: 14px; line-height: 21px; }
/* speech-bubble GR*/
.speech-bubbleGR1 { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 100px; line-height: 15px; border: 1px solid #ddd; /* vertically center */ text-align: center; border-radius: 10px; font-family: sans-serif; display: inline-block; }
.speech-bubbleGR { position: relative; color: #fff; background-color: #fafafa; width: 180px; height: 100px; line-height: 15px; border: 1px solid #ddd;/* vertically center */ text-align: center; border-radius: 6px; font-family: sans-serif; display: inline-block; margin-right: 8px; margin-right: 15px; }
.speech-bubbleGR:after { content: ''; position: absolute; width: 0; height: 0; border: 15px solid; }
.speech-bubbleGR-top:after { border-bottom-color: #5ab0ba; left: 50%; bottom: 100%; margin-left: -15px; }
.speech-bubbleGR-right:after { border-left-color: #5ab0ba; left: 100%; top: 50%; margin-top: -15px; }
.speech-bubbleGR-bottom:after { border-top-color: #5ab0ba; top: 100%; left: 50%; margin-left: -15px; }
.speech-bubbleGR-left:after { border-right-color: #5ab0ba; top: 50%; right: 100%; margin-top: -15px; }
/*title*/
.speech-bubbleGR .sptitle, .speech-bubbleGR1 .sptitle { font-size: 16px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; background-color: #5ab0ba; letter-spacing: 0.08em; padding: 5px 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.speech-bubbleGR p { position: absolute; top: 50%; margin-top: -0.6em; }
.speech-bubbleGR p { position: absolute; top: 50%; margin-top: -0.6em; }
.textGR { width: 100%; color: #5ab0ba; text-align: center; font-size: 14px; line-height: 21px; }
.tidate { padding: 3px 10px; display: block; font-size: 16px; font-weight: bold; margin-bottom: 0px; border-bottom: 2px solid #4082d6; color: #4082d6; background: #fafafa; }
.flowbox { margin-bottom: 0; font-size: 13px; border: 1px solid #eee; border-top: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.flowbox .sptitle { text-align: center; font-size: 18px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; background-color: #5ABCB6; letter-spacing: 0.08em; padding: 5px 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.flowbox .ctext { width: 100%; color: #555; text-align: left; font-size: 13px; line-height: 21px; padding: 5px 15px 10px 15px; }
.flowbox .ctext h6 { color: #1E9E9C; font-size: 14px; padding: 0; font-weight: bold; }
 @media (max-width: 480px) {
.speech-bubble, .speech-bubble1, .speech-bubble2, .speech-bubble22, .speech-bubbleRE, .speech-bubbleRE1, .speech-bubbleGR, .speech-bubbleGR1 { width: 100%; margin-bottom: 10px; }
.speech-bubble-right:after, .speech-bubble2-right:after,  .speech-bubbleRE-right:after, .speech-bubbleGR-right:after { display: none; }

}
.mmboxPU strong { color: #a168c6; }
.mmboxPU { padding: 15px; margin-top: 15px; margin-bottom: 20px; border: 1px solid #a168c6; border-radius: 4px; background-color: #f6effb; }
.panel>.table-responsive { margin-bottom: 0; border: 0 }
.panel-group { margin-bottom: 20px }
.panel-group .panel { margin-bottom: 0; border-radius: 4px }
.panel-group .panel+.panel { margin-top: 5px }
.panel-group .panel-heading { border-bottom: 0 }
.panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd }
.panel-group .panel-footer { border-top: 0 }
.panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd }
.panel-default { border-color: #ddd }
.panel-default>.panel-heading { color: #333; background-color: #e5e5e5; border-color: #e5e5e5 }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #e5e5e5 }
.panel-default>.panel-heading .badge { color: #f5f5f5; background-color: #333 }
.panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #e5e5e5 }
.panel-primary { border-color: #4988D8 }
.panel-primary>.panel-heading { color: #fff; background-color: #4988d8; border-color: #4988d8 }
.panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #4988d8 }
.panel-primary>.panel-heading .badge { color: #428bca; background-color: #fff }
.panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #4988d8 }
.panel-success { border-color: #18b4b1 }
.panel-success>.panel-heading { color: #3c763d; background-color: #18b4b1; border-color: #18b4b1 }
.panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #18b4b1 }
.panel-success>.panel-heading .badge { color: #dff0d8; background-color: #3c763d }
.panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #18b4b1 }
.panel-info { border-color: #ab71d0 }
.panel-info>.panel-heading { color: #31708f; background-color: #ab71d0; border-color: #ab71d0 }
.panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ab71d0 }
.panel-info>.panel-heading .badge { color: #d9edf7; background-color: #31708f }
.panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ab71d0 }
.panel-warning { border-color: #f4aa34 }
.panel-warning>.panel-heading { color: #8a6d3b; background-color: #f4aa34; border-color: #f4aa34 }
.panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #faebcc }
.panel-warning>.panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b }
.panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #f4aa34 }
.panel-danger { border-color: #ef5f5f }
.panel-danger>.panel-heading { color: #a94442; background-color: #ef5f5f; border-color: #ef5f5f }
.panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ef5f5f }
.panel-danger>.panel-heading .badge { color: #ef5f5f; background-color: #a94442 }
.panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ef5f5f }
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden }
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 }
.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25% }
.embed-responsive.embed-responsive-4by3 { padding-bottom: 75% }
.svtitle { padding: 6px 10px; display: block; font-weight: bold; font-size: 14px; margin-bottom: 0px; color: #444; background: #dde7f4; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.svtitle2 { padding: 6px 10px; display: block; font-size: 14px; margin-bottom: 0px; color: #fff; background: #4082d6; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.timatter h6 { color: #4082d6; font-size: 15px; padding: 0; font-weight: bold; }
.timatter h5 { color: #1aa29a; font-size: 15px; padding: 0; font-weight: bold; }
.timatter { padding: 5px 10px 10px 10px; margin-bottom: 0; font-size: 13px; border: 1px solid #eee; border-top: 0px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.trarrow { text-align: center; padding: 0 10px; margin-bottom: 0; }
.trarrow2 { text-align: center; padding: 0 10px; margin: 14px 0; }
#content h2 { text-transform: uppercase; letter-spacing: 1px; font-weight: bold; outline: medium none; position: relative; font-size: 110%; width: 100%; color: #4988D8; text-decoration: none; border: 3px solid #4988D8; padding-left: 20px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; behavior: url(./js/PIE.htc); }
#content h2:hover { color: #FFF; background: none repeat scroll 0% 0% #4988D8; transition: none 0s ease 0s; }
#content h2.res { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: medium none; position: relative; font-size: 110%; width: 100%; color: #fff; text-decoration: none; background: none repeat scroll 0% 0% #4988D8; border: 3px solid #4988D8; padding-left: 20px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; behavior: url(./js/PIE.htc); }
#content h2:hover.res { color: #4988D8; background: none repeat scroll 0% 0% #fff; transition: none 0s ease 0s; }
#tagbox h2 { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: medium none; position: relative; font-size: 110%; width: 100%; color: #fff; text-decoration: none; background: #4988D8; border: 3px solid #4988D8; padding-left: 20px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; behavior: url(./js/PIE.htc); }
#tagbox h2:hover { color: #4988D8; background: #fff; transition: none 0s ease 0s; }
.borderhed { /*background: url("../img/dots.") repeat;*/ height: 5px; margin: 10px 0 !important; }
.postitle { font-size: 13px; line-height: 21px; font-weight: bold; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix { *zoom:1;
}
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clearfix { zoom: 100%; }
#sidebar ul.tag li { padding: 0 0 10px 0; list-style: none; margin: 0; }
#sidebar ul li a.tagbtn { font-family: 'Lato', sans-serif; font-weight: 400; color: #fff; background: #555; font-size: 14px; line-height: 32px; text-decoration: none; letter-spacing: 1px; padding: 8px 12px; margin: 0 10px 10px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; behavior: url(js/PIE.htc); }
#sidebar ul li a.tagbtn:hover { color: #fff; text-decoration: none; background: #777; }
.tagcloud { overflow: hidden; padding: 0; }
.tagcloud a { float: left; display: block; background: #fff; color: #4988d8; line-height: 100%; border:solid 1px #4988d8;  text-decoration: none; font-weight: 400; font-size: 11px; padding: 10px 15px; margin: 0 5px 5px 0; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.tagcloud a:hover { background: #4988d8; color: #fff; }
#tagcloudbox .tagcloud { overflow: hidden; padding: 0; }
#tagcloudbox .tagcloud a { float: left; display: block; background: #fff; line-height: 180%; color: #4988d8; border: solid 1px #4988d8; text-decoration: none; font-weight: 400; padding: 10px 15px; margin: 0 10px 10px 0; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
#tagcloudbox .tagcloud a:hover { background: #4988d8; color: #fff; }
#tagcloudbox { overflow: hidden; padding: 0; font-size: 12px !important; }
#tagcloudbox a { float: left; display: block; background: #fff; line-height: 180%; color: #4988d8; border: solid 1px #4988d8; text-decoration: none; font-weight: 400; padding: 10px 15px; margin: 0 10px 10px 0; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 12px !important; }
#tagcloudbox a:hover { background: #4988d8; color: #fff; text-decoration: none; font-size: 12px !important; }


/* Form */


.form { margin: 20px 0px; margin-bottom: 0px; }
.form-horizontal input[type="text"], .form-horizontal input[type="password"], .form-horizontal textarea { width: 90%; }
.form-horizontal .control-label { width: 80px; }
.form-horizontal .controls { margin-left: 100px; }
.form-horizontal .controls:first-child { *padding-left: 100px;
}
.form-horizontal .form-actions { padding-left: 100px; }
.form-actions { padding: 10px 20px 11px; background: transparent; border-top: 0px; }
/* Button */

.button a, .button a:visited { color: #fff; font-size: 13px; line-height: 20px; display: inline-block; padding: 5px 8px; margin-top: 3px; }
.button a:hover { color: #fff; text-decoration: none; }
/* Form */
form { letter-spacing: 0.05em; background-color: transparent; }
fieldset { padding: 0px; margin: 0px; border: 0px none; }
legend { display: block; width: 100%; padding: 0px; margin-bottom: 10px; color: #555454; border-width: 0px 0px 1px; border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color rgb(229, 229, 229); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
input { width: 100%; min-width: 200px; /* レスポンシブの場合の対策 */ box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
textarea { width: 100%; min-width: 200px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
input[type="text"] { height: 22px; font-size: 14px; line-height: 32px; }
input[type="submit"] { width: 100%;min-width: 60px; /*送信ボタンの幅を指定*/ }
input[type="submit"] { display: inline-block; padding: 6px 20px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 20px;  text-align: center; white-space: nowrap; margin:8px 0 8px 0;
vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius:3px; }
input[type="submit"] { color: #fff; background-color: #ef5f5f; border-color: #ef5f5f; }
input[type="submit"]:hover{ color: #fff; background-color: #d24d4d; border-color: #d24d4d;text-decoration: none; }

input[type="text"], input[type="tel"], input[type="email"] { width: 100%; min-width: 200px; height: 32px; font-size: 14px; line-height: 32px; border: solid 1px #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; behavior: url(./js/PIE.htc); }
select { width: 100%; min-width: 200px; border: 1px solid #BBB; background-color: #FFF; height: 32px; font-size: 14px; line-height: 32px; }


#searchform .searchleft input {width: 210px; /* レスポンシブの場合の対策 */ box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#searchform input[type="text"] { width: 210px;height: 32px; font-size: 14px; line-height: 32px;  margin-top: 10px; }
#searchform input[type="submit"] { width: 60px; /*送信ボタンの幅を指定*/ }
#searchform input[type="submit"] { display: inline-block; padding: 6px 10px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 20px;  text-align: center; white-space: nowrap; margin:8px 0 8px 0;
vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius:3px; }
#searchform input[type="submit"] { color: #fff; background-color: #ef5f5f; border-color: #ef5f5f; }
#searchform input[type="submit"]:hover{ color: #fff; background-color: #d24d4d; border-color: #d24d4d;text-decoration: none; }


/*補足）チェックボックスをCSSで大きくする記述例*/
input[type="checkbox"] { -webkit-appearance: none; position: relative; margin-right: 5px; border-radius: 8px; border: 2px solid #4c4c4c; -webkit-box-sizing: border-box; width: 20px; height: 20px; background: #ffffff; }
/* チェック時は背景色を変更 */
input[type="checkbox"]:checked { background: #9FB9D3; }
h2.404title { font-size: 30px; line-height: 40px; color: #4988d8; }
.stepTitle4 { font-size: 15px; line-height: 18px; margin-bottom: 10px; font-weight: nomal; border-left: 4px solid #4988d8; margin-left: 0; padding-left: 8px; letter-spacing: 0.0.5em; text-align: left; }
ul.privcyST li { list-style-type: none; font-size: 13px; line-height: 20px; margin: 10px 0; }
ul.privcyST li { position: relative; width: 100%; color: #222; text-decoration: none; background: #f6f6f6; margin: 10px 0; padding: 12px 25px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; behavior: url(./js/PIE.htc); }
ul.kiyakuST li { list-style-type: none; font-size: 13px; line-height: 20px; margin: 10px 0; }
ul.kiyakuST li { position: relative; width: 100%; color: #222; text-decoration: none; background: #eee;/* border: 2px solid #4988D8;*/ margin: 10px 0; padding: 12px 25px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; behavior: url(./js/PIE.htc); }
img { max-width: 100%; height: auto; }

.attent { color: #fff; font-size: 10px; padding: 2px; background: #ff8080; color: #fff; margin: 3px; font-weight: bold; }

ul { list-style: none; }
ul#nav3 { height: 30px;  margin: 30px 0; }
ul#nav3 li { font-size: 12px; font-weight: bold; float: right; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
ul#nav3 li:hover { -webkit-transform: scale( 1.3 ); -moz-transform: scale( 1.3 ); -o-transform: scale( 1.3 ); }
ul#nav3 li a { width: auto; padding: 0 5px; text-decoration: none; color: #fff; height: auto; display: table-cell; text-align: center; vertical-align: middle; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; font-weight: bold; }
ul li.b1 a { background: #1b1b1b; border: solid 2px #ee5454; }
ul li.b2 a { background: #1b1b1b; border: solid 2px #4082d6; }
.mag { padding: 5px 0; }

.hmeta2 { color: #fff; font-size: 12px; text-align: right; padding: 20px 0 0 0; }
.hmeta3 { color: #fff; font-size: 12px; text-align: right; }
@media (max-width: 480px) {
.hmeta2 { color: #fff; font-size: 12px; text-align: center; padding: 5px 0 5px 0; }
ul#nav3 { display: none;  }
}
@media(max-width:767px) {
ul#nav3 { display: none;  }
}
.formwaper { position: relative;  margin:0 10px; }
.formwaper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.iframeWrap {width: 100%;text-align: center;}
.iframeWrap iframe  {max-width: 600px; width: 100%;margin: 0 auto;text-align: left;}



/*
 simulation
 Auther : SE GARDEN MINAMIBOSO
*/
header .container {
  max-width: 100%;
}


.simulationTab,
.contactTab {
  width: 50%;
  line-height: 2.5em;
  font-size: 1.25em;
  color: #ffffff;
  text-align: center;
  float: left;
}
.simulationTab {
  background: #4082d6
}
.simulationTab a {
  display: block;
  color: #ffffff;
}
.simulationTab a:hover {
  text-decoration: underline;
}
.contactTab {
  background: #ee5454;
}
.contactTab a {
  display: block;
  color: #ffffff;
}
.contactTab a:hover {
  text-decoration: underline;
}

.boxBL .textbox label {
  display: inline;
}
.boxBL .textbox .w_box {
  background: #FFF;
  border: 1px solid #CCC;
  border-top: 0;
  padding: 10px;
}
.boxBL .textbox h3 {
  margin:20px 0 5px;
  font-size:120%;
  color:#36A77C;
}
.boxBL .textbox h3.sm {
  padding: 10px;
  font-size: 120%;
  background: #7BBBE1;
  color: #FFF;
  margin: 0px;
}
.boxBL .textbox .choice .w_box input[type="radio"], input[type="checkbox"] {
  width: 20px;
  min-width: 15px;
}
.textbox_simulation .choice .w_box input[type="radio"], input[type="checkbox"] {
  width: 20px;
  min-width: 15px;
}
.boxBL .textbox .choice .w_box label {
  line-height: 20px;
}
#price input[type="text"] {
  width: 100px;
  min-width: 80px;
}
.boxBL .textbox .choice {
  padding: 10px 0 0 0;
}
.boxBL .textbox .button {
  text-align: center;
}
.boxBL .textbox .w_box p.margin {
  margin: 10px 0 0 0;
}
.boxBL .textbox .w_box .contractual_coverage {
  margin: 10px 0 10px 0;
}
.contractual_coverage span .checks {
  border: 1px solid #ccc;
  width: initial;
  outline: initial;
  vertical-align: top;
}

/*
　料金プラン契約例css
　Auther : SE GARDEN MINAMIBOSO
*/
.feePlanHead {
margin-top:10px;
/*background-color: #fcd;*/
}
.kakePack{
float: left;
height: auto;
width: 62%;
}
.pakePack {
float: right;
height: auto;
width: 30%;
}
table.kakePack {
width:100%;
border-collapse: separate;
border: 4px #ef5f5f solid;
padding: 0;
border-radius: 10px;
text-align: center;
}
table.kakePack thead tr th{
background-color: #ef5f5f;
color: #fff;
font-size: 120%;
padding: 8px;
}
table.kakePack tbody {
border-spacing: 2px;
}
table.kakePack tbody th:FIRST-CHILD,
table.kakePack tbody td:FIRST-CHILD {
max-width: 110px;

}
table.kakePack
tbody tr:first-child th:nth-of-type(2){
border: 1px #ddd solid;
font-weight: 800;
}
table.kakePack
tbody tr th:nth-of-type(2){
border-left: 1px #ddd solid;
font-weight: 800;
background-color: #fff0f5;
}
table.kakePack
tbody tr:nth-of-type(2) th:nth-of-type(3){
border-right: 1px #ddd solid;
font-weight: 800;
background-color: #fff0f5;
}
table.kakePack
tbody tr:nth-of-type(3) td:first-child{
background-color: #F4AA34;
border: 3px #fff solid;
color: #fff;
font-weight: 800;
}
table.kakePack
tbody tr:nth-of-type(4) td:first-child{
background-color: #4988D8;
border: 3px #fff solid;
color: #fff;
font-size:110%;
font-weight: 800;
}
table.kakePack  tbody tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
table.kakePack  tbody tr:last-child td:last-child {
border-radius: 0 0 10px 0;
}
table.kakePack tbody th {
vertical-align:middle;
font-size: 85%;
color: #4082D6;
}
table.kakePack tbody th,
table.kakePack tbody td {
vertical-align:middle;
padding: 5px 3px;
}

table.pakePack {
border-collapse: separate;
border: 4px #1e9e9c solid;
border-radius: 10px;
padding: 0;
width:100%;
}
table.pakePack thead tr th{
background-color: #1e9e9c;
color: #fff;
font-size: 120%;
padding: 8px;
}
table.pakePack tbody th{
color: #4082D6;
}

table.pakePack tbody th,
table.pakePack tbody td {
vertical-align: middle;
text-align: center;
padding: 5px 5px;
}
table.pakePack  tbody tr:last-child td {
border-radius: 0 0 10px 10px;
text-align: left;
font-size: 75%;
}

table.kakePack th,
table.kakePack td,
table.pakePack th,
table.pakePack td {
border-bottom: 1px #eee solid;
}
.andImg {
float: left;
height: auto;
text-align: center;
font-size: 200%;
font-weight:900;
width: 8%;
margin-top:120px;
}
tbody > tr:nth-child(2n) > td {
/*  background-color: #F9F9F9; */
background-color: #f0f8ff;
}

.planExample {
margin: 30px auto 10px;
}
.plan_ex01 {
text-align: center;
padding: 5px;
border: 4px #F4AA34 solid;
background-color:#F4AA34;
color:#fff;
font-size: 120%;
font-weight:900;
border-radius: 10px 10px 0 0 ;
}
.plan_ex02 {
text-align: center;
padding: 5px;
border-left: 4px #F4AA34 solid;
border-right: 4px #F4AA34 solid;
border-bottom: 4px #F4AA34 solid;
border-radius: 0 0 10px 10px;
}
.plan_ex02 table tr th {
font-size: 150%;
padding: 15px;
}
.plan_ex02_left,
.plan_ex02_right {
margin: 5px;
width:47%;
}
.plan_ex02_left {
float: left;
}
.plan_ex02_right {
float: right;
}
.plan_ex02_left table,
.plan_ex02_right table {
border: 1px #ddd solid;
width: 100%;
}
.plan_ex02_left .kakeho1 {
background-color: #EF5F5F;
font-weight: 800;
color: #fff;
}
.plan_ex02_left .kakeho1 span{
font-size:120%;
}
.plan_ex02_left .pake1 {
background-color: #1E9E9C;
font-weight: 800;
color: #fff;
}
.plan_ex02_left .total1 span {
font-size: 80%;
padding: 2px;
border: 1px #aaa solid;
}
.plan_ex02_left .total1 p {
font-size: 150%;
font-weight: 800;
}

.plan_ex02_left .nextTotal1 td:nth-of-type(1) {
vertical-align: bottom;
padding-top: 25px;
padding-bottom: 5px;
font-size: 150%;
font-weight: 800;
border-bottom: 3px #EF5F5F dotted;
}
.plan_ex02_left .nextTotal2 td:nth-of-type(1) {
font-size: 150%;
}
.plan_ex02_left .nextTotal2 p {
font-size:160%;
font-weight:800;
color: #0000cd;
padding: 8px;
}


.plan_ex02_right .kakeho1 {
background-color: #4988D8;
font-weight: 800;
color: #fff;
}
.plan_ex02_right .kakeho1 span{
font-size:120%;
}
.plan_ex02_right .pake1 {
background-color: #1E9E9C;
font-weight: 800;
color: #fff;
}
.plan_ex02_right .total1 span {
font-size: 80%;
padding: 2px;
border: 1px #aaa solid;
}
.plan_ex02_right .total1 p {
font-size: 150%;
font-weight: 800;
}

.plan_ex02_right .nextTotal1 td:nth-of-type(1) {
vertical-align: bottom;
padding-top: 25px;
padding-bottom: 5px;
font-size: 150%;
font-weight: 800;
border-bottom: 3px #4988D8 dotted;
}
.plan_ex02_right .nextTotal2 td:nth-of-type(1) {
font-size: 150%;
}
.plan_ex02_right .nextTotal2 p {
font-size:160%;
font-weight:800;
color: #0000cd;
padding: 8px;
}

@media (max-width: 480px) {
.planbox {
padding: 5px;
}
.kakePack,
.andImg,
.pakePack {
float: none;
margin: 10px auto;
width: 100%;
}
.andImg {
text-align: center;
font-size: 200%;
width: 100%;
}
table.kakePack {
border-collapse: separate;
border: 4px #ef5f5f solid;
padding: 0;
}
table.kakePack thead tr th{
background-color: #ef5f5f;
color: #fff;
font-size: 100%;
}
table.kakePack{
border-radius: 10px;
}
table.kakePack  tbody tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
table.kakePack  tbody tr:last-child td:last-child {
border-radius: 0 0 10px 0;
}
table.kakePack tbody th {
vertical-align:middle;
font-size: 85%;
}
table.kakePack tbody td {
vertical-align:middle;
padding: 16px 10px;
}
table.pakePack {
border-collapse: separate;
border: 4px #1e9e9c solid;
padding: 0;
}
table.pakePack thead tr th{
background-color: #1e9e9c;
color: #fff;
font-size: 100%;
}
table.pakePack{
border-radius: 10px;
}
table.pakePack  tbody tr:last-child td {
border-radius: 0 0 10px 10px;
text-align: left;
font-size: 75%;
}
table.pakePack tbody th,
table.pakePack tbody td {
vertical-align: middle;
padding: 10px 30px;
}
.plan_ex02_left,
.plan_ex02_right {
margin: 8px auto;
width:100%;
}
.plan_ex02_left {
float: none;
}
.plan_ex02_right {
float: none;
}

}

.overflow_h {
  overflow: hidden;
  zoom: 1;  /* IE6,7対策 */
}

.ap_bt img{
  margin-top: 30px;
}





/*
レンタル携帯お支払いシミュレーション
*/

#sm_all .textbox .choice,#sm_all .textbox_simulation .choice {
  padding: 40px 0 0 0;
  overflow: hidden;
  margin-bottom: 40px;
  border-top: 1px solid #ddd;
}

#sm_all .textbox .choice:first-child,#sm_all .textbox_simulation .choice:first-child {
  border-top: none;
}

#sm_all .textbox h3.sm,#sm_all .textbox_simulation h3.sm {
  padding: 40px;
  font-size: 14px;
  color: #333;
  margin: 0px;
  width: 32%;
  float: left;
  display: inline-block;
  background: none;
  padding: 0;
}

#sm_all .textbox .w_box {
  background: #fff;
  border: none !important;
  padding: 0;
  width: 60%;
  float: right;
  border: none;
}
#sm_all .textbox_simulation .w_box {
  background: #fff;
  border: none !important;
  padding: 0;
  width: 60%;
  float: right;
  border: none;
}

#sm_all .hissu_icon {
  background: url(img/common/hissu.) no-repeat right center !important;
  padding-left: 35px;
  font-size: 25px;
  height: 30px;
}

#sm_all .textbox .choice .w_box label {
  display: block;
  margin-left: 1.3rem;
  text-indent:-1.6rem;
}

.sm_input {
  color: #fff;
  background-color: #ef5f5f;
  border: none;
  border-radius: 3px;
  padding: 20px;
  font-size:24px;
  font-weight: bold;
}

.sm_input:hover {
  background-color: #d24d4d;
}

@media (max-width: 640px) {

  #sm_all .textbox h3.sm {
    padding: 0;
    width: 100%;
    float: none;
  }

  #sm_all .textbox .w_box {
    background: #fff;
    border: none !important;
    padding: 10px 10px 10px 18px;
    width: 100%;
    float: none;
  }
}

/*
フォーム
*/

.boxBL .textbox .w_box {
  background: #fff;
  border: none !important;
  padding: 10px;
}

.m_top_40 {
  margin: 60px 0 10px !important;
}

.contractual_coverage span .checks {
  width: 100%;
}

#enter {
  cursor: pointer;
}

.w_box label input {
  vertical-align: -2px;
  margin-right: 6px;
}

.n_h3_1 {
  background-image: url("img/top/u_img1.png");
  background-size: 27px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 34px;
  color: #4988D8 !important;
  font-weight: bold !important;
  margin-top: 36px !important;
}

.n_h3_2 {
  background-image: url("img/top/u_img2.png");
  background-size: 27px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 34px;
  color: #4988D8 !important;
  font-weight: bold !important;
}

.n_h3_3 {
  background-image: url("img/top/u_img3.png");
  background-size: 27px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 34px;
  color: #4988D8 !important;
  font-weight: bold !important;
}

.n_h3_4 {
  background-image: url("img/top/u_img4.png");
  background-size: 27px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 34px;
  color: #4988D8 !important;
  font-weight: bold !important;
}

.n_h3_5 {
  background-image: url("img/top/u_img5.png");
  background-size: 27px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 34px;
  color: #4988D8 !important;
  font-weight: bold !important;
}

.n_h3_6 {
  background-image: url("img/top/u_img6.png");
  background-size: 27px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 34px;
  color: #4988D8 !important;
  font-weight: bold !important;
}

.n_h3_7 {
  background-image: url("img/top/u_img7.png");
  background-size: 27px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 34px;
  color: #4988D8 !important;
  font-weight: bold !important;
}

.n_h3_8 {
  background-image: url("img/top/u_img8.png");
  background-size: 27px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 34px;
  color: #4988D8 !important;
  font-weight: bold !important;
}

.n_h3_9 {
  background-image: url("img/top/u_img9.png");
  background-size: 27px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 34px;
  color: #4988D8 !important;
  font-weight: bold !important;
}

.n_p {
  background: #F2F5F7;
  padding: 20px;
  margin-bottom: 36px;
}

/*--料金プランページ/シミュレーション-------------------*/
.planbox .cbox{
  box-shadow: none;
}

/*--ヘッダーSNS--*/
.line_area {
    width: 250px;
    position: absolute;
    left: 0;
    right: -880px;
  margin:0 auto;
  z-index: 99999;
}

.line_icon {
  width: 80px;
  padding: 5px 10px 5px 0;
  display: inline-block;
  margin-left: auto;
  margin-top: 10px;
  float: right;
}
.line_icon:nth-child(2) img {
	border-radius: 50%;
}
.line_icon:nth-child(1) img {
	border-radius: 20px;
}
.navbar a.line_icon {
	display: none;
}

@media screen and (max-width: 1200px) {
	.line_area {
    right: -775px;
	}
  .line_icon {
    max-width: 65px;
    margin-top: 12px;
  }
}

@media screen and (max-width: 1050px) {
	.line_area {
    position: static;
    overflow: hidden;
}
.line_icon {
    margin-top: 0;
}
}
@media screen and (max-width: 979px) {
	 .line_area,.line_icon {
    display: none;
  }
  .navbar a.line_icon {
    display: block;
    width: 48px;
	}
}
@media screen and (max-width: 800px) {
	header .span3,header .span-x {
    margin-left: 0;
}
}
@media screen and (max-width: 770px) {
}

/*--2/20追加分-------------------*/
.n_bc tbody > tr:nth-child(2n) > td {
  background-color: #fff;
}

@media (max-width: 768px) {
  .n_bc .table tr td:nth-child(1) {
    background-color: #444;
  }

  .p_da .table tbody td:nth-of-type(2):before {
    font-weight: bold;
    content: "無料通話：";
  }

  .p_da .table tbody td:nth-of-type(3):before {
    font-weight: bold;
    content: "通話料：";
  }

  .p_da .table tbody td:nth-of-type(4):before {
    font-weight: bold;
    content: "月額：";
  }

  .p_da tbody > tr:nth-child(2n) > td {
    background-color: #fff;
  }

  .p_da  .table tr td:nth-child(1) {
    background-color: #444;
  }

  .k_fp table.shoki tbody td:nth-of-type(1):before {
    font-weight: bold;
    content: "プラン：";
  }

  .k_fp table.shoki tbody td:nth-of-type(2):before {
    font-weight: bold;
    content: "対象機種：";
  }

  .k_fp table.shoki tbody td:nth-of-type(3):before {
    font-weight: bold;
    content: "初期費用：";
  }

  .k_fp tbody > tr:nth-child(2n) > td {
    background-color: #fff;
  }
}

/*--iphone6/iphone5sセットキャンペーン----------*/
.iphone6 p.opm, .iphone5s p.opm {
  padding-bottom: 8px;
}
.iphone6 input[type="checkbox"], .iphone5s input[type="checkbox"] {
    -webkit-appearance: checkbox;
    border: none;
    width: 12px;
}
.iphone6 .fix, .iphone5s .fix {
  padding: 20px 0 0 0!important;
    margin-bottom: 0!important;
}
.iphone6 .total, .iphone5s .total {
    color: #fff;
    background-color: #ef5f5f;
    border: none;
    border-radius: 3px;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    max-width: 300px;
    margin: 0 auto 30px;
    text-align: center;
    cursor: pointer;
}

a.iphone_check {
  color: #000;
}
a.iphone_check:hover {
  opacity: 1;
}

/*--pocketWi-Fiレンタル申し込み----------*/
.wifi-r .w_box {
  margin-top: 30px;
}
.wifi-r dl { font-size: 0; }
.wifi-r dt,.wifi-r dd {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 15px;
  padding: 20px 0 10px;
}
.wifi-r dt {
  font-weight: normal;
  width: 150px;
}
.wifi-r dd {
  width: 100%;
  margin-left: -151px;
  padding-left: 150px;
  border-bottom: 1px #ddd solid;
}

@media screen and (max-width: 500px) {
  .wifi-r dt,.wifi-r dd {
    display: block;
  }
  .wifi-r dd {
    width: 100%;
    margin-left: -0;
    padding-left: 0;
    padding-top: 0;
  }
}

/*スライダーサムネイル*/
.panelimg {
  width: 990px;
  max-width: 100%;
  padding: 20px;
  box-sizing: border-box;
  margin: auto;
  font-size: 0;
  text-align: center;
}
.panelimg a {
  width: 22%;
  margin-left: 4%;
  display: inline-block;
}
.panelimg a:first-child {
  margin-left: 0;
}

@media screen and (max-width: 780px) {
  .panelimg {
    padding: 20px 0 0;
  }
  .panelimg a {
    width: 24%;
    margin-left: 1.3333%;
  }
}

@media screen and (max-width: 480px) {
  .panelimg a {
    width: 49.5%;
  max-width: 150px;
    margin-left: 1%;
    margin-bottom: 1%;
  }
  .panelimg a:nth-child(3) {
    margin-left: 0;
  }
}

/*2018.07.18トップページ追加*/
.top_headlist {
	width: 960px;
	max-width: 100%;
     margin: 0 auto 20px;
    overflow: hidden;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
}
.top_headlist .wrap {
    display:table-cell;
	width: 50%;
	text-align: center;
     padding: 20px 10px 80px;
	position: relative;
}
.top_headlist h3 {
	color: #fff;
	font-weight: bold!important;
}
.top_headlist p {
    background: #fff;
     padding: 5px;
    font-size: 16px;
}
.top_headlist .docomo_c p {
    color: #19B9AA;
}
.top_headlist .ip6_c p {
	color: #E03653;
}
.top_headlist .docomo_c {
  background-image: url(img/docomoback.png);
  background-color: #19B9AA;
  background-repeat: no-repeat;
  background-position: left 10% bottom 10%;
  background-size: 33%;
}
.top_headlist .ip6_c {
    background-color: #E03653;
  background-image: url(img/ip6back.png);
  background-repeat: no-repeat;
  background-position: left 10% bottom 10%;
  background-size: 50%;
}

.top_headlist table {
	width: 100%;
     margin-top: 12px;
}
.top_headlist tr {
    border: 1px solid #fff;
}
.top_headlist th {
    color: #fff;
     font-size: 16px;
    padding: 5px;
}
.top_headlist td {
    background: rgba(255,255,255,0.7)!important;
     font-size: 16px;
    font-weight: bold;
    padding: 5px;
}
.top_headlist .docomo_c td:nth-child(2) {
    border-left: 2px solid #19B9AA;
}
.top_headlist .ip6_c  td:nth-child(2) {
    border-left: 2px solid #E03653;
}
.top_headlist a {
    background: #F4C06C;
	color: #fff;
	font-weight: bold;
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -120px;
     font-size: 18px;
    padding: 8px;
    width: 240px;
}
.top_headlist a:hover {
	background: #f8d49b;
}
/*WiFi LTE 50GBプランお申し込み*/
.spec601HW, .specW04 { text-decoration: underline; }
.spec601HW:hover, .specW04:hover { text-decoration: none; }

@media screen and (max-width: 800px) {
	.top_headlist {
	    display: block;
		width: 100%;
     margin: 0 auto;
     padding: 0 20px;
	}
	.top_headlist .wrap {
	    display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	.top_headlist h3 {
		font-size: 24px;
	}
}
.keiyaku input {
	min-width: 1px;
}