@charset "UTF-8";
/*
	Theme Name: Tokyo Rail Days Indonesia 2015
	Author: Media-Presto
	Version: 1.0.1
*/

/** Header
*****************************************/
#bg-header{ background: url('images/bg/bg_header_summer.jpg') repeat center center;}
.header{ background: url('images/bg/header_summer.jpg') no-repeat; height: 207px;}
#logo{ width: 210px; float: left; margin-right: 40px; margin-top: 10px;}
.header-btn{float: right; position: relative;}
.header-login{width:201px; background : #306C61; border-radius: 5px; height: 50px; margin-bottom: 10px;}
.header-login li{width: 100px; float: left; height: 50px}
.header-login li:first-child{border-right: 1px solid #48cdaf;}
.header-login li a{display: block; text-align: center; padding: 5px 10px }
.header-login li a:hover{opacity: 0.8;}
.header #header-search { position: absolute; right: 0; top: 70px; width: 170px; }
.cse .gsc-control-cse, .gsc-control-cse {padding: 0px!important; background: none !important; border: none!important; position: relative; }
.gsc-input-box{ width: 170px!important; border: #222!important; height: 28px!important;	 }
.gsc-search-box-tools .gsc-search-box .gsc-input{ padding-right:  0 !important; }
input.gsc-search-button{ border-color: #00808e !important; margin-top: 8px !important; padding: 7px 6px 6px 6px!important; position: absolute; right: 171px; top: -8px; } 
input.gsc-search-button:hover{ opacity: 0.8; }
#header-social{ position: absolute; top: 116px; right: 0; width: 35px; display: block; background: rgba(255,255,255,0.8); }
#header-social li{ height: 23px; padding: 4px; text-align: center;}

/** nav
*****************************************/
#nav{ width: 486px; float: left; }
#nav li{ width: 80px; float: left;}
#nav li a{ display: block;}
#nav a:hover{ opacity: 1.0}
#nav-global-wrap{background-color: #1883b5; line-height: 40px}
#nav-global{ position: relative;}
#nav-global .nav-flag{width: 20%; float: left; color: #fff;  }
#nav-global .nav-sns{position: absolute; top: 0; right: 0;  }
#logo-minimal #logo{ margin:  0 auto; float: none;}

/** footer
*****************************************/
#footer{ background:  #1883b5 ;  padding: 20px 0 0 0; margin-top: -20px; position: relative;}
#footer .container{  background: url(images/bg/footer-tokyo-station.png) right bottom no-repeat; height: 140px; position: relative;}
#footer li{ padding: 0 20px;  float: left; height: 20px; border-right: 1px solid #FFFFFF; }
#footer li:last-child{ border-right: none;}
#footer li a{ font-size: 22px; color: #FFFFFF; line-height: 20px;}
#footer li a:hover{color: #222222;}
#footer #copyright{ margin-top: 20px; color: #FFFFFF; font-size: 18px;}
#footer #backtop{ position: absolute; right: 0; top: -50px; z-index: 2;}
#footer .train{ position: absolute; bottom: -10px; display: block; width: 100%;}

/** sidebar
*****************************************/
#sidebar .widget{ margin-bottom: 15px}
#sidebar #bnr-tokyoplus{ position: relative;}
#sidebar #bnr-tokyoplus .btn-view{ position: absolute; top: 25px; right: 10px;}
#sidebar .video{ padding: 10px; background: #f15a5a;}
#sidebar .movie-two-col li{ width: 165px; float: left; }
#sidebar .movie-list-item a{ height: 50px;display: block; border-top: 1px dotted #d64040 }


#sidebar .review{ padding: 10px 20px 20px 20px; background: #fdb650;}
.fa-external-link{ font-size: 16px !important;}
#sidebar .review .col{background:url('images/bg/bg_line.png') repeat; margin-left: -20px; margin-right: -20px; padding: 10px 20px; border-top: 5px solid #fdb650;}
#sidebar .review .img{ width: 60px; height: 60px; float: left; margin-right: 10px;}
#sidebar .review .img img{ border-radius: 30px;}
#sidebar .review .meta{ float: left; width: 210px;}
#sidebar .review .meta h3 a{ color: #ba3b01; }
#sidebar .review .meta li{ float: left; width: 100px}
#sidebar .review p a{ color: #222;}
.fb_sidebar{ background:url('images/bnr/bnr_sidebr_fb.png') no-repeat; height: 245px; }
.fb_sidebar a{ width: 330px; height: 240px; display: block;}
.fb_sidebar p{ color: #092d4f; position: relative; top:130px; left: 25px; font-size: 22px; width: 150px; display: inline-block;}
.fb_sidebar span{color: #092d4f; text-decoration: underline; }

/** theme by color: 
*****************************************/
#sidebar-products .nav-product .sub li a.type { background: #f5f5f5; color: #222;  display: block; font-size: 22px; letter-spacing: 1px;padding: 10px 25px;}
#sidebar-products .nav-product .sub .post { background: #f5f5f5; color: #222; padding: 5px 10px; }
#sidebar-products .nav-product .sub .post a.active { color: #eee; }
.page-detail .back a{ font-size: 22px; color: #FFFFFF; padding: 5px 10px; background: #7ac8ec;  border-radius: 5px;}
#page-index .product .col h3 a{color: #0671c3 !important;}

/** page-index
*****************************************/
#main-slide{ background:#bbdbf2; }
#main-slide .bx-wrapper .bx-viewport,  .hot_guide .bx-wrapper .bx-viewport{ border: none; left: 0; box-shadow:none;}
#main-slide .bx-wrapper{ margin: 0 auto 30px; padding-top: 15px;}
#nav-type li{ width: 300px; float: left; margin-right: 30px;}

span.bg_line_top{  background: url('images/bg/bg_line_top.png') repeat-x #FFFFFF; display: block; height: 5px;}
span.bg_line_bottom{  background: url('images/bg/bg_line_bottom.png') repeat-x #FFFFFF; display: block; height: 5px;}

#page-index .product{ background:#bbdbf2;}
#page-index .product .container{ padding: 20px 0; }
#page-index .product .col{ width: 225px; float: left; margin-right: 20px;  overflow: hidden;}
#page-index .product .col:last-child{ margin-right: 0}

/* Product
========================================= */
.img{ text-align: center;}
#product .item .img{ position: relative; overflow: hidden; }
#product .item .img a{ display: inline-block; height: 160px; }    
#product .item .img a img{ position: absolute; left: 0;  bottom: 0;}
	#product .item .meta-icon{ position: absolute; bottom: 10px; left: 10px}
.meta-icon li span{ padding: 2px 7px; line-height: 18px; background-color: var(--main-bg-color); color: #fff ;font-size: 11px; text-align: center;display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#product .item{ position: relative; }
#product .item .item-wrap{ background-color: #fff; position: relative; }
#product .item .item-wrap h3{ padding: 10px 10px 0 10px; font-size: 18px; line-height: 18px}
#product .item .item-wrap h3 a{ color: #1883b5}
#product .item .tour-entry-price{ position: relative;}
#product .item .meta-date{ background-color: #eee; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; text-align: center;}
@media (min-width: 767px) { 
	#product .item .item-wrap .txt h3{ height: 70px}
}
@media (max-width: 768px) { 
	#product .item .item-wrap .txt h3{margin-top: 5px; height: 60px}
}
@media (max-width: 480px) { 
	#product .item .item-wrap .txt h3{height: auto} 
}

.tour-entry-price { text-align: right; padding: 5px 15px 15px 15px; position: absolute; bottom: 5px; right: 10px}
.tour-entry-price .price-option{display: inline-block;  margin-right: 10px; margin-bottom: 0 }
.tour-entry-price .price-option label{ line-height: 16px; padding: 0}
.tour-entry-price .exch{ display:inline; color: #df345b; font-size: 24px }
.tour-entry-price .num{display: inline-block; font-size: 38px; line-height: 45px; color: #df345b;}
.tour-entry-price .num_req{ font-size: 28px; color: #bbb; line-height: 45px;}
.tour-entry-price .price-rmk{ display: block; font-size: 11px;  color: #bbb; line-height: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
@media (max-width: 991px) { 
	.tour-entry-price{ position: relative;}
}

#page-index .guide h2{ position: relative; height: 72px;}
#page-index .guide .view-all{ position: absolute; right: 10px; top: 25px; display: block; background: #c44b79; border-radius: 10px;}
#page-index .guide .view-all a{ color: #FFFFFF; padding: 5px 10px;  font-size: 18px;}
#page-index .guide .hot_guide{ position: relative;}
#page-index .guide .hot_guide li{ background:url('images/bg/bg_guide.png') repeat;}
#page-index #guide_slide .img{ width: 605px; height: 250px; overflow: hidden; margin-right: 15px; }
#page-index .guide .hot_guide li .txt{ padding: 10px;}
#page-index .guide .hot_guide .icon_hot {left: 10px; position: absolute; top: 0; z-index: 2;}
#page-index .guide .guide-row .col{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc;}
#page-index .guide .guide-row .img{ width: 135px; float: left; margin-right: 10px;}
#page-index .guide .guide-row .txt{ width: 460px; float: left;}
#page-index .guide .txt h3 a{ font-size: 22px; color: #444; text-decoration: underline;}
#page-index .guide p a{ color: #222222;}
.agency li, .agency .col{ float: left; padding: 5px 10px 0 10px;}
#page-index .guide .bx-wrapper{background:url('images/bg/bg_guide.png') repeat;}
#page-index .footer-easy{ background:#bbdbf2; padding: 15px 0 20px 0;;}

/** page-product
*****************************************/
#sidebar-products .nav-product h3#tokyo { background: rgba(0, 0, 0, 0) url("images/btn/side_ttl_01.png") no-repeat scroll 0 0; }
#sidebar-products .nav-product h3#season { background: rgba(0, 0, 0, 0) url("images/btn/side_ttl_02.png") no-repeat scroll 0 0; }
#sidebar-products .nav-product h3#beyound-tokyo { background: rgba(0, 0, 0, 0) url("images/btn/side_ttl_03.png") no-repeat scroll 0 0; }
#sidebar-products .nav-product h3#ticket { background: rgba(0, 0, 0, 0) url("images/btn/side_ttl_04.png") no-repeat scroll 0 0; }
#sidebar-products .nav-product h3.active, .ui-accordion-header-active { background-position: 0 -56px !important; }
#sidebar-products .nav-product h3 { cursor: pointer; display: block !important; height: 56px; overflow: hidden; text-indent: -9999px;background-position: 0 -56px !important; }
#sidebar-products .nav-product .sub li a.type .fa { font-size: 18px; }
#sidebar-products .nav-product .sub li .post .fa { font-size: 9px; }
#sidebar-products .nav-product .sub .post a { color: #222; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 13px; }
#sidebar-products .nav-product a:hover{ color: #222222 !important;}
#page-products .page-title{ background: url('images/title/bg-ttl-blue.png') repeat-x; padding: 0 0 0 30px; line-height: 50px; color: #FFFFFF; }
#page-products .desc{ background: #d1e8fb; padding: 10px; margin-bottom: 40px; }
#page-products .desc p{ padding: 10px; font-size: 19px; background: #FFFFFF; line-height: 30px;}
#page-products .nav-type li{ width: 33%; float: left; text-align: center;}
#page-products .nav-type li a{ display: block;}
#page-products h2{ padding: 10px; border-bottom: 2px dotted #ddd; text-align: center; font-size: 30px; margin-top: 60px;}

#page-products #product .item .item-wrap{ border: 1px solid #ccc;}
#page-products #product .item{width: 218px; float: left; margin-right: 0px; margin-top: 30px}
#page-products #product .product_list:last-child{ margin-right: 0}

.past-product .item{ width: 23%; float: left; margin-right: 15px; margin-top: 30px}
.past-product .item h3{ font-size: 18px; line-height: 18px; }
.list-icon li{ float: left; margin-right: 10px;}
.list-icon li span{ background: #eee; color: #222; padding: 0 5px; border-radius: 3px; font-size: 11px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important}
#page-products .agency{ background: #d1e8fb; ; padding:10px; }
#page-products .agency p{ text-align: center; font-size: 22px; margin-bottom: 10px;}
#page-products .agency p, #page-products .agency ul{ background: #FFFFFF; padding: 10px;}
#page-products .agency ul li{ padding: 0; padding: 0 8px; width: 125px;}

#page-types .product_list .item{ padding-bottom: 10px; margin-top: 10px; border-bottom: 1px dotted #444; background: url('images/icon/icon_arrow_left.png') right center no-repeat;}
#page-types .product_list .img{ width: 150px; float: left; margin-right: 15px;}
#page-types .product_list .txt{ width: 420px; float: left; padding-right: 20px; }
#page-types .product_list .icon li{ width: 40px; float: left; margin-right: 5px;}

#page-types .bg_ttl,
.page-detail #item_title{ background: url('images/title/bg-ttl-blue.png') repeat;  line-height: 48px; color: #FFFFFF; padding-left: 15px;}
.page-detail h2,#page-privacy h2, #page-download h2, #page-guide h2#guide_title, #page-contact h2{ line-height: 48px; color: #FFFFFF; padding-left: 15px; margin-bottom: 10px;}
.page-detail h2#plan_title{ background: url('images/title/bg-ttl-orange.png') repeat; }
.page-detail h2#hotel_title{ background: url('images/title/bg-ttl-pink.png') repeat; }
.page-detail h2#agency_title{ background: url('images/title/bg-ttl-green.png') repeat; }
#page-guide h2#guide_title{ background: url('images/title/bg-ttl-guide.png') repeat; }

.page-detail .item_plan_included{ padding: 20px 0;}
.page-detail .item_plan_included li:before{ content: "\f046"; position: absolute; left: 0; top: 4; width: 32px;
     font: normal normal normal 18px/1 FontAwesome; color: var(--main-bg-color);
    display: inline-block;
    text-align: right;
    margin-right: 10px; text-rendering: auto;
    -webkit-font-smoothing: antialiased;}
.page-detail .item_plan_included li{ padding-left: 40px; line-height: 24px; position: relative;  font-size: 21px; font-weight: bold; margin-bottom: 3px}
.page-detail .tour-detail table{ border-collapse: collapse; margin-bottom: 30px}
.page-detail .tour-detail table th,
.page-detail .tour-detail table td{ border: 1px solid #eee; border-collapse: collapse; padding: 5px}
.page-detail .tour-detail table th{ vertical-align: top;text-align: left;}


.page-detail .fa{ font-size: 18px;}
.page-detail .info h3{ font-size: 22px;}
.page-detail .info .txt{ width: 400px; float: left; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 14px;}
.page-detail .remark{ color: #FF0000;}
.page-detail .info .img{ width: 195px; float: left; margin-right: 10px;} 
.page-detail .info .icon li{ width: 45px; float: left; margin: 5px;}
.page-detail .gallery li{ width: 145px; margin-right: 8px; float: left;}
.page-detail .gallery li.last{ margin-right: 0;}
.page-detail .plan h3{ background: #71737B; color: #FFFFFF; padding: 5px 10px; border-radius: 5px; margin: 30px 0 10px}
.page-detail .plan .plan_content p, .page-detail .hotel p{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 14px; }
.page-detail .price table{ border-collapse: collapse;}
.page-detail .price td, .page-detail .price th{ border: 1px solid #eee; padding: 10px;}
.page-detail .price h4{ padding-top: 15px;}
.page-detail .back { margin: 20px 0 0 0; border-top: 1px dotted #222; padding-top: 40px;}
.page-detail .item-hotel h3{ padding: 5px 10px; background: #eee;}
.page-detail .item-hotel-dtl{ padding: 10px; font-size: 90%}
.page-detail .item-hotel-dtl img{ float: left; padding-right: 15px; padding-bottom: 15px;}
.page-detail .item-hotel table{ border-collapse: collapse;}
.page-detail .item-hotel td, .page-detail .item-hotel th{ border: 1px solid #eee; padding: 10px;}


/** page-character
*****************************************/
#page-character .box01{ width: 650px; margin: 0 auto}
#page-character .box01 .img{ width: 220px; float: left;}
#page-character .box01 .txt{ width: 430px; float: left;}
#page-character .box01 .txt h3{ font-size: 40px; color: #306c60;}
#page-character .box01 .txt li{ font-size: 22px; color: #222; margin-top: 10px;}
#page-character .box01 .txt li img{ width: 24px;}
/** page-privacy
*****************************************/
#page-privacy h2{  background: url('images/title/bg-ttl-basic.png') repeat;}
#page-privacy h3{ background: #EEEEEE; line-height: 35px; padding-left: 15px; margin: 30px 0 10px; color: #619A43}

/** page-guide
*****************************************/
#sidebar-guidebook .guide_list{ padding: 5px; background: #207C47;}
#sidebar-guidebook .guide_list li{ border-bottom: 1px solid #e6e0dd;  background: #FFFFFF; padding: 5px;}
#sidebar-guidebook .guide_list li:last-child{ margin-bottom: 0;}
#sidebar-guidebook .guide_list .img{width: 60px; height: 80px; float: left; margin-right: 10px;}
#sidebar-guidebook .guide_list .txt{width: 200px; float: left;}
#sidebar-guidebook .guide_list .txt h3 a{ color: #444444;}
#sidebar-guidebook .featured h2{ background: #207C47; padding: 10px; color: #FFFFFF}
#sidebar-guidebook .tags h2{ background: #F15A5A; padding: 10px; color: #FFFFFF}
#sidebar-guidebook .tags .tags-inner{ padding: 5px; border: 5px solid #F15A5A ; background: #FFFFFF; }
.tags a { background: #f2f2f2 none repeat scroll 0 0; border-color: #e1e1e1; border-style: solid; border-width: 1px; color: #222222; display: inline-block; font-size: 18px !important; line-height: 22px; margin: 0 3px 3px 0; padding: 0 7px; }
.wp-pagenavi { padding: 5px 0; text-align: center; }
.wp-pagenavi a, .wp-pagenavi span { display: inline; margin-right: 5px; padding: 3px 5px; }
.wp-pagenavi .current { background: #0a5f32 none repeat scroll 0 0; border: 1px solid #ccc; color: #ffffff; }
.wp-pagenavi a { background: #91c95b none repeat scroll 0 0; color: #ffffff; text-decoration: underline; }
#page-guide .guide-col{border-bottom: 1px solid #e6e0dd; padding: 10px 20px 10px 0; background: url('images/icon/icon_arrow_left.png') right center no-repeat;position: relative; }
#page-guide .guide-col .img{ width: 150px; float: left; margin-right: 10px;}
#page-guide .guide-col .txt{ width: 425px; float: left; }
#page-guide .guide-col span.more a{ display: block; position: absolute; font-size: 14px; bottom: 10px; right: 30px; padding: 0 10px; background: #6AA142; color: #FFFFFF;}
#page-guide-detail #content h2 { border-bottom: 2px solid #444; font-size: 30px; margin-bottom: 20px; padding: 10px 0; }
#page-guide-detail #content h3{ font-size: 30px; margin-top: 40px; margin-bottom: 20px}
#page-guide-detail .guide-content{ font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 13px}
#page-guide-detail .guide-content .wp-caption p.wp-caption-text{ font-size: 14px; text-align: left; font-weight: bold; letter-spacing: 0; }
#page-guide-detail .navigation { background: #61992b none repeat scroll 0 0; margin: 20px 0; }
#page-guide-detail .navigation .prev { border-bottom: 1px dotted #ccc; }
#page-guide-detail .navigation div a { color: #ffffff; display: block; padding: 5px 10px; }
#page-guide-detail .navigation div a:hover { opacity: 0.8; }
#page-guide-detail .footer-post-meta a { color: #146f3f; font-size: 20px; }
.guide-related .col { background: #f5ffec none repeat scroll 0 0; border: 1px solid #146f3f; float: left; margin-right: 20px; padding: 12px; width: 150px; }
.guide-related div { display: table-cell; min-height: 250px; }


/** page-download
*****************************************/
#page-download{ min-height: 650px}
#page-download h2{ background: url('images/title/bg-ttl-download.png') repeat;}
#page-download .col{ width: 293px; float: left; background: #ededed; padding: 10px; margin-right: 10px; margin-bottom: 10px;}
#page-download .col .img{ width: 100px; float: left; margin-right: 10px;}
#page-download .col .txt{ width: 183px; float: left; height: 140px; overflow: hidden;}
#page-download .detail .img{ width: 250px; float: left; margin-right: 10px; overflow: hidden;}
#page-download .detail .txt{ font-size: 22px; width: 700px; float: left;}
#page-download .detail .btn_download{ width: 170px; height: 50px; margin: 40px auto; background: #F16D77;  text-align: center; line-height: 50px; border-radius: 5px;}
#page-download .detail .btn_download a{ color: #FFFFFF;}
#page-download .detail .btn_download:hover{ opacity: 0.8}
#page-download .detail .back_download{ font-size: 22px; }

/** page-brand
*****************************************/
#page-brand p{ text-align: center; font-size: 24px; line-height: 30px;}
#page-brand .green{ font-size: 30px; color: #1f8945}
#page-brand .box02{ background: url('images/bg/bg_jreast.png') repeat-x; height: 390px; padding: 10px 0; position: relative;}
#page-brand .box02 h2{ position: absolute; top:-30px; height: 190px; display: block;}
#page-brand .box02 p{ padding-top: 180px;}
#page-brand .box03 h2{text-align: center;}
#page-brand .box03 .icon li{ float: left; width: 100px; padding: 20px 30px;}
#page-brand .box04{ background: #D1E8FB; margin-bottom: -85px; padding-bottom: 40px;}
#page-brand .box04 h2{ position: relative; top:-13px; left: 90px;}
#page-brand .box04 .easy{ background: #a4cc6a; padding: 20px 10px; width: 760px; margin: 0 auto;}
#page-brand .box04 .easy li{ float: left;}
#page-brand .box04 .agency{ background: url('images/bg/bg_brand_agency.png') no-repeat; width: 740px; margin: 0 auto; padding: 50px 20px 10px 20px}

/** page-contact
*****************************************/
#page-contact h2{ background: url('images/title/bg-ttl-basic.png') repeat; }
#page-contact .desc{ font-size: 22px; color: #0A5F32; font-style: italic; margin-bottom: 10px; line-height: 22px; }
#page-contact .agency-info{ padding: 30px; background: #D8F3BC; }
#page-contact .agency-info h3{ font-size: 24px; }
#page-contact .agency-info .logo-img{ width: 120px; height: 120px; float: left; margin-right: 20px;	padding-top: 25px; position: relative; }
#page-contact .agency-info .logo-img .jr_cat{ background: url(images/jr_cat.png) no-repeat 10px 20px;  z-index: 2; width: 70px; height: 84px; position: absolute; top: -45px; right: -8px; display: block; }
#page-contact .agency-info .logo-img img{ border: 2px solid #0A5F32; }
#page-contact .agency-info .txt{ padding-top: 20px; width: 665px; float: left; }
#page-contact .agency-info .meta{ background: #FFFFFF; padding: 20px; }
#page-contact .agency-info .meta li{ margin-bottom: 5px; }
#page-contact .agency-info .meta .fa{ margin-right: 10px; font-size: 18px; color: #0A5F32; }
#page-contact .agency-info .meta th,#page-contact .agency-info .meta td{ padding: 5px; vertical-align: top; }
#page-contact .agency-info .meta th{ font-weight: bold; width: 90px; text-align: left; }
#page-contact .agency-info .meta .tel{ font-size: 25px; font-weight: bold; }
#page-contact .agency li, .agency .col{ float: left; padding: 5px;}

/** page-member
*****************************************/
.page-member .page-title{ background: #2C947D; height: 75px;}
.page-member .page-title h1{ font-size: 36px; color: #FFFFFF; line-height: 75px; }
.page-member .page-title .fa{ font-size: 32px; margin-right: 10px;}
.page-member .member-form{ background: #f5f7ed; padding: 20px; margin: 20px auto !important; min-height: 450px;}
.page-member .member-form th{ text-align: right; padding: 5px 20px 5px 0;  font-size: 20px; color:#306c60; width: 260px;} 
.page-member .member-form td{ padding: 5px 0;}
.page-member .member-form .req{ font-size: 14px; color: #ff0000;}
.form-horizontal .control-label{ color: #306c60}
.form-control{ font-size: 18px !important;}
.error{ color: #ff0000;padding: 3px;  display: block; }
.form-confirm{ padding-top: 7px; font-weight: bold;}
.link_to_home{ padding: 120px; text-align: center; }

#sidebar-mypage{ float: left; margin-right: 25px; padding: 30px 0; width: 330px; }
#sidebar-mypage h3{ color: #FFFFFF; text-align: center; line-height: 70px; background: #373737; border-radius: 5px 5px 0 0; font-size: 28px;}
#sidebar-mypage li{background: #26ab8d; }
#sidebar-mypage li a{ display: block; height: 65px; line-height: 55px; color: #FFFFFF; font-size: 26px;padding: 0 30px;}
#sidebar-mypage li a .fa{ font-size: 20px; margin-right:  10px;}
#sidebar-mypage li a:hover{ text-decoration:  none; background: #306C61; opacity: 1;}

/** quiz
*****************************************/
#page-quiz .titular{ background: #373737; }
#page-quiz .titular h2{ width: 960px; margin: 0 auto; color: #FFFFFF; font-size: 36px; line-height: 26px; padding: 20px;  }
#page-quiz  .ttl-answer{ padding: 20px; color: #FFFFFF; background: #27ae60; font-size: 36px; border-radius: 5px; margin-bottom: 15px;}
#page-quiz .quiz-picture{ width: 140px; margin: 15px auto;}
#page-quiz .quiz-picture img{ width: 140px; height: 140px; border-radius: 70px; border: 1px solid #999; }
#page-quiz .quiz-name, #page-quiz .quiz-description{ text-align: center; padding-bottom: 10px;}
#page-quiz .button { background: #1B7E5A; border-radius: 5px; color: #ffffff; display: block; font-size: 20px; font-weight: 700; line-height: 40px; margin: 0 auto; text-align: center; transition: background 0.3s ease 0s; width: 175px; }
#page-quiz .button:hover{ opacity: 0.8;}
#page-quiz .wp-pagenavi{ margin-top: 40px;}
#page-quiz .wp-pagenavi a, #page-quiz .wp-pagenavi span{ padding: 5px 10px; border-radius: 5px;}
#page-quiz .wp-pagenavi .current{ background: #4a89dc; border: none;}
#page-quiz .q_name{ float: left; width: 80%; font-size: 34px;}
#page-quiz .q_order{ float: right; width: 20%; font-size: 34px;}
#page-quiz .quiz{ padding: 40px 0;}
#page-quiz .q_no{ width: 20px; float: left;}
#page-quiz .quiz h3{ font-size: 38px; line-height: 40px;}
#page-quiz .quiz .answer_list{ padding: 40px; font-size: 30px;}
#page-quiz .quiz .answer_list li{ padding: 15px 0; }
#page-quiz .quiz .answer_list input{ margin-right: 15px;}
#page-quiz .right-wrong{ padding-left: 5%;}
#page-quiz .right-wrong .txt-right{ color: #8CC152;}
#page-quiz .right-wrong .wrong{ color: #E9573F;}
#page-quiz .right-wrong .solve{ color: #AAB2BD;}
#page-quiz .right-wrong span{ margin-right: 20px;}