/* Theme Name: ownd_sumple_ver1 Theme URI: https://wordpress.org/themes/ownd_sumple_ver1/ Author: Lagrange-point:TSUTOMU YAMANO Author URI: http://lagrange-point.jp/ Description: このテーマは株式会社ラグランジュポイントが制作したテーマになります。利用する場合は、事前に当社に問い合わせ承諾をもって使用ください。 Version: 2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: twentyeleven */ /* =Reset default browser CSS. Based on work by Eric Meyer. -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; list-style:none; text-decoration:none; } *, *:before, *:after { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } p,a,h1,h2,h3,h4,h5{color:#464646} p{line-height:200%} /* サイト全体:フォント -------------------------------------------------------------- */ html, body, input, textarea, table, pre, p, h1, h2, h3, h4, h5, h6{ font-family:"Yu Gothic"} .top_right_box .new,.cate,.side_wrap .osusume{color:white} /* 短縮スタイル -------------------------------------------------------------- */ .inline{display:inline-block} .anime{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out} .shadow{-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);box-shadow: 0 3px 5px rgba(0,0,0,0.2)} /* サイト全体:疑似要素使用時の反応速度 -------------------------------------------------------------- */ h2.heading{font-weight:bold;position:relative;margin:10px 0 10px 20px;display:inline-block} h2.heading:before{content:"";width:10px;background:black;height:3px;position:absolute;top:8px;left:-20px;display:block} h2.heading:after{content:"";width:10px;background:black;height:3px;position:absolute;top:8px;right:-20px;display:block} /* サイト全体:格子 -------------------------------------------------------------- */ #all_wrap{width:90%;margin:0 auto} .breadcrumbs{width:90%;margin:10px auto;font-size:12px} .wp-pagenavi{text-align:right;margin:40px 0 0 0} .wp-pagenavi .current{background:black;color:white} .sp.header{display:none} .sp{display: none} /* Box standard -------------------------------------------------------------- */ .box{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;background:white} .box:hover{-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);box-shadow: 0 3px 5px rgba(0,0,0,0.2)} /* サイト全体:TOPメイン画像　投稿個別メイン画像 -------------------------------------------------------------- */ body{width:100%;min-width:1000px;background:#f7f7f5} .topMainImg{width:100%;vertical-align:bottom} /* サイト全体:グローバルナビ上 -------------------------------------------------------------- */ #gnavUe{width:100%;text-align: center;padding:15px 0} #menu-uemenu li{display: inline-block;color:black;padding:1px 30px 1px 30px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;border-bottom:3px solid rgba(0, 0, 0, 0);border-left:0.1px solid #cecece} #menu-uemenu li:hover{font-weight: bold} .main2Header{width:80%} #gnavUe img{width:13%;vertical-align:bottom} /* サイト全体:main 画像 -------------------------------------------------------------- */ .topMain{text-align:center;width:100%;background:white;position:relative} .headerTitle{position: absolute;top:50%;width:100%;} .headerTitle span{padding:30px 100px;color:white;font-weight:bold;font-size: 20px;border-radius:3px;background:rgba(0, 0, 0, 0.56)} .topMain .mainLogImg{width:40%;} .topMain .mainLogofreme{padding:50px 0;-webkit-animation-duration: 4s; animation-duration: 4s; } .topMain .mainLogofreme .topImgHead{font-size:15px;color:#848484;margin:10px 0 0 0} .topMain .mainImg{width:100%;vertical-align:bottom} /* サイト全体:グローバルナビ下 -------------------------------------------------------------- */ #header{padding:10px 30px 0 30px;border-bottom:1px solid #dadada;margin:0 auto;width:100%;-webkit-box-shadow: 1px 5px 5px -5px rgba(0,0,0,0.2);box-shadow: 1px 5px 5px -5px rgba(0,0,0,0.2);background:#f3f3f3;z-index:100;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out} #header ul li{display:inline-block;margin:0 20px;vertical-align:bottom} #header ul li a{color:white} #menu-shitamenu-1 li{border-bottom:3px solid transparent;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;padding:10px 0;font-size:13px} #menu-uemenu li{font-size:12px} #header .headerUe{text-align:right} #header .headerUe,#header .headerShita{font-weight:bold;font-size:15px} #header .headerShita{text-align:center;position:relative} #header .headerShita img{float:left;width:200px} #header.headerFixed1{position:fixed;top:-100px} #header.headerFixed1.headerFixed{width:100%;position:fixed;top:-0px} #menu-shitamenu{-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out} #header.headerFixed .menu-shitamenu-container #menu-shitamenu{text-align:center} /* サイトTOP:イントロ -------------------------------------------------------------- */ .topIntro{width:90%;margin:0 auto;padding:30px;text-align: center;background:white} .topIntro h2{margin:0 0 20px 0;font-size:20px;font-weight: bold} .topIntro p{font-size:15px;margin:0 0 30px 0} /* サイトTOP-記事(TOP) -------------------------------------------------------------- */ .top_articale{margin:10px 0 0 0 } .new_box{padding:30px;margin:10px 0;background:white;-webkit-box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);border-radius:2px;-webkit-transition:.3s;transition:.3s} .top_left_box{width:69%;vertical-align:top;font-size:15px;padding:0 20px 0 0} .top_left_box .top_time{font-size:15px;float:right;margin:0 5px 0 0} .top_right_box{width:30%;position:relative} .top_right_box img{width:100%;object-fit:cover;height:200px} .top_right_box .new{position:absolute;top:-25px;right:-23px;font-weight:bold;border-radius:50%;width:50px;height:50px;text-align:center;padding:10px 0;border:2px solid white} .cate{font-weight:bold;padding:0 10px;border-radius:10px;display:inline-block} .box h3{font-weight:bold;font-size:20px;margin:10px 0 5px 0} /* 記事要素(人気記事) -------------------------------------------------------------- */ .wpp-list{width:100%;text-align: center;border-spacing:2px 0} .wpp-list li{display:inline-block;padding:10px;background:white;vertical-align:top;width:23%;margin:0 10px 0 0;text-align:left;height:350px;-webkit-box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);border-radius:2px;-webkit-transition:.3s;transition:.3s} .wpp-list li:last-child{margin:0 0px 0 0} .wpp-list li img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover} .popular_cate.cate{font-size:12px} .wpp-list li h3{font-size:14px;font-weight:bold;margin:7px 0 0 0} /* 記事要素(人気記事) -------------------------------------------------------------- */ .movieTop h2{margin:20px} .movieTop ul{text-align: center} .movieTop ul li{display:inline-block;width:22%;height:auto;margin:0 10px} .movieTop ul li iframe{width:100%;height:auto} /* 記事要素(TOP以外) -------------------------------------------------------------- */ .other_left{width:70%} .nomale_article.box{padding:10px;margin:0 0 10px 0;position:relative;-webkit-box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);border-radius:2px;-webkit-transition:.3s;transition:.3s} .nomale_article img{width:35%;height:180px;display:inline-block;-o-object-fit:cover;object-fit:cover;vertical-align:bottom} .article_right{width:62%;vertical-align:top;margin:0 0 0 10px} .nomale_article.box .data_small{position:absolute;bottom:0px;right:10px;font-size:15px} /* サイドバー -------------------------------------------------------------- */ .all_wrap_single .side_wrap{margin:0} .side_wrap{width:26%;float:right;margin:46px 0 0 0;text-align:center} .side_wrap img{width:100%;} .side_wrap .osusume{font-weight:bold;margin:10px 0 18px 0;padding:5px 0 5px 10px;} .side_box{margin:0 0 10px 0;padding:5px;text-align:left;-webkit-box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);border-radius:2px;-webkit-transition:.3s;transition:.3s} .side_box img{display:inline-block;width:30%;vertical-align:top;-o-object-fit:cover;object-fit:cover;height:80px} .side_box h3{display:inline-block;width:65%;font-size:11px;vertical-align:top;text-align:left;margin:0} /* footer -------------------------------------------------------------- */ footer{margin:40px 0 0 0;padding:30px;background:#2f2f2f;clear:both} footer h2{color:white} footer li{display:inline-block;font-size:12px;margin:0 10px 0 0} footer li a{color:white} footer .footer_campany{text-align:center;font-size:12px;margin:10px 0 0 0;color:white} /* 記事個別ページ -------------------------------------------------------------- */ .artical_gaiyo_img{width:100%} .all_wrap_single{width:1200px} .artical_content p{line-height:250%} .artical_content .youtube{text-align:center} .artical_content p.text-align{text-align: center} .artical_gaiyo_movie{width:80%;margin:30px auto;background:#fbfbfb;padding:10px;box-shadow:2px 3px 4px 1px #d9d7d3; -moz-box-shadow:2px 3px 4px 1px #d9d7d3; -webkit-box-shadow:2px 3px 4px 1px #d9d7d3;} .single_wrap{background:white;border:1px solid #EBEBEB;padding:30px;-webkit-animation-duration: 4s; animation-duration: 4s} .all_wrap_single .other_left{width:70%} .artical_content p img.alignright{float:right;margin:0 0px 0 10px} .artical_content p img.alignleft{float:left;margin:0 10px 0 0px} .block{display:block} time{font-family:Gungsuh;} .single_title{font-size:30px;font-weight:bold;margin:20px 0} .single_right{text-align:right} .single_right img{width:10%;border-radius:50%} .single_seminar .nomale_article{height:100px} .single_seminar .article_left{width:20%;height:100px} .single_seminar .article_right{width:79%;height:100px} .article_right a{font-weight:bold} .artical_gaiyo_movie iframe{width:100%} .artical_content{line-height:200%} .artical_content .single_chu{text-align:right;font-size:10px;color:black} .single_cta{border:1px solid #dadada;padding:15px 0 15px 15px;box-shadow:2px 3px 4px 1px #d9d7d3; -moz-box-shadow:2px 3px 4px 1px #d9d7d3; -webkit-box-shadow:2px 3px 4px 1px #d9d7d3;} .single_cta img{display:inline-block;width:100%} .single_cta_right_box{display:inline-block;vertical-align:top;width:46%;padding:0 0 0 20px} .single_cta_right_box .special_side_form{font-size:15px;font-weight:bold} .single_cta_detail{font-size:13px;margin:10px 0} .single_cta_img_box{width:50%;display:inline-block} .artical_content p a img{width:auto;max-width:100%;height:auto;vertical-align: bottom} .artical_content p img{width:auto;max-width:100%;height:auto} /* 記事コンテンツ内効果 -------------------------------------------------------------- */ .artical_content .single_content{padding:10px;border:1px solid #EBEBEB;background:#fbf8f8} .artical_content p strong{font-size:18px;font-weight:bold;} .artical_content h2{font-size:25px;border-bottom:1px solid black;border-left:3px solid black;padding-left:10px;margin:30px 0;font-weight:bold} .artical_content h3{font-size:20px;margin:10px 0;border-bottom:1px solid black} blockquote{padding:20px;border:1px solid #EBEBEB;background:#fbf8f8;margin:10px 0} .artical_content .single_cta{padding: 20px;width: 90%;display: block;background: #ff7625;margin: 20px auto;text-align: center;font-size: 20px;color: white !important;font-weight: bold;border-radius: 10px;} /* 記事　関連記事 -------------------------------------------------------------- */ .single_other ul{text-align:justify;} .single_other ul:after{content:"";width:100%;display:inline-block;} .single_other ul li{width:175px;padding:0px;display:inline-block;background:white;margin:0 0 20px 0;height:190px;vertical-align:top;overflow:hidden} .single_other ul li:hover{-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);box-shadow: 0 3px 5px rgba(0,0,0,0.2)} .single_other ul li img{width:100%;-o-object-fit:cover;object-fit:cover;width:100%;height:100px} .single_other ul li h2{font-size:13px;text-align:left;font-weight:bold;padding:0 10px} /* profile -------------------------------------------------------------- */ .profiel_wrap{width:95%;margin:0px auto 30px auto} .profiel_side{width:36%;display:inline-block;vertical-align:top} .profiel_detail{width:72%;padding:0 20px 20px 20px;display:inline-block;} .profiel_wrap .new_profile{margin:0 0 10px 0;padding:20px;background:white;position:relative;box-shadow:2px 3px 4px 1px #d9d7d3; -moz-box-shadow:2px 3px 4px 1px #d9d7d3; -webkit-box-shadow:2px 3px 4px 1px #d9d7d3;} .profiel_wrap .new_profile h1{font-size:30px;font-weight:bold} .profiel_wrap .new_profile .businessClass{margin:15px 0;border-bottom:1px dotted black} .profiel_wrap .new_profile .businessClass p{font-size:15px;font-weight:bold} .profiel_wrap .profile_ue{text-align:right} .profiel_wrap .profile_ueDite{float:left;text-align:left;width:65%} .profiel_wrap .new_profile .proImg{-o-object-fit:cover;object-fit:cover;width:200px;height:230px} .profiel_wrap .side_wrap{margin:0} .profiel_wrap .new_profile h2{font-size:20px;margin:10px 0 0 0;font-weight:bold;width:70%} .profiel_wrap .new_profile h3{font-size:20px;font-weight:bold} .profiel_wrap .new_profile .proMsg{margin:20px 0;font-size:13px;line-height:200%} .profiel_article{width:40%;display:inline-block} .profiel_detail p{font-size:15px;margin:0 0 20px 0} .profiel_detail .profiel_img1{width:100%;margin:0 0 20px 0;border-bottom:1px dotted #c9c9c9;padding:0 0 30px 0} .profiel_top h1{font-size:30px;font-weight:bold;margin-bottom:50px} .profiel_top h2{margin:10px 0 10px 0;font-size:20px;font-weight:bold;border-bottom:1px dotted #cbcbcb} .profiel_top p{font-size:13px;margin:0} .profiel_top p em{font-size:20px} .profiel_side iframe{height:285px;width:100%} #profiel_side_img_box{width:35%} #profile_side_img{height:auto;width:120%;position:relative;left:-10%} .profiel_box #article_title_sub{margin:0} .profiel_box{margin:0 0 10px 0;padding:10px;height:100px;overflow:hidden} #profiel_side_title{height:100px;margin:0 0 0 10px} #profiel_side_title h2{font-size:10px} .profiel_side p{font-size:18px;margin:0 0 10px 0;background:#f3f3f3;color:black;text-align:center;padding:10px 0;border-radius:10px;font-weight:bold} .profiel_top p strong{font-weight:bold} /* service 一覧 -------------------------------------------------------------- */ .service{width:80%;margin:60px auto;text-align:center} .service h2{font-size:20px;font-weight: bold;margin:0 0 30px 0;position:relative;display:inline-block} .service h2:after{content:"";background:#a2a2a2;width:20px;height:2px;position:absolute;top:15px;right:-35px} .service h2:before{content:"";background:#a2a2a2;width:20px;height:2px;top:15px;left:-35px;position:absolute} .service li{margin:0 0 30px 0;padding:30px;background:white;-webkit-box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);border-radius:2px;-webkit-transition:.3s;transition:.3s} .service li:hover{-webkit-box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)} .service h3{font-size:18px;font-weight:bold;margin:0 0 20px 0} .service p{font-size:15px;margin:0 0 20px 0} .service a{padding:3px 10px;border-radius: 10px;font-weight:bold;} .service a:hover{background:white;color:black} /* プレゼントコンテンツ 一覧 -------------------------------------------------------------- */ .special ul li{width:40%;padding:0;margin:30px;vertical-align:top} .special ul li a{padding:0;margin:0} .special ul li h3{padding:0 30px;margin:10px 0} .special ul li p{padding:0 30px} .special ul .offerRight a{padding:0;margin:0} .special img{width:100%} /* seminar 一覧 -------------------------------------------------------------- */ .seminar_span{color:#ef3f35} .seminar_wrap{margin:90px 0 -20px 0;background:#f1f1f1} .seminar_wrap .new_box{width:80%;height:250px;overflow:hidden;margin-bottom:20px} .seminar_wrap .new_box .top_left_box{text-align:left} .seminar_wrap .new_box .top_left_box h3{text-align:left;font-size:18px;margin:10px 0;font-weight:bold;color:#ef9535} .seminar_wrap .new_box .top_right_box{height:250px} .seminar_wrap .new_box .top_right_box .new{top:-5%;right:-35px;color:white} .seminar_list_wrap{background:#f1f1f1;text-align:center;padding:20px 2.5% 10px 2.5%;width:95%;margin:0 auto} .seminar_heading{width:78.5%;background:#292828;border-left:20px solid #5a5a5a;text-align:left;color:white;margin:20px auto;padding:10px 20px;font-weight:bold} .seminar_list_wrap ul{width:83.5%;margin:0 auto;text-align:center} #seminar_list_sub ul li{display:inline-block;width:32%;margin-bottom:20px;background:white;padding:5px;height:450px;overflow:hidden} .seminar_box_sub_ue{height:210px;overflow:hidden} .seminar_a_intro_wrap{width:95%;margin:0 auto} .seminar_a_intro_wrap ul{width:80%;margin:0 auto;font-size:20px;font-weight:bold;line-height:250%} .seminar_a_back1{background:rgba(30, 80, 4, 0.08);padding:10px 0 30px 0} .seminar_a_paformance{font-size:13px;text-align:center} .seminar_a_paformance ul{margin:20px 0 0 8%;text-align:left;width:30%;font-size:13px} .seminar_a_back2 .seminar_subject{width:80%;margin:0 auto} .seminar_box_sub_shita h3{color:#ef9535;margin:10px 0;font-weight:bold} .seminar_teacher{width:95%} .seminar_teacher .ss_man{width:80%;margin:10px auto 30px auto} .seminar_teacher .ss_man ul{margin:10px;font-size:15px;width:100%} .seminar_summary_movie{width:95%;margin:10px auto;text-align: center} .seminar_summary_movie iframe{margin-top:35px} .seminar_box_sub_shita .seminar_sub_p{font-size:12px} .tuiseki{position:fixed;width:9%;background:rgba(189, 189, 189, 0.38);padding:10px 0 0px 10px;top:35%;right:0;z-index:100;border-radius:10px 0px 0px 10px} .tuiseki li{background:white;border-radius:10px 0px 0px 10px;padding:10px;margin-bottom:10px;font-size:10px;font-weight:bold;cursor:pointer} .tuiseki li:hover{background:rgb(5, 38, 113);color:white} .tuiseki li:hover > a{color:white} .tuiseki ul{line-height:200%} /* company -------------------------------------------------------------- */ #company_wrap{width:70%;display:inline-block;background:white;} .company_title_p{padding:10px 0 10px 0;width:92%;margin:10px auto 20px auto;background:white;font-size:20px;font-weight:bold;text-align:left;} #company_wrap table{text-align:left;width:95%;padding:10px 10px 0 10px;margin:0 auto 20px auto} #company_wrap table tr{height:50px;} #company_wrap table tr th{width:15%;vertical-align:middle;padding:0 0 0 10px} #company_wrap table tr td{vertical-align:middle} .company_line{border-bottom:1px dotted #c6c6c6} .company_p{display:inline-block} .company_p{width:30%} .company_last{border-bottom:0px} .campany_wrap .osusume_side .osusume{margin:0px 0 10px 0} /* categoryページ -------------------------------------------------------------- */ .notArtical{padding:100px 0;text-align: center} .all_wrap_category{width:95%;margin:150px auto} .category_wrap{width:65%;margin:0px auto;background:#f3f2f2;display:inline-block} #category_side{width:30%;margin:0px 0px 0px 30px} #category_box{display:block;width:100%} #category_box_sub{display:block;margin:10px 10px;border-bottom:2px dotted white} #category_side_img{width:120%;height:auto;position:relative;left:-10%} #category_side_title{height:80px;margin:0 0 0 10px} #category_side_title h2{font-size:10px} #category_side_img_box{width:35%;height:80px} .category_category{background:white !important} #category_sub_title{width:68%;height:150px} .category_side_title_img p{font-size:10px;margin-bottom:0px;padding:1px} /* thankyou -------------------------------------------------------------- */ .thankyou h1{font-size:20px;font-weight:bold} .thankyouBody{margin:150px} /* contactページ -------------------------------------------------------------- */ .contact_main_img{height:150px;width:100%;overflow:hidden} .contact_main_img img{width:100%} .contact_content{text-align:center;margin:30px 0 0 0} .contact_content .wpcf7 p{margin:0 0 20px 0} .contact_content .wpcf7{width:60%;margin:20px auto;background:white;padding:20px 0;-webkit-box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);border-radius:2px} .contact_content .wpcf7 input{width:80%;height:35px;font-size:20px} .contact_content .wpcf7 textarea{width:80%;font-size:15px} .contact_content div.wpcf7 .ajax-loader{width:0;height:0} .contact_main_img .mobile{width:0;height:0} /* サイト制作ページ -------------------------------------------------------------- */ #all_wrap_production{width:80%;margin:150px auto 100px auto;text-align:center;} #all_wrap_production h2{padding:10px 0;border-bottom:1px dotted #b4b4b4;font-size:30px;margin:0 0 50px 0;font-weight:bold;color:#823535} #all_wrap_production p{font-size:18px;color:#4a4949} #all_wrap_production .pro_session{padding:20px 0 20px 0;font-size:30px;background:#8f0000;color:white;border-radius:10px;font-weight:bold;margin:50px 0 0 0} #all_wrap_production h3{font-size:25px;font-weight:bold;color:#4a4949;margin:50px 0 25px 0} .pro_session_detail{line-height:200%;visibility:hidden} #all_wrap_production .fadeInUp{visibility:visible} .pro_d2{-webkit-animation-duration: 0.5s;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration: 1s;animation-duration: 1s;} .pro_d3{-webkit-animation-duration: 0.8s;-webkit-animation-delay:0.8s;animation-delay:0.8s;-webkit-animation-duration: 1s;animation-duration: 1s;} .pro_nagare .gyo_2, .pro_nagare .gyo_3{padding:50px 30px 50px 30px;border-radius:50%;background:#f3b4b4;font-size:20px;font-weight:bold;display:inline-block;width:10%;vertical-align:top} .gyo_2{margin:4% 10% 0 0} .gyo_3{margin:7% 10% 0 0} #all_wrap_production .pro_nagare em{color:white} .pro_nagere_left{display:inline-block;width:50%} .pro_nagare{margin:25px 0 25px 0;visibility:hidden} #all_wrap_production .fadeInLeft{visibility:visible} .nagare2{-webkit-animation-duration: 0.5s;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration: 1s;animation-duration: 1s;} .nagare3{-webkit-animation-duration: 0.8s;-webkit-animation-delay:0.8s;animation-delay:0.8s;-webkit-animation-duration: 1s;animation-duration: 1s;} .nagare4{-webkit-animation-duration: 1.1s;-webkit-animation-delay:1.1s;animation-delay:1.1s;-webkit-animation-duration: 1s;animation-duration: 1s;} .nagare5{-webkit-animation-duration: 1.4s;-webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-duration: 1s;animation-duration: 1s;} .nagare6{-webkit-animation-duration: 1.7s;-webkit-animation-delay:1.7s;animation-delay:1.7s;-webkit-animation-duration: 1s;animation-duration: 1s;} .pro_price{width:80%;margin:0 auto;text-align:left} .pro_price th{width:75%;padding:20px 0 20px 12%;font-size:20px} .pro_price td{color:#823535;font-size:20px;font-weight:bold} .pro_price table{margin:0px 0 50px 0%} #all_wrap_production .pro_price .pro_contact{background:#8f0000;padding:30px;border-radius:10px;color:white;width:50%;margin:50px auto;text-align:center;font-weight:bold;display:block} /* 検索窓 -------------------------------------------------------------- */ .serch_window_pc{position:fixed;top:20%;right:-27%;z-index:10} .serch_window_sp{display:none} .serch_window p{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl;display:inline-block;color:white} .serch_window form{display:inline-block;vertical-align:top;width:100%} .serch_window{background:rgba(0, 0, 0, 0.65);border-radius:10px 0 0 10px;width:30%;padding:10px} .serch_window input{font-size:15px;padding:5px;width:70%} .serch_window i{color:white;margin:0 10px 0 15px;} .serch_window_open{right:0;-webkit-transition: right 0.3s linear;transition: right 0.3s linear;} .serch_window_open .fa-chevron-left{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition:0.3s linear;transition:0.3s linear;} .header_new_navi_ue .tagline{display:inline-block;font-weight:bold} /* 検索結果 -------------------------------------------------------------- */ .sarch_wrap{width:66%;display:inline-block;vertical-align:top} .sarch_side{width:30%;display:inline-block;margin:0 0 0 30px} .no_sarch{vertical-align:top} .no_sarch p{text-align:center;font-size:20px} /* ランチェスター戦略 -------------------------------------------------------------- */ .ss_wrap{width:80%;margin:150px auto 20px auto} .ss_wrap3{width:80%;margin:50px auto} .ss_wrap a, .ss_wrap3 a, .ss_special a{color:white;display:block;text-align:center;font-size:20px} .ss_wrap h1, .ss_wrap h2, .ss_wrap3 h1{font-size:30px;text-align:center} .ss_top_title{background:-webkit-gradient(linear, right top, left top, from(#221E4D), to(#80A4B7));background:linear-gradient(-90deg, #221E4D, #80A4B7);color:white;padding:10px 0;margin:30px auto} .ss_wrap em{color:#8f0000;display:inline-block;font-weight:bold} .ss_wrap span, .ss_movie span, .ss_last span{color:#8f0000;font-weight:bold} .ss_wrap p{font-size:18px;line-height:150%;margin:20px auto} .ss_toform{padding:30px 0;background:rgba(7, 14, 76, 0.76);color:white;font-weight:bold;border-radius:10px;width:100%;margin:30px auto 100px auto;box-shadow:2px 3px 4px 1px #d9d7d3; -moz-box-shadow:2px 3px 4px 1px #d9d7d3; -webkit-box-shadow:2px 3px 4px 1px #d9d7d3;} .ss_toform:hover{background:rgba(7, 14, 76, 0.55);} .ss_osusume{text-align:center;font-size:30px;text-shadow:4px 2px 3px #4978cd;font-weight:bold} .ss_inlin{display:inline-block} .ss_osusume_content{text-align: center} .ss_osusume_content dl{border-radius:10px; width:27%;background:-webkit-gradient(linear, right top, left top, from(rgba(19, 17, 17, 0.05)), to(rgba(140, 140, 140, 0.32)));background:linear-gradient(-90deg, rgba(19, 17, 17, 0.05), rgba(140, 140, 140, 0.32));display:inline-block;margin:20px 10px;height:200px;vertical-align:top;padding:20px;font-weight:bold} .ss_osusume_content dl dt{text-align:left;color:#21256b} .ss_osusume_content dl dd{text-align:left;background:white;padding:5px;height:120px;margin:20px 0 0 0} .ss_what{border:2px solid #1f6fbb;padding:20px;margin:50px auto} .ss_what p{text-align:center} .ss_what ul{width:60%;} .ss_what ul li{margin:20px auto;line-height:200%} .ss_what .ss_left{text-align:left} .ss_what img{width:35%;float:right} .ss_naiyo dl dt{font-size:25px;color:rgb(0, 23, 140);font-weight:bold} .ss_naiyo dl dd{margin:30px auto;font-size:20px} .ss_naiyo p{font-size:15px} .ss_wrap2{margin-top:50px} .ss_center_img{width:30%} .ss_img{text-align:center;margin:80px auto} .ss_wrap2 h1{text-align:center;font-size:30px;margin:30px auto 20px auto} .ss_wrap2 h1 span{border-top:2px solid #BF953C;border-bottom:2px solid #BF953C;padding:10px 0;color:#BF953C} .ss_wrap2 li{width:25%;margin:30px 20px;vertical-align:top;text-align:left;border:1px solid #BF953C;padding:20px;height:170px} .ss_wrap2 li p{margin-top:20px} .ss_wrap2 ul{text-align:center} .ss_man_int{width:65%;margin-left:30px;vertical-align:top} .ss_man_int ul{margin-top:30px} .ss_man_pic{width:30%} .ss_man{border:2px solid #1f6fbb;padding:20px;margin-bottom:30px} .ss_man_int h2{font-size:30px;font-weight:bold} .ss_man_int h3{font-size:20px;font-weight:bold} .ss_movie p{text-align:center;font-weight:bold;font-size:30px} .ss_movie iframe{width:60%;margin:30px auto 0 auto;text-align: center;display:block} .ss_wrap3 table th, .ss_wrap3 table td{border-bottom:1px dotted #aaa;margin:0} .ss_wrap3 table th{width:20%;background:#eee;vertical-align:middle;padding:20px 0} .ss_wrap3 table td{vertical-align:middle;padding-left:10px} .ss_bottom{font-size:30px;text-align:center} .ss_room{width:100%} .ss_map p{font-size:30px;text-align: center;margin:30px auto} .ss_special{width:80%;margin:30px auto} .ss_special img{width:35%} .ss_special_text{width:60%;float:right} .ss_special_text span{color:#8f0000;font-weight:bold;font-size:18px} .ss_last{width:70%;margin:-20px auto 0 auto} .ss_right{text-align:right} .ss ul li img{width:100%;margin-top:30px} .ss ul .ss_facebook{height:400px} .ss_facebook ul{line-height:200%;font-size:20px} .ss_facebook .ss_facebook_bold{font-size:25px;color:rgb(0, 100, 146);font-weight:bold} .ss_bottom span{color:#8f0000;font-weight:bold} .ss_special .ss_special_img_big{width:100%} .ss_footer{padding:50px 0 50px 0} .ss_footer p{font-size:20px;font-weight:bold} .ss_footer h2{color:white} .ss_footer2{padding-top:50px} .ss_map iframe{width:100%} /* thankyou2017 -------------------------------------------------------------- */ .thankyou2017_title{position:absolute;top:100px;left:25%;width:50%;margin:10px auto;padding:10px;text-align:center;background:rgba(0, 0, 0, 0.79)} .thankyou2017_title i{color:white;font-size:20px;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .thankyou2017_img{background-size:cover;height:500px;position:relative;background-attachment:fixed} .thankyou2017_title h1, .thankyou2017_title h2, .thankyou2017_title p{color:white} .thankyou2017_title h1{font-size:20px} .thankyou2017_wrap{text-align:center} .thankyou2017 .content1, .thankyou2017 .content2{display:inline-block} .thankyou2017 .content1 .thankyou2017 h1{font-size:20px} .thankyou2017_content banner{display:inline-block} .thankyou2017_facebook p, .thankyou2017_content p{padding:10px;background-image: -webkit-gradient(linear, right top, left top, from(#5B6680), to(#363536));background-image: linear-gradient(-90deg, #5B6680, #363536);color:white;font-size:12px;margin:0 0 10px 0;margin:10px 0 10px 0} .thankyou2017_content .content{display:inline-block;} .thankyou2017_content .content1{width:50%;margin:0 30px 0 0;vertical-align:top} .thankyou2017_content .content1 img{width:100%;border:0.5px solid #8e8e8e;margin:0 0 14px 0} .thankyou2017_facebook{width:27%} /* 404 -------------------------------------------------------------- */ .error_page_warrp{margin:150px auto 0 auto;height:500px;width:90%} .error{padding:20px;background:white;text-align:center;font-size:20px} /* ec -------------------------------------------------------------- */ #ec_cart_bottam{position:fixed;top:40%;right:-10px;z-index:10;background:rgba(146, 5, 5, 0.67);width:3.5%;border-radius:10px;padding:13px} #ec_cart_bottam i{color:white;font-size:30px} #ec_warrap div.product form.cart{margin-bottom:0} #ec_warrap{margin:130px auto 10px auto;width:90%;padding-bottom:10px} .ec_product_single_img{height:160px;overflow:hidden} #ec_warrap ul.products li.product{display:inline-block;width:22%;margin:5px;float:none;vertical-align:top;text-align:left;background:white;padding:5px;overflow:hidden;height:400px;position:relative;border:1px solid #EBEBEB} #ec_warrap ul.products li.product h3{font-size:13px;font-weight:bold} #ec_warrap ul.products li.product .button{position:absolute;bottom:5px;left:5px;color:white;right:5px;text-align: center;background:#8f0000} #ec_warrap ul.products li.product .button:hover{background:#a56060} #ec_warrap .woocommerce-ordering{display:none} #ec_warrap ul.products{text-align:center} #ec_warrap ul.products li.product .price{text-align:right} #ec_warrap div.product .product_title{font-size:20px;font-weight:bold} #ec_warrap div.product form.cart{position:absolute;bottom:0;right:10px} .ec_item_detail{position:relative;height:400px;overflow:hidden} #ec_warrap div.product{background:white;padding:5px} #ec_warrap div.product p.price em{font-size:10px;display:inline-block} #ec_warrap div.product p.price{text-align:right;margin:20px 0;border-bottom:1px solid #EBEBEB;font-weight:bold} #ec_warrap .woocommerce-message a{background:red;color:white} #ec_warrap .woocommerce-message a:hover{background:#ff6868} .ec_cart_warrap{background:white} #ec_warrap .woocommerce-thankyou-order-received{margin:10px;padding:10px 0;font-weight:bold} #ec_warrap .woocommerce-thankyou-order-details order_details{margin:10px;padding:10px;font-weight:bold} #ec_warrap .order_details{width:97%;margin:20px auto} .wc-bacs-bank-details-heading{margin-left:10px} .ec_order_h2{margin-left:10px} .ec_checkout_warrap{background:white;padding:10px} .ec_checkout_warrap .col2-set .col-1{border-right:1px dotted #929292;padding-right:20px} @media screen and ( max-width:479px ){ /* サイト全体 -------------------------------------------------------------- */ body{min-width:100%} .breadcrumbs{margin:10px 5% 10px 5%;font-size:10px} .topMain .mainLogofreme .topImgHead{margin:5px 0 0 0;font-size:10px} .topMain .mainLogImg{width:70%} #gnavUe{display: none} header{display: none} .topMain .mainLogofreme{padding:80px 0 50px 0} .pc{display: none} .sp{display: block} /*　サイト全体　スマホナビ -------------------------------------------------------------- */ .sp.header{display:block;position:relative;z-index: 1000} .sp.header span{display:inline-block;width:25px;height:3px;background:black;position:relative} .spHanbarger{position:absolute;top:10px;right:20px;z-index: 1000} .sp.header span:before,.sp.header span:after{content:"";width:25px;height:3px;background:black;position:absolute} .sp.header span:before{top:8px} .sp.header span:after{top:-8px} .spNavi{top:0;background:rgba(0, 0, 0, 0);width:100%;position:fixed;height:100%;text-align: center;z-index: 100;height:1000px;padding:70px 0 0 0;font-size:13px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;right:-100%} .spNavi.open{display:block;background:rgba(0, 0, 0, 0.81);right:0%;top:0} #menu-shitamenu li{display:block;text-align:center;padding:10px 0;font-weight:bold} header #menu-shitamenu-1 li:hover, #menu-shitamenu li.current-menu-item{border:0 !important} #menu-shitamenu li{border:0;} #menu-shitamenu li a{color:white} #menu-uemenu-1 li{display:inline-block;margin:10px } #menu-uemenu-1 li a{color:white} #menu-uemenu-1{margin:40px 0} .sp.header span.open,.sp.header span.open:after,.sp.header span.open:before{background:white} /* TOP intro -------------------------------------------------------------- */ .topIntro{padding:10px} .topIntro h2{font-size:15px} .topIntro p{font-size:12px;text-align:left} .topIntro a.anime{margin: 20px auto 20px auto;display: block;width:70%;} /* TOP 最新記事 -------------------------------------------------------------- */ .top_left_box .top_time{font-size:10px} .cate{font-size: 10px} .box h3{font-size:15px} .top_right_box .new{display: none} .top_articale h2{margin:0 0 0 20px} .top_articale .new_box{margin:0 auto 10px auto} /* TOP 人気記事 -------------------------------------------------------------- */ .wpp-list{text-align: justify} .wpp-list:after{width:100%;display:inline-block;content:""} .popular_article{width:100%;margin: 0px auto 0px auto;height:auto} h2.heading{margin:10px 0 10px 6%} .wpp-list li img{height:80px} .wpp-list li h3{font-size:12px} .popular_article ul li{width:48%;display:inline-block;margin:0 2px 2px 2px;height:250px;overflow:hidden;border-right:1px solid white;vertical-align:top} .popular_cate.cate{font-size:10px} /* TOP movie -------------------------------------------------------------- */ .movieTop ul li{width:auto} /* TOP　時系列 -------------------------------------------------------------- */ .nomale_article img{height:70px;vertical-align: top} .article_right h3{font-size:10px;margin:0} .nomale_article.box .data_small,.popular_cate.cate{display: none} /* サイドバー -------------------------------------------------------------- */ .side_wrap{margin:0} .side_wrap .side_box h3{font-size:12px} /* 記事ページ -------------------------------------------------------------- */ .single_wrap{padding:10px} #all_wrap.all_wrap_single{width:95%} .artical_content p strong{font-size:13px} .artical_gaiyo_movie{width:100%} .artical_gaiyo_movie iframe{height:auto} .artical_content p{font-size:13px;line-height:200%} .artical_content h2{font-size:13px;margin:10px 0} .artical_content .wp-embedded-content{width:100%} .artical_content iframe{width:100%} .single_cta h2{display: none} .single_cta .special_side_form{padding:10px 20px;font-size:13px;line-height:200%;text-align: center} .single_other{text-align: center} .single_other ul li{width:47%;height:230px;margin:0 0 10px 0} .single_cta{margin:10px 0} /* サービス紹介一覧 -------------------------------------------------------------- */ .service h2{font-size:15px;margin:0 0 20px 0} .service{width:90%;margin:30px auto} .service h2::before,.service h2::after{top:12px} .service li{padding:20px 10px;margin: 0 0 20px 0} .service p{font-size:13px} a.bottom{font-size:12px} .service a{display:block} /* フッター -------------------------------------------------------------- */ footer{padding:15px} footer li{font-size:10px} footer .footer_campany{font-size:10px} /* プレゼントコンテンツ -------------------------------------------------------------- */ .special ul li{width:100%;margin:0} .special ul li h3{padding:0 10px;font-size:15px} .special ul li p{padding:0 10px} /* プロフィール -------------------------------------------------------------- */ .profiel_wrap .new_profile{padding:20px 10px} .profiel_wrap .profile_ueDite{float:none;text-align: center;width:100%;margin:0 0 10px 0} .profiel_wrap .new_profile h1{font-size:18px} .profiel_wrap .profile_ue{text-align: center} .profiel_wrap .new_profile .proImg{width:200px;height:200px;border-radius:50%;margin:20px 0} .profiel_wrap .new_profile .proMsg{text-align: left;margin:20px 0 0 0} .profiel_wrap .new_profile img{width:100%;height:auto;margin:10px 0} /* 会社概要 -------------------------------------------------------------- */ #company_wrap table tr th{font-size:10px;width:20%;padding:0} #company_wrap table tr td{font-size:10px} #company_wrap{width:100%} #company_wrap table{line-height:150%} .company_p{width:40%} .company_map{height:200px} #article_title_sub_detail h1{font-size:10px} .article_title_sub_detail #article_title_img{position:relative} .company_map iframe{width:100%} #company_wrap table{padding:0} /* contactページ -------------------------------------------------------------- */ .contact_main_img .mobile{width:100%;height:auto} .contact_main_img .pc{width:0%;height:0} .contact_content{width:90%;margin:20px auto} .contact_content .wpcf7{width:100%} .contact_content .wpcf7 input{margin-top:10px} .contact_description{text-align:left;font-size:12px} .contact_content .wpcf7 input,.contact_content .wpcf7 textarea{width:90%;padding:5px;height:auto} .contact_content form label{font-size:13px} } /*2018 letter content */ .letterMain{width:100%;height:auto} #letter{border:1px solid #f1f1f1;margin:30px auto;padding:30px;width:800px;-webkit-box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);border-radius:2px;-webkit-transition:.3s;transition:.3s;background:white} #letter h2{text-align:center;font-size:30px;font-weight:bold;margin:30px 0} #letter h3{text-align:center;font-size:20px;font-weight:bold;margin:0 0 20px 0} #letter p,#letter p sub{line-height:200%;font-size:17px} #letter p img{margin:10px 0} #letter p.text-align{text-align:center} #letter p strong{font-weight: bold} #letter p span.color,#letter p strong span.color{background:unset} #letter p span textarea{width:100%} #letter table td{padding:20px} #letter .letterForm{padding:30px;border:1px solid #ececec;margin:20px auto 0 auto;border-radius:3px;clear: both} #letter .letterForm .letterFormp{text-align:center;font-weight:bold;font-size:20px} #letter .letterForm form{width:90%;margin:30px auto;} #letter .letterForm form th{background:#f3f3f3 !important} #letter .letterForm form td{padding:10px 30px 10px 30px;width:60%;background:#f9f9f9} #letter .letterForm form input{-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;width:100%;padding:10px;margin:0 0 20px 0} #letter .letterForm form input[type="radio"],#letter .letterForm form input[type="checkbox"]{width:auto} #letter .letterForm form .formBtn{margin:30px 0 0 0;border:3px solid #184693;font-weight:bold;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out} .letterMain{margin:60px auto 0 auto;width:95%} #letter .letterForm form .formBtn:hover{background:white;color:#184693} #letter img.alignleft{float:left;margin:10px 20px 20px 0} #letter img.alignright{float:right;margin:10px 0 20px 20px} #letter .letterForm form .wpcf7-submit{margin:30px auto 0 auto} #letter .letterForm form .wpcf7-select{width:100%;padding:10px} .whiteHeader{text-align:center} @media screen and ( max-width:479px ){ #letter{width:95%;padding:35px 15px 15px 15px} #letter h2{font-size:18px} #letter p img{width:100%} #letter p, #letter p sub{font-size:13px} #letter .letterForm .letterFormp{font-size:18px} #letter .letterForm form{width:100%} #letter .letterForm{padding:10px;text-align: center;margin:10px 0 0 0} #letter img.alignleft,#letter img.alignright{width:100%;float:none;margin:10px 0} #letter .letterForm form td{padding:10px 0;text-align:center} #letter .letterForm form input{width:100%} #letter .letterForm form .inputText.inputTextShortest{margin:10px 0} } /* 追加　フォームページ　*/ #formpage .formWarrp{margin:60px auto;width:60%;text-align:center;background:white;padding:30px;-webkit-box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);box-shadow:0 0.5px 2px 0 rgba(0,0,0,.1), 0 0.5px 0.5px 0 rgba(0,0,0,.1), 0 1.5px 0.5px -1px rgba(0,0,0,.1);border-radius:2px} #formpage .formWarrp form input,#formpage .formWarrp form textarea{padding:10px 5px;width:60%} #formpage .formWarrp form select{padding:10px 5px;width:60%} #formpage .formWarrp form p{margin:20px 0 0 0} #formpage .formWarrp div.wpcf7 .ajax-loader{display:block} #formpage .formWarrp form .wpcf7-submit{background:#ffa243;border:3px solid #ffa243;color:white;font-weight:bold;margin:30px 0 0 0} #formpage .formWarrp form .wpcf7-submit:hover{background:white;color:#ffa243;-webkit-transition:.3s;transition:.3s} #formpage .formWarrp h2{font-weight:bold;font-size:20px;margin:0 0 3 0px 0} @media screen and ( max-width:479px ){ #formpage .formWarrp{margin:30px auto;width:95%;} #formpage .formWarrp form input, #formpage .formWarrp form textarea,#formpage .formWarrp form select{width:100%} .thankyouBody{margin:0;padding:60px 5%} }