/*--------------------------------- add css HEADER start --------------------------------*/ header { background:#ffffff; position:fixed; z-index:9999; width:1140px; } .logo{ float:left; padding:22px 10px 0 0px; } .logo .small { display:inline; } .logo img { width:150px; } .sNavi { position:absolute; right:0; top:0; } .sNavi li { float:left; text-align:center; margin:0 0 0 5px; } .sNavi .tel { font-size:1.2rem; line-height:1.2; padding-top:15px;margin-right:5px; } .sNavi .tel a { font-size:2.4rem; } .sNavi .tel .en { font-size:3rem; font-weight:600; } .sNavi .web a { display:block; background:#85bf69; color:#fff; padding:8px 25px 12px 25px; line-height:1; } .sNavi .web a:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; } .sNavi .recruit a { display:block; background:#669d32; color:#fff; padding:8px 25px 12px 25px; line-height:1; } .sNavi .recruit a:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; } .sNavi .tel .flaticon-telephone5:before { font-family: Flaticon;content: "\e00a"; color:#85bf69; font-size:1.6rem; margin-right:2px; } .sNavi .web .flaticon-computer201:before { font-family: Flaticon;content: "\e002"; font-size:3rem; margin:0 0 5px 0; vertical-align:middle; display:block; } .sNavi .recruit .flaticon-comb:before { content: "\e001"; font-size:3rem; margin:0 0 5px 0; vertical-align:middle; display:block; } #menu .noscroll{display:none!important;} #menu { text-align:left; } #menu li { display:inline-block; text-align:center; margin:30px 10px 35px 10px; } #menu li a { font-size:1rem; color:#85bf69; line-height:1; position:relative; } #menu li a .en { font-size:1.8rem; color:#333; font-weight:700; } #menu li a .jp { display:none; } #menu li a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } #menu li a img { position:absolute; top:-13px; right:-15px; } @media (max-width: 480px) { .logo { float:inherit; padding:0; position:absolute; top:20px; left:2px; } .logo .small { display:inline; } .logo img { width:110px; } header#topNavi { width:100%; } .sNavi { position:absolute; right:97px; top:10px; } header#topNavi .sNavi { right:117px; top:16px; } .sNavi li { float:left; text-align:center; margin:0 0 0 5px; } .sNavi .txt { position: absolute; left: 6px; top: -15px; font-size: 1rem; color:#59933d; } .sNavi .tel { line-height:1; padding-top:0; } .sNavi .tel a { display:block; background:#85bf69; padding:7px 16px; background:#85bf69; line-height:1; font-size:1.2rem; } .sNavi .web a { display:block; background:#85bf69; color:#fff; padding:7px 8px; line-height:1; } .sNavi .web a:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; } .sNavi .recruit a { display:block; background:#669d32; color:#fff; padding:7px 8px; line-height:1; } .sNavi .recruit a:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; } .sNavi .tel .flaticon-telephone5:before { font-family: Flaticon;content: "\e00a"; font-size:1.8rem; color:#fff; margin-right:0; } .sNavi .web .flaticon-computer201:before { font-family: Flaticon;content: "\e002"; font-size:1.8rem; margin:0; vertical-align:middle; } .sNavi .recruit .flaticon-comb:before { font-family: Flaticon;content: "\e001"; font-size:1.8rem; margin:0; vertical-align:middle; } header#topNavi .slicknav_menu { margin-right:20px; } #menu { display:none; } .slicknav_menu li a img { margin:0 0 0 5px; } .js #menu { display:none; } .js .slicknav_menu { display:block; } } @media (min-width: 481px) { .slicknav_menu { display:none; } } /*--------------------------------- add css HEADER end add css contentsWrap start --------------------------------*/ .contentsWrap { margin-top:90px; } @media (max-width: 480px) { .contentsWrap { margin-top:54px; } } /*--------------------------------- add css contentsWrap end add css visitor start --------------------------------*/ #visitor.philosophy .sec02 div { position:relative; z-index:1; height:280px; } #visitor.philosophy .sec02 div img { position:absolute; top:0; right:0; z-index:2; } #visitor.philosophy .sec02 div .catchB { position:absolute; top:40px; left:0; z-index:3; } #visitor.philosophy .sec02 div .txt { width:480px; padding-top:105px; } #visitor.philosophy .sec03 div { margin-bottom:60px; } #visitor.philosophy .sec03 div:last-child { margin-bottom:0; } #visitor.philosophy .sec03 dl.left { margin-left:400px; } #visitor.philosophy .sec04 dl { margin-bottom:60px; } #visitor.philosophy .sec04 dl:last-child { margin-bottom:0; } #visitor.philosophy .sec04 dd { margin-left:62px; } #visitor.philosophy .sec04 .example { background:#fff; margin: 30px 0 0 0; } #visitor.philosophy .sec04 .example dt.subTtl { font-size: 2.4rem; font-weight: bold; color: #85bf69; border-bottom: 2px solid #f8f7e2; padding: 15px 25px; margin-bottom: 0; } #visitor.philosophy .sec04 .example dd { margin-left: 0; } #visitor.philosophy .sec04 .example dl { border-bottom: solid 1px #f8f7e2; padding: 10px 25px; margin-bottom: 0; } #visitor.philosophy .sec04 .example dl dt { font-weight: bold; float: left; line-height: 1.6; margin-bottom: 0; } #visitor.philosophy .sec04 .example dl dd { margin-left: 120px; } #visitor.philosophy .sec04 .example dl dd span { display:inline-block; padding:2px 5px; background:#fff8bb; margin: 2px 5px 2px 0; } #visitor.best .sec01 img, #visitor.adults .sec01 img, #visitor.reservation .sec01 img, #visitor.followup .sec01 img { margin-bottom:30px; } #visitor.best .sec01 ul { margin-left:40px; margin-bottom:30px; } #visitor.followup .sec01 .rightBox { float:right; width:300px; text-align:center; margin-left:25px; margin-bottom:15px; } #visitor.followup .sec01 .rightBox img { margin-bottom:5px; } #visitor.followup .sec01 .rightBox span { font-size:1.2rem; } #visitor.concept .conceptBox dt { color:#85bf69; font-size:8rem; margin-bottom:10px; padding-top:20px; } #visitor.concept .conceptBox dt span { font-size:9rem; font-weight:700; background: url(/wp-content/themes/BriskHair/images/visitor/concept_marker.png) 0 85px no-repeat; display: inline-block; width: 127px; } #visitor.concept .conceptBox dt span.right { padding-left:10px; } #visitor.concept .conceptBox dd { font-size:1.8rem; font-weight:bold; } @media (max-width: 480px) { #visitor.philosophy .sec01 div img { width:45%; margin:0 0 10px 10px; } #visitor.philosophy .sec02 div { position:inherit; height:auto; } #visitor.philosophy .sec02 div img { position:inherit; margin-bottom:10px; } #visitor.philosophy .sec02 div .catchB { position:inherit; text-align:center; } #visitor.philosophy .sec02 div .txt { width:100%; padding-top:0; } #visitor.philosophy .sec03 img.img_right, #visitor.philosophy .sec03 img.img_left { float:none; margin: 0 0 20px 0; } #visitor.philosophy .sec03 dl.left { margin-left:0; } #visitor.philosophy .sec04 dd { margin-left:0; } #visitor.philosophy .sec04 .example dt.subTtl { font-size: 2rem; padding: 10px 12px; } #visitor.philosophy .sec04 .example dl { padding: 8px 12px; } #visitor.philosophy .sec04 .example dl dt { float: none; margin-bottom: 5px; } #visitor.philosophy .sec04 .example dl dd { margin-left: 0; font-size:1.4rem; } #visitor.best .sec01 ul { margin-left:20px; } #visitor.best .sec01 li { font-size:1.4rem; line-height:1.6; } #visitor.followup .sec01 .rightBox { float:right; width:45%; text-align:center; margin-left:10px; margin-bottom:10px; } #visitor.followup .sec01 .rightBox img { margin-bottom:0; } #visitor.followup .sec01 .rightBox span { font-size:1rem; } #visitor.concept .conceptBox .img_left, #visitor.concept .conceptBox .img_right { font:none; margin:0; } #visitor.concept .conceptBox dl { margin-bottom:50px; } #visitor.concept .conceptBox dl.alignR { text-align:left; } #visitor.concept .conceptBox dt { font-size:6rem; margin-bottom:0; padding-top:0; text-align:center; } #visitor.concept .conceptBox dt span { font-size:7rem; background: url(/wp-content/themes/BriskHair/images/visitor/concept_marker.png) 0 65px no-repeat; background-size:100%; display: inline-block; width: 95px; padding-left:10px; } #visitor.concept .conceptBox dd { font-size:1.6rem; } } /*--------------------------------- add css visitor end add css staff start --------------------------------*/ #staff section.sec01, #staff section.sec02, #staff section.sec03 { margin-top:-110px; padding-top:110px; } #staff section .position { color:#85bf69; font-size:1.8rem; } #staff section .name { font-size:3.6rem; margin-bottom: 15px; } #staff section .name .en { font-size:1.6rem; color:#9e9e9e; display:inline-block; padding-left:15px; } #staff section .picArea { float:left; width:370px; } #staff section .picArea img { border:#fff solid 6px; box-sizing:border-box; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.08) 0px 0px 6px 1px; -webkit-box-shadow:rgba(0, 0, 0, 0.08) 0px 0px 6px 1px; -moz-box-shadow:rgba(0, 0, 0, 0.08) 0px 0px 6px 1px; } #staff section .picArea .left img { float:left; } #staff section .picArea .right img { float:right; } #staff section .txtArea { float:right; width:490px; } #staff section .txtArea .message { margin-bottom: 20px; } #staff section .txtArea .message dt { font-size:1.8rem; font-weight:bold; color:#85bf69; margin-bottom: 8px; } #staff section .txtArea .profile { background:#fff; font-size:1.4rem; padding: 4px 15px 15px 15px; } #staff section .txtArea .profile dl { border-bottom:1px dashed #e4e1b1; padding: 8px 2px; } #staff section .txtArea .profile dt { float:left; width:110px; } #staff section .txtArea .profile dt strong { font-weight:bold; } #staff section .txtArea .profile dd { margin-left:120px; } @media (max-width: 480px) { #staff section.sec01, #staff section.sec02, #staff section.sec03 { margin-top:-70px; padding-top:70px; } #staff section .picArea { float:none; width:100%; } #staff section .picArea .left img { float:left; width:49%; } #staff section .picArea .right img { float:right; width:49%; } #staff section .position { font-size:1.4rem; } #staff section .name { font-size:2.6rem; } #staff section .name .en { font-size:1.2rem; } #staff section .txtArea { float:none; width:100%; margin-top: 20px; } #staff section .txtArea dd { font-size:1.4rem; } #staff section .txtArea .profile dt { float:none; width:auto; margin-bottom:5px; } #staff section .txtArea .profile dd { margin-left:0; } } /*--------------------------------- add css staff end add css menuCoupon start --------------------------------*/ #menuCoupon .mb80 { margin-bottom:80px; } #menuCoupon .secA .menuTtl { position:relative; margin: 20px 0 20px 0; } #menuCoupon .secA .menuTtl .icn { position:absolute; top:-30px; left:-50px; display:block; text-align:center; color:#fff; font-size:2.8rem; line-height:1.1; height:85px; width:110px; padding-top:25px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background:#85bf69; } #menuCoupon .secA .menuTtl .icn .en { font-size:3rem; font-weight:800; } #menuCoupon .secA .menuTtl .name { font-size:3rem; font-weight:bold; padding-left: 75px; } #menuCoupon .secA.cyber .menuTtl .name a.btn:hover, #menuCoupon .secA.cyber .menuTtl .name a.btn:active { background: #f8f8f8; } #menuCoupon .secA .menuTtl .name span { font-size:1.8rem; font-weight:bold; } #menuCoupon .secA .txtBox { float:right; width:480px; } #menuCoupon .secA .priceBox { background:#fff; padding: 13px 0 18px 0; position:relative; margin-bottom:10px; } #menuCoupon .secA .priceBox ul { float: left; left: 50%; position: relative; } #menuCoupon .secA .priceBox ul li { text-align: center; font-size: 2.4rem; font-weight: bold; line-height: 1.3; margin: 0 15px; float: left; position: relative; left: -50%; } #menuCoupon .secA .priceBox ul li span { font-size: 1.4rem; font-weight: bold; } #menuCoupon .secA .priceBox ul .price02 { color:#85bf69; } #menuCoupon .secA .priceBox ul .price03 { color:#786131; } #menuCoupon .attn { text-align:right; font-size:1.2rem; color:#666; } #menuCoupon .secB .priceTtl, #menuCoupon .secC .priceTtl { text-align:right; margin: 0 12px 5px 0; } #menuCoupon .secB .priceTtl li, #menuCoupon .secC .priceTtl li { display:inline; font-size:1.4rem; font-weight:bold; padding: 0 15px; } #menuCoupon .secB .priceTtl li.sp, #menuCoupon .secC .priceTtl li.sp { padding: 0 13px; } #menuCoupon .secB .priceTtl .new, #menuCoupon .secC .priceTtl .new { color:#85bf69; } #menuCoupon .secB .priceTtl .return, #menuCoupon .secC .priceTtl .return { color:#786131; } #menuCoupon .secB .menuBox, #menuCoupon .secC .menuBox { background:#fff; padding:15px 0; margin-bottom:10px; position:relative; } #menuCoupon .secB .menuBox .icn { position:absolute; top:-10px; left:-45px; display:block; text-align:center; color:#fff; font-size:1.4rem; line-height:1.2; height:45px; width:56px; padding-top:11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background:#85bf69; } #menuCoupon .secB .menuBox .icn .en { font-size:1.5rem; font-weight:800; } #menuCoupon .secB .name, #menuCoupon .secC .name { width:520px; float:left; font-size:1.8rem; font-weight:bold; line-height:1.2; padding-left:20px; } #menuCoupon .secC .name { width:720px; } #menuCoupon .secB .single { line-height:2; } #menuCoupon .secB .name .time, #menuCoupon .secC .name .time { font-size:1.2rem; color:#222; font-weight:bold; } #menuCoupon .secB .name .info, #menuCoupon .secC .name .info { font-size:1.4rem; font-weight:normal; color:#666; } #menuCoupon .secB .priceBox, #menuCoupon .secC .priceBox { width:350px; float:right; position:relative; } #menuCoupon .secC .priceBox { width:130px; } #menuCoupon .secB .priceBox ul, #menuCoupon .secC .priceBox ul { float: left; left: 50%; position: relative; } #menuCoupon .secB .priceBox ul li, #menuCoupon .secC .priceBox ul li { text-align: center; font-size: 2.2rem; font-weight: bold; line-height: 1.3; margin:8px 10px 0 10px; float: left; position: relative; left: -50%; } #menuCoupon .secB .priceBox ul li span, #menuCoupon .secC .priceBox ul li span { font-size: 1.2rem; font-weight: bold; } #menuCoupon .secB .priceBox ul .price02 { color:#85bf69; } #menuCoupon .secB .priceBox ul .price03 { color:#786131; } #menuCoupon .secC .leftBox { float:left; width:49%; } #menuCoupon .secC .rightBox { float:right; width:49%; } #menuCoupon .secC .leftBox .priceTtl li, #menuCoupon .secC .rightBox .priceTtl li { display:inline; font-size:1.4rem; font-weight:bold; padding: 0 20px; } #menuCoupon .secC .leftBox .name, #menuCoupon .secC .rightBox .name { width:290px; float:left; font-size:1.8rem; font-weight:bold; line-height:1.2; padding-left:20px; } #menuCoupon .secC .leftBox .single, #menuCoupon .secC .rightBox .single { line-height:2.4; } #menuCoupon .secC .leftBox .priceBox, #menuCoupon .secC .rightBox .priceBox { width:110px; float:right; padding-right:20px; } #menuCoupon .secB h3.gr { color:#85bf69; margin-bottom:-10px; } #menuCoupon .secB .gr { color:#85bf69; } #menuCoupon .secC h3.gr { color:#85bf69; margin-bottom:-10px; } #menuCoupon .secC .gr { color:#85bf69; } #menuCoupon .secB h3.bl { color:#9cbcce; margin-bottom:-10px; } #menuCoupon .secB .bl { color:#9cbcce; } #menuCoupon .secC h3.or { color:#d7b83e; margin-bottom:10px; } #menuCoupon .secC .or { color:#d7b83e; } #menuCoupon .secC h4 { font-size:2.4rem; font-weight:bold; color:#d7b83e; margin-bottom:-20px; margin-top:15px; } #menuCoupon .secA.cyber .menuTtl .icn { height:68px; padding-top:42px; background:url(/wp-content/themes/BriskHair/images/flow/cyber_bgG.jpg) 50% 50% no-repeat; } #menuCoupon .secA.cyber .menuTtl .name a.btn { background: #fff; font-size:1.2rem; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; padding: 8px 25px; box-shadow: rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; } #menuCoupon .secA.cyber .priceBox .special { font-size:1.2rem; text-align:center; } #menuCoupon .secA.cyber .priceBox .special span { font-size:2rem; font-weight:bold; } @media (max-width: 480px) { #menuCoupon .secA .menuTtl .icn { top:-12px; left:-20px; font-size:1.4rem; line-height:1.2; height:45px; width:60px; padding-top:15px; } #menuCoupon .secA.cyber .menuTtl .icn { height:38px; padding-top:22px; } #menuCoupon .secA .menuTtl .icn .en { font-size:1.6rem; } #menuCoupon .secA .menuTtl .name { font-size:2rem; padding-left: 50px; line-height:1; } #menuCoupon .secA .menuTtl .name span { font-size:1.2rem; } #menuCoupon .secA .txtBox { float:none; width:100%; } #menuCoupon .secA .priceBox { padding: 8px 0 12px 0; } #menuCoupon .secA .priceBox ul li { font-size: 1.8rem; margin: 0 5px; } #menuCoupon .secA .priceBox ul li span { font-size: 1.1rem; } #menuCoupon .attn { font-size:1rem; } #menuCoupon .secB .menuBox .icn { top:-10px; left:-20px; font-size:1rem; line-height:1; height:30px; width:40px; padding-top:10px; } #menuCoupon .secB .menuBox .icn .en { font-size:1.1rem; } #menuCoupon .secB .name, #menuCoupon .secC .name { width:auto; float:none; font-size:1.6rem; padding:0 15px; } #menuCoupon .secC .name { width:auto; } #menuCoupon .secB .priceBox, #menuCoupon .secC .priceBox { width:100%; float:none; border-top: 1px solid #faf8e5; margin-top: 15px; } #menuCoupon .secC .priceBox { width:100%; } #menuCoupon .secB .priceBox ul li, #menuCoupon .secC .priceBox ul li { font-size: 1.8rem; margin:15px 5px 0 5px; } #menuCoupon .secB .priceBox ul li span, #menuCoupon .secC .priceBox ul li span { font-size: 1.1rem; } #menuCoupon .secC .leftBox { float:none; width:100%; } #menuCoupon .secC .rightBox { float:none; width:100%; } #menuCoupon .secC .leftBox .name, #menuCoupon .secC .rightBox .name { width:100%; float:none; font-size:1.6rem; padding:0 15px; box-sizing:border-box; } #menuCoupon .secC .leftBox .single, #menuCoupon .secC .rightBox .single { line-height:1.6; } #menuCoupon .secC .leftBox .priceBox, #menuCoupon .secC .rightBox .priceBox { width:auto; float:none; padding-right:0; } #menuCoupon .secB h3.gr { margin-bottom:10px; } #menuCoupon .secB h3.bl { margin-bottom:10px; } #menuCoupon .secC h3.gr { margin-bottom:10px; } #menuCoupon .secC h3.or { margin-bottom:10px; } #menuCoupon .secC h4 { font-size:1.8rem; margin-bottom:6px; margin-top:15px; } } /*--------------------------------- add css menuCoupon end add css news start --------------------------------*/ #news .secondContainer { padding-left:50px; padding-right:50px; } #news .innrS { float:right; } #news #sidebar { width:300px; float:left; } nav.archive { margin-bottom:30px; } nav.archive h4 { background:#85bf69; color:#fff; padding:8px 0; font-size:2.4rem; } nav.archive li { border-bottom:1px dashed #ccc; } nav.archive li a { display:block; font-size:2.2rem; padding:8px 0; } nav.archive li a:hover { background: #fff; } nav.archive li span.now { background: #fff; } nav.recent { margin-bottom:30px; } nav.recent h4 { background:#85bf69; color:#fff; padding:8px 0; font-size:2.4rem; margin-bottom:10px; } nav.recent li { text-align:left; } nav.recent li a { display:block; font-size:1.4rem; padding:5px 10px; } #news .newsContents { background:#fff; padding: 10px 0 20px 0; } #news .newsContents dl { text-align:left; margin:0 30px; padding:15px 0; border-bottom:1px dashed #ccc; } #news .newsContents dt { float:left; width:150px; font-size:2rem; padding-left:15px; line-height:1.2; } #news .newsContents dd { margin-left:160px; } #news .pageNate { margin-top:40px; } #news .pageNate li { display:inline; } #news .pageNate li span { display:inline-block; padding:8px 12px; margin:0 2px; background:none; } #news .pageNate li span.current { display:inline-block; padding:8px 12px; margin:0 2px; background:#85bf69; color:#fff; font-weight:bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #news .pageNate li a { display:inline-block; padding:8px 12px; margin:0 2px; background:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #news .pageNate li a:hover, #news .pageNate li a:active { background:#e4f1dc; } #news .article { margin-bottom:50px; padding-bottom:70px; border-bottom:1px dashed #ccc; } #news .article .date { font-size:2rem; color:#85bf69; margin-bottom:20px; } #news .article h3 { font-size:2.4rem; font-weight:bold; background:none; padding-bottom:0; margin-bottom:60px; } #news .article .txt { margin-bottom:0; text-align:left; } #news .article .txt img { height:auto; } #news .article .txt p { margin-bottom:32px; } nav.permanent { padding-top:50px; font-size:1.4rem; } nav.permanent li { display:inline-block; padding:0 20px; } nav.permanent li.toTop { border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8; } /* カレンダー Thought is free http://thk.kanzae.net/ */ #sidebar .widget_calendar { margin-bottom: 40px; } table#wp-calendar { table-layout: fixed; width: 100%; margin: 5px auto 80px auto; padding: 0; border-collapse: collapse; border-spacing: 0; font-size: 1.2rem; } table#wp-calendar caption { margin: 10px 0 0 0; padding: 2px; width: auto; text-align: center; font-weight: bold; background-color: #fff; border: thin solid #ccc; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; } table#wp-calendar #today { display: block; font-weight: bold; background-color: #e4f1dc; z-index: 1; } table#wp-calendar .pad { font-weight: bold; /*background-color: #fff9f9;*/ } table#wp-calendar th, table#wp-calendar td { padding: 2px auto; vertical-align: middle; text-align: center; } table#wp-calendar td { line-height: 1.8; border: thin solid #ccc; background-color: #fff; } table#wp-calendar th { font-style: normal; font-weight: bold; color: #fff; border-left: thin solid #ccc; border-right: thin solid #ccc; background-color: #85bf69; } table#wp-calendar a { font-size: 1.2rem; color: #85bf69; padding: 0; text-decoration: underline; } @media (max-width: 480px) { #news .secondContainer { padding-left:10px; padding-right:10px; } #news .innrS { float:none; } #news .pageNate, #voice .pageNate { font-size:1.4rem; } #news #sidebar { width:auto; float:none; } nav.archive dt { font-size:2rem; } nav.archive dd a { font-size:1.8rem; } #news .newsContents { display:block; width:100%; padding:0 0 10px 0; } #news .newsContents dl { margin:0 15px; padding:10px 0; } #news .newsContents dt { float:none; width:auto; font-size:1.6rem; padding-left:8px; } #news .newsContents dd { margin-left:8px; font-size:1.4rem; } #news .article .date { font-size:1.6rem; margin-bottom:10px; } #news .article h3 { font-size:2rem; margin-bottom:30px; } #news .article .picArea img { margin-bottom:20px; } #news .article .innrS p { margin-bottom:20px; font-size:1.4rem; } nav.permanent li { font-size:1.2rem; padding:0 10px; } table#wp-calendar { margin-bottom: 20px; } } /*--------------------------------- add css news end add css faq start --------------------------------*/ #faq h3 { margin-bottom:40px; margin-top:-110px; padding-top:110px; } #faq section { border-left:6px solid; padding:25px 0 0 50px; } #faq section dt { font-size:1.8rem; font-weight:bold; margin-bottom:10px; cursor:pointer; } #faq section dt:hover { color:#85bf69; } #faq section dd { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc; display:none; } #faq section dd p { font-size:1.6rem; margin:0 0 0 70px; padding-top:5px; } #faq section dd p.one { line-height:3; } #faq section dl span { font-size:3rem; color:#fff; display:inline-block; height:50px; width:50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; margin: 0 20px 20px 0; } #faq section dl span.cate { font-size:1.8rem; font-weight:bold; color:#d7b83e; display:inline-block; height:auto; width:auto; border:none; text-align: left; margin: 0 10px 0 0 ; } #faq section dl span.question { background:#b5a176; } #faq section.sec01, #faq section.sec04 { border-color:#85bf69; } #faq section.sec01 dl span.answer, #faq section.sec04 dl span.answer { background:#85bf69; float:left; } #faq section.sec02, #faq section.sec05 { border-color:#d7b83e; } #faq section.sec02 dl span.answer, #faq section.sec05 dl span.answer { background:#d7b83e; float:left; } #faq section.sec03, #faq section.sec06 { border-color:#9cbcce; } #faq section.sec03 dl span.answer, #faq section.sec06 dl span.answer { background:#9cbcce; float:left; } @media (max-width: 480px) { #faq h3 { border-bottom:4px solid; padding-left:5px; } #faq section.sec01 h3, #faq section.sec04 h3 { border-color:#85bf69; } #faq section.sec02 h3, #faq section.sec05 h3 { border-color:#d7b83e; } #faq section.sec03 h3, #faq section.sec06 h3 { border-color:#9cbcce; } #faq section { border:none; padding:0; } #faq section dt { font-size:1.4rem; font-weight:bold; } #faq section dd { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc; } #faq section dd p { font-size:1.2rem; margin:0 0 0 52px; padding-top:0; } #faq section dd p.one { line-height:1.6; } #faq section dl span { font-size:2rem; height:34px; width:34px; margin: 0 10px 20px 0;} #faq section dl span.cate { font-size:1.4rem; } #faq section dl span.question { float:left; } } /*--------------------------------- add css faq end add css about start --------------------------------*/ #about.improvement section div { margin-bottom:80px; } #about.improvement section .point dt { margin-bottom: 40px; } #about.improvement .picArea { float:right; width:340px; } #about.improvement .picArea img { } #about.improvement .picArea .left img { float:left; } #about.improvement .picArea .right img { float:right; } #about.improvement section .details { background:#fff; padding:25px 30px 20px; margin-bottom:30px; } #about.improvement section .details dt { color:#85bf69; font-weight:bold; font-size:1.8rem; margin-bottom:10px; } #about.improvement section .details dd ul { margin-left:20px; } #about.solution section img { margin-bottom:30px; } #about.beforeAfter .picArea { position:relative; width:820px; margin:0 auto 20px auto; background:url(/wp-content/themes/BriskHair/images/about/arrow.png) 325px 70% no-repeat; } #about.beforeAfter .picArea .before { position:absolute; left:0; bottom:0; } #about.beforeAfter .picArea .after { position:absolute; right:0; bottom:0; } #about.beforeAfter .picArea .before img, #about.beforeAfter .picArea .after img { border:6px solid #fff;/* box-shadow */ box-shadow:rgba(0, 0, 0, 0.08) 0px 0px 6px 1px; -webkit-box-shadow:rgba(0, 0, 0, 0.08) 0px 0px 6px 1px; -moz-box-shadow:rgba(0, 0, 0, 0.08) 0px 0px 6px 1px; } #about.beforeAfter .picArea .before span { position:absolute; top:-45px; left:-45px; display:block; text-align:center; color:#fff; height:65px; width:90px; padding-top:25px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background:#95c77c; font-size:2.6rem; font-weight:700; } #about.beforeAfter .picArea .after span { position:absolute; top:-55px; left:-55px; display:block; text-align:center; color:#fff; height:75px; width:110px; padding-top:35px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background:#6ca651; font-size:3rem; font-weight:700; } #about.beforeAfter .name { font-size:1.6rem; text-align:left; margin-bottom:20px; } #about.beforeAfter .name span { font-size:3rem; color:#6ca651; } #about.beforeAfter .commentArea { background:#fff; padding:20px 0 0 0; } #about.beforeAfter .commentArea dt { position:relative; margin-bottom:10px; background-color:#85bf69; padding: 8px 0 8px 35px; color: #fff; font-size: 2rem; margin: 0 0 0 -10px; } #about.beforeAfter .commentArea dt:before { position:absolute; bottom:-10px; border-width:5px; border-style:solid; border-top-color:#6ca651; border-bottom-color:transparent; content:""; } #about.beforeAfter .commentArea dt:before { left:0; border-left-color:transparent; border-right-color:#6ca651; } #about.beforeAfter .commentArea dd { padding:20px 40px; } #about.beforeAfter .case01 { margin-top:100px; } #about.beforeAfter .case01 .picArea { height:500px; } #about.beforeAfter .case02 { margin-top:120px; } #about.beforeAfter .case02 .picArea { height:500px; } #about.beforeAfter .case03 { margin-top:120px; } #about.beforeAfter .case03 .picArea { height:630px; } @media (max-width: 480px) { #about.improvement .picArea { width:45%; margin-left:15px; } #about.improvement .picArea .left img { width:48%; } #about.improvement .picArea .right img { width:48%; } #about.improvement .img_right { width:45%; margin-left: 15px; margin-bottom: 8px; } #about.improvement .img_right.staff { width:100%; margin-left: 0; margin-bottom:15px; } #about.improvement section .details { background:#fff; padding:16px 15px 10px; margin-bottom:30px; } #about.improvement section .details dt { color:#85bf69; font-weight:bold; font-size:1.4rem; margin-bottom:10px; } #about.improvement section .details dd ul { margin-left:0; font-size:1.2rem; } #about.beforeAfter .picArea { position:inherit; width:100%; margin:0 auto 5px auto; background:none; text-align:left; } #about.beforeAfter .picArea ul { display:table; } #about.beforeAfter .picArea ul li { display:table-cell; vertical-align:baseline; } #about.beforeAfter .picArea .before { position:relative; width:40%; padding:5px; } #about.beforeAfter .picArea .after { position:relative; width:60%; padding:5px; } #about.beforeAfter .picArea .before img { box-sizing:border-box; } #about.beforeAfter .picArea .after img { box-sizing:border-box; } #about.beforeAfter .picArea .before span { position:absolute; left:-15px; height:35px; width:50px; padding-top:15px; font-size:1.4rem; } #about.beforeAfter .picArea .after span { position:absolute; top:-30px; left:-20px; height:45px; width:60px; padding-top:15px; font-size:2rem; } #about.beforeAfter .name { font-size:1.2rem; margin-bottom:10px; } #about.beforeAfter .name span { font-size:2.2rem; } #about.beforeAfter .commentArea dt { padding: 8px 0 8px 20px; font-size: 1.6rem; } #about.beforeAfter .commentArea dd { padding:10px 20px; font-size:1.4rem; } #about.beforeAfter .case01 { margin-top:50px; } #about.beforeAfter .case01 .picArea { height:auto; } #about.beforeAfter .case01 .picArea .before span { top:30%; } #about.beforeAfter .case02 { margin-top:60px; } #about.beforeAfter .case02 .picArea { height:auto; } #about.beforeAfter .case02 .picArea .before span { top:30%; } #about.beforeAfter .case03 { margin-top:60px; } #about.beforeAfter .case03 .picArea { height:auto; } #about.beforeAfter .case03 .picArea .before span { top:22%; } } /*--------------------------------- add css about end add css flow start --------------------------------*/ #flow section h3 { font-size:3rem; line-height:1.1; background:#85bf69; color:#fff; height:115px; width:180px; padding-top:65px; padding-bottom:0; margin-bottom:30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-weight:normal; float:left; } #flow.treatment section h3 { height:135px; padding-top:45px; } #flow section h3 span { font-size:2rem; } #flow .menuBox { background:#fff; padding:15px 10px 15px 20px; margin-top:40px; position:relative; float:right; width:665px; } #flow .menuBox .icn { font-size:1.4rem; font-weight:bold; color:#fff; display:inline-block; background:#85bf69; padding:5px 10px; position:absolute; top:-15px; left:20px; } #flow .menuBox .name { font-size:2.2rem; font-weight:bold; width: 52%; float: left; text-align:left; line-height:1; margin: 20px 0 8px 0; } #flow .menuBox .name span { font-size:1.2rem; font-weight:normal; } #flow .sec01 { margin-bottom:0; } #flow .sec01 .priceBox { position:relative; width: 48%; float: right; margin: 10px 0 0 0; } #flow .sec01 .priceBox ul { float: left; left: 50%; position: relative; } #flow .sec01 .priceBox ul li { text-align: center; font-size: 2.2rem; font-weight: bold; line-height: 1.3; margin: 0 6px; float: left; position: relative; left: -50%; } #flow .sec01 .priceBox ul li span { font-size: 1.2rem; font-weight: bold; } #flow .sec01 .priceBox ul .price02 { color:#85bf69; } #flow .sec01 .priceBox ul .price03 { color:#786131; } #flow .sec01 .catch { float: right; width: 670px; text-align: left; margin: 15px 0 15px 0; font-weight: bold; font-size: 1.8rem; } #flow .attn { text-align:right; font-size:1.2rem; color:#666; } #flow.dye .sec02, #flow.perm .sec02 { background:url(/wp-content/themes/BriskHair/images/flow/dye_bg.png) center top no-repeat; padding-top:80px; } #flow.treatment .sec02 { background:url(/wp-content/themes/BriskHair/images/flow/treatment_bg.png) center top no-repeat; padding-top:80px; } #flow.cyber .sec02 { background:url(/wp-content/themes/BriskHair/images/flow/cyber_bg.png) center top no-repeat; padding-top:80px; } #flow .sec02 div { margin-bottom:20px; } #flow .sec02 dt { font-size:2.4rem; font-weight:bold; margin-bottom:20px; } #flow .sec02 dt span.en { font-family: 'Sofia', cursive; font-size:4.8rem; color:#85bf69; } #flow .sec02 dd { font-size:1.8rem; } #flow .sec02 .goal { position:relative; height:157px; } #flow .sec02 .goal .goalTxt { position:absolute; top:0; left:180px; } #flow .sec02 .goal .goalPic { position:absolute; top:-110px; left:0; } #flow .sec03 { background:url(/wp-content/themes/BriskHair/images/flow/flow_strype.png) 0 0 repeat; padding:6px; box-sizing: border-box; } #flow .menuInnr { background:#fff; position:relative; padding: 30px 40px 20px 40px; } #flow .sec03 .icn { position:absolute; top:-30px; left:-50px; display:block; text-align:center; color:#fff; font-size:2.8rem; line-height:1.1; height:85px; width:110px; padding-top:25px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background:#85bf69; } #flow .sec03 .icn .en { font-size:3rem; font-weight:800; } #flow .sec03 .name { font-size:3rem; font-weight:bold; padding-left: 35px; } #flow .sec03 .name span { font-size:1.8rem; font-weight:bold; } #flow .sec03 p.txt { margin: 20px 0; } #flow .sec03 .priceBox { background:#f1fcec; padding: 13px 0 18px 0; position:relative; margin-bottom:10px; } #flow .sec03 .priceBox ul { float: left; left: 50%; position: relative; } #flow .sec03 .priceBox ul li { text-align: center; font-size: 2.6rem; font-weight: bold; line-height: 1.3; margin: 0 25px; float: left; position: relative; left: -50%; } #flow .sec03 .priceBox ul li span { font-size: 1.4rem; font-weight: bold; } #flow .sec03 .priceBox ul .price02 { color:#85bf69; } #flow .sec03 .priceBox ul .price03 { color:#786131; } #flow .bnrArea { padding-left:150px; } #flow .bnrArea .flowMenu { width:350px; float:left; position:relative; margin: 0 45px; } #flow .bnrArea .img { height:240px; overflow:hidden; } #flow .bnrArea dl { position:absolute; top:50px; left:-70px; text-align:center; } #flow .bnrArea dt { font-size:2.4rem; line-height:1; height:90px; width:140px; padding-top:50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background:#85bf69; color:#fff; } #flow .bnrArea dt.treatment { height:100px; padding-top:40px; } #flow .bnrArea dt .en { font-size:1.4rem;} #flow .bnrArea dd { font-size:1.2rem; padding-top:20px; } #flow.cyber .ttl { background:url(/wp-content/themes/BriskHair/images/flow/ttlBg_cyber.jpg) 50% 0 no-repeat; } #flow.cyber section h3 { background:url(/wp-content/themes/BriskHair/images/flow/cyber_bgG.jpg) 50% 50% no-repeat; height:135px; padding-top:45px; font-size:2.4rem; line-height:1.3; } #flow.cyber .menuBox .icn { background:url(/wp-content/themes/BriskHair/images/flow/cyber_bgG.jpg) 50% 50% no-repeat; } #flow.cyber .priceBox .special { font-size:1.2rem; text-align:center; } #flow.cyber .priceBox .special strong.yl { font-weight:bold; } #flow.cyber .priceBox .special span { font-size:2rem; font-weight:bold; } #flow.cyber .sec01 .catch { float: none; width: auto; clear:both; text-align: center; margin: 25px 0 15px 0; } #flow.cyber .sec02 dt span.en { font-family: 'Niconne', cursive; color:#877122; font-size:5.5rem; } #flow.cyber .sec02 .goal { margin-top:190px; } #flow.cyber .sec02 .goal .goalPic { position:absolute; top:-220px; right:-50px; left: inherit; } #flow.cyber .sec03 { background:url(/wp-content/themes/BriskHair/images/flow/flow_strypeG.png) 0 0 repeat; } #flow.cyber .sec03 .priceBox { background:#f8f6e4; } #flow.cyber .sec03 .priceBox .special { font-size:1.4rem; } #flow.cyber .sec03 .icn { height:68px; padding-top:42px; background:url(/wp-content/themes/BriskHair/images/flow/cyber_bgG.jpg) 50% 50% no-repeat; } /*test*/ #flow.test section.subTitle { background:url(/wp-content/themes/BriskHair/images/flow/cyber_ttl_left.png) 20% 0 no-repeat; background-size:5%; } #flow.test section h3 { font-size:1.2rem; line-height:1.1; background:none; color:#333; height:auto; width:auto; padding-top:0px; padding-bottom:30px; margin-bottom:30px; border-radius: 0%; -webkit-border-radius: 0%; -moz-border-radius: 0%; font-weight:normal; float:none; letter-spacing:10px; background:url(/wp-content/themes/BriskHair/images/flow/cyber_ttl_right.png) 80% 0 no-repeat; background-size:5%; } #flow.test section h3 span { font-size:6rem; font-family: 'Niconne', cursive; letter-spacing:0px; color:#877122; } #flow.test .menuBox { position:relative; float:none; width:auto; } #flow.test .sec01 .catch { float: none; width: auto; } @media (max-width: 480px) { #flow section h3 { float:none; margin:0 auto; font-size:2.4rem; height:100px; width:160px; padding-top:60px; } #flow.treatment section h3,#flow.cyber section h3 { height:115px; padding-top:45px; } #flow .menuBox { float:none; width:auto; } #flow .menuBox .icn { font-size:1.2rem; } #flow .menuBox .name { font-size:2rem; width: auto; float: none; margin: 15px 0 8px 0; } #flow .menuBox .name span { font-size:1.2rem; font-weight:normal; } #flow .sec01 .priceBox { width: auto; float: none; margin: 10px 0 0 0; } #flow .sec01 .priceBox ul { float: left; left: 50%; position: relative; } #flow .sec01 .priceBox ul li { font-size: 1.6rem; margin: 0 5px; } #flow .sec01 .priceBox ul li span { font-size: 1rem; } #flow .sec01 .catch { float: none; width: auto; font-size: 1.6rem; } #flow .attn { font-size:1.1rem; } #flow.dye .sec02, #flow.perm .sec02, #flow.treatment .sec02, #flow.cyber .sec02 { background:none; padding-top:50px; } #flow .sec02 div { padding-bottom:35px; background:url(/wp-content/themes/BriskHair/images/arrowIcnB.png) 50% bottom no-repeat; } #flow .sec02 .img_left, #flow .sec02 .img_right { float:none; margin:0; } #flow .sec02 .alignR { text-align:left; } #flow .sec02 dt { font-size:1.8rem; margin-bottom:10px; } #flow .sec02 dt span { font-size:3rem; } #flow .sec02 dd { font-size:1.4rem; } #flow .sec02 .goal { height:60px; background:none; margin-top:40px; } #flow .sec02 .goal .goalTxt { top:0; left:0; margin:0 auto; width:100%; } #flow .sec02 .goal .goalPic { top:-55px; left:-20px; width:35%; } #flow .sec03 { padding:4px; } #flow .menuInnr { padding: 20px 10px 10px 10px; } #flow .sec03 .icn { top:-30px; left:-40px; font-size:2rem; line-height:1.1; height:60px; width:80px; padding-top:20px; } #flow .sec03 .icn .en { font-size:2.2rem; font-weight:800; } #flow .sec03 .name { font-size: 2rem; padding-left: 25px; line-height: 1.1; } #flow .sec03 .name span { font-size:1.2rem; } #flow .sec03 p.txt { font-size:1.2rem; } #flow .sec03 .priceBox { padding: 8px 0 10px 0; } #flow .sec03 .priceBox ul li { font-size: 1.6rem; margin: 0 5px; } #flow .sec03 .priceBox ul li span { font-size: 1rem; } #flow .bnrArea { padding-left:60px; } #flow .bnrArea .flowMenu { width:80%; float:none; position:relative; margin: 0 0 20px 0; } #flow .bnrArea dl { position:absolute; top:30px; left:-50px; text-align:center; } #flow .bnrArea dt { font-size:1.8rem; height:65px; width:100px; padding-top:35px; } #flow .bnrArea dt.treatment { height:75px; padding-top:25px; } #flow .bnrArea dt .en { font-size:1.2rem;} #flow .bnrArea .img { height:auto; } #flow.cyber .sec02 .goal { margin-top:40px; } #flow.cyber .sec02 .goal .goalPic { top:-45px; right:-25px; left:inherit; width:30%; } #flow.cyber .sec03 .priceBox .special { font-size:1.2rem; } #flow.cyber .sec03 .icn { height:50px; padding-top:30px; } /*test*/ #flow.test section.subTitle { background:url(/wp-content/themes/BriskHair/images/flow/cyber_ttl_left.png) 0 0 no-repeat; background-size:8%; } #flow.test section h3 { font-size:1rem; padding-top:0px; padding-bottom:10px; margin-bottom:0px; background:url(/wp-content/themes/BriskHair/images/flow/cyber_ttl_right.png) right 0 no-repeat; background-size:8%; height:auto; letter-spacing:5px; } #flow.test section h3 span { font-size:3rem; } } /*--------------------------------- add css flow end add css voice start --------------------------------*/ #voice .pageLink { display:block; padding-top:100px; margin-top:-100px; } #voice .sec01 { text-align:left; background:#fff; box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; position: relative; margin-bottom:60px; } #voice .sec01:before { content: ""; position: absolute; top: -1px; right: -2px; width: 0px; height: 0px; border-bottom: 32px solid #f5f6f5; border-right: 32px solid transparent; -webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.14902); -moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.14902); box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.14902); } #voice .sec01:after { content: ""; position: absolute; top: 0; right: -3px; width: 0px; height: 0px; border-top: 32px solid #faf7e4; border-left: 32px solid transparent; } #voice .sec01 .innr { background:url(/wp-content/themes/BriskHair/images/noteBg.png) 0 0 repeat; padding:30px 30px 20px 30px; } #voice .nameArea { background:url(/wp-content/themes/BriskHair/images/voice/voice_strype.png) 0 bottom repeat-x; padding:0 5px 25px 5px; margin-bottom:25px; } #voice .nameArea .name { float:left; font-size:1.8rem; font-weight:bold; width:60%; } #voice .nameArea .name .type { font-size:1.2rem; font-weight:normal; } #voice .nameArea .date { font-size:1.2rem; float:right; width:30%; text-align:right; line-height: 2.4; } #voice .txtArea { float:right; width:480px; margin-bottom:15px; } #voice .staff { clear:both; background:rgba(212, 236, 201, 0.3); padding:15px 20px; } #voice .staff dt { font-weight:bold; color:#85bf69; margin-bottom:5px; } #voice .staff dd { font-size:1.4rem; } #voice .pageNate { margin:40px 0 60px 0; } #voice .pageNate li { display:inline; } #voice .pageNate li.now { display:inline-block; padding:8px 12px; margin:0 2px; background:#85bf69; color:#fff; font-weight:bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #voice .pageNate li a { display:inline-block; padding:8px 12px; margin:0 2px; background:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #voice .pageNate li a:hover, #voice .pageNate li a:active { background:#e4f1dc; } @media (max-width: 480px) { #voice .sec01 .innr { padding:15px; } #voice .nameArea { background:url(/wp-content/themes/BriskHair/images/voice/voice_strype.png) 0 bottom repeat-x; padding:0 5px 10px 5px; margin-bottom:15px; } #voice .nameArea .name { float:none; font-size:1.6rem; font-weight:bold; width:auto; } #voice .nameArea .date { float:none; width:auto; text-align:right; line-height: 1.6; } #voice .img_left { float:none; } #voice .txtArea { float:none; width:auto; } #voice .txtArea .message { font-size:1.4rem; } #voice .staff { padding:10px 15px; } #voice .staff dt { font-size:1.4rem; } #voice .staff dd { font-size:1.2rem; } } /*--------------------------------- add css voice end add css contact start --------------------------------*/ #contact .contactBlock dl { border-bottom:1px solid #e4e1b1; padding:15px; } #contact .contactBlock dt { float:left; font-weight: bold; padding:10px 0; } #contact .contactBlock dt span { display:inline-block; padding:2px 5px; color:#fff; font-size:1.2rem; background:#85bf69; margin-left:5px; letter-spacing:2px; } #contact .contactBlock dd { margin-left:200px; } #contact .contactBlock input { width:100%; border:2px solid #e4e1b1; padding:10px; box-sizing:border-box; } #contact .contactBlock .your-message textarea { border:2px solid #e4e1b1; width:100%; padding:10px; box-sizing:border-box; } #contact .contactBlock .btn { text-align:center; } #contact .contactBlock input.wpcf7-submit { border:none; width:50%; margin-top:60px; background:#85bf69; color:#fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:20px 100px; box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; font-weight:600; font-size:3rem; cursor:pointer; } #contact .contactBlock input.wpcf7c-btn-confirm { border:none; width:80%; margin-top:60px; background:#f8f8f8; color:#333; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:20px 100px; box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; font-weight:600; font-size:3rem; cursor:pointer; } #contact .contactBlock input.wpcf7c-btn-back { border:none; width:40%; margin-top:30px; background:#f8f8f8; color:#333; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:20px 100px; box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; font-weight:600; font-size:3rem; cursor:pointer; margin-right: 20px; } @media (max-width: 480px) { #contact .contactBlock dl { padding:6px 6px 15px 6px; } #contact .contactBlock dt { float:none; font-size:1.4rem; } #contact .contactBlock dt span { font-size:1rem; } #contact .contactBlock dd { margin-left:0; } #contact .contactBlock input.wpcf7-submit, #contact .contactBlock input.wpcf7c-btn-confirm, #contact .contactBlock input.wpcf7c-btn-back { border:none; width:100%; font-size:2rem; } #contact .contactBlock input.wpcf7-submit { margin-top:20px; } } @media (max-width: 480px) { .blogbox{ width:100%!important; } .blog_l{ width:100%!important; float:none; background:#fff; -webkit-border-radius: 6px; padding:15px!important; box-sizing:border-box!important; margin-bottom:5%; } .blog_r{ width:100%!important; float:none; background:#fff; -webkit-border-radius: 6px; padding:15px!important; box-sizing:border-box!important; } } .blogbox{ width:1050px; overflow:hidden; margin:0 auto 100px auto; } .blog_l{ width:770px; float:left; background:#fff; -webkit-border-radius: 6px; padding:25px; box-sizing:border-box; } .blog_r{ width:250px; float:right; background:#fff; -webkit-border-radius: 6px; padding:15px; box-sizing:border-box; } .blog_l .time{display:block; text-align:left;} .blog_l h2{border-bottom:3px solid #edebcb;text-align:left;padding: 0 0 10px 0;} .blog_l .content{text-align:left;padding:20px 0;margin:0 0 50px 0;} .blog_l .content:last-child{margin:0 0 0 0!important;} .blog_l h2 a{ font-size: 2.4rem; font-weight: bold; color: #a0522d; margin-bottom: -20px; margin-top: 15px; } .blog_r{text-align:left;} .blog_r ul{ margin:10px 0 30px 0; } .blog_r .subttl{ font-weight:bold; border-bottom:3px solid #edebcb; } .blog_prof{ overflow:hidden; margin:0px 0 30px 0; } .blog_prof dd{ display:inline; } .blog_prof dd p{ margin-top:4%; font-size:90%; } .blog_prof dt{ padding-right:5%; box-sizing:border-box; display:inline; width:47%; float:left; }