/* Theme Name:source_tcd045-child Template: source_tcd045 Theme URI:https://linkedbrain.jp/tsource_tcd045-child/ Description:WordPressテーマ「SOURCE」子テーマ Author:Design Plus Author URI:http://design-plus1.com/tcd-w/ Version:1.4 Text Domain:tcd-w */ /*追記した箇所*/ /*役員リスト*/ ul.yakuin{ padding:0; overflow:hidden; } ul.yakuin li{ width:110px; } ul.yakuin li:nth-child(even){ list-style: none; float:left; } ul.yakuin li:nth-child(odd){ list-style: none; float:left; clear:left; } /*お知らせページの背景がデフォルトグレーだったので白に変更*/ body{overflow: hidden;} body{font-family: "Noto Sans JP" , 'Montserrat' , "メイリオ", Meiryo, "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif!important;} #single_news{background: #fff!important;} /*Wantedlyへのリンクボタンに外部アイコンを追加*/ .btn_wantedly{} .btn_wantedly::after{font-family: "Font Awesome 5 Free";content: '\f360';margin-left: 15px;} /*見出し　ニュースページのみ archive-news.phpのclass名をheadline→headline2に変更し他のページの見出しと差別化*/ h2.headline{display:none!important;} @media only screen and (max-width: 991px) { h2.headline{display:none!important;}} @media only screen and (max-width: 767px) { h2.headline{display:none!important;}} @media only screen and (max-width: 550px) { h2.headline{display:none!important;}} h2.headline2{font-size:40px;text-align:center;font-weight:600;color:#54544a;} @media only screen and (max-width: 991px) { h2.headline2{font-size:30px!important;}} @media only screen and (max-width: 767px) { h2.headline2{font-size:30px!important;}} @media only screen and (max-width: 550px) { h2.headline2{font-size:30px!important;}} /*フッターのお問い合わせ欄（footer.phpのclass名をtitle→title2に変更しヘッダー画像と差別化*/ /*実際の画像サイズは「TCDテーマオプション基本情報のCSS欄に追記*/ h3.title2{font-size:24px;text-align:center;font-weight:600;} @media only screen and (max-width: 991px) { h3.title2{font-size:20px!important;}} @media only screen and (max-width: 767px) { h3.title2{font-size:20px!important;}} @media only screen and (max-width: 550px) { h3.title2{font-size:20px!important;}} /*トップページ見出しのグラデ*/ .home .index_list_header h3.headline{background: #333; background: -webkit-linear-gradient(-45deg, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text;} /* ---------------------------------------------------------------------- フリースペース ---------------------------------------------------------------------- */ /* フリースペース　1　ゲームクリエイション */ #index_freecontent1_wrap{background: #fff;height: auto; padding:50px 0; } #index_free_content1{/*overflow: hidden;padding:40px;*/} .service_container{width: 1150px;height: 400px;padding: 40px 0;display: inline-flex;flex-wrap: nowrap;flex-direction: row;align-content: flex-start;justify-content: center;align-items: stretch;}/*parent*/ .service_container .flex-item-img{flex-grow:1; flex-shrink: 1;} .service_container .flex-item-txt{flex-grow:4;flex-shrink: 0;flex-basis: 600px;z-index: 1;background: #f4f4f0;padding: 40px;} #index_free_content1 h2 {font-size:24px; font-weight: 600;letter-spacing: 5px;padding: 0;margin:0;} #index_free_content1 span.subdesc{font-size:16px;font-weight:600;letter-spacing: 5px;padding: 0; margin: 0; color: #868686;line-height: 1.75em;} #index_free_content1 p{color:#000;font-size:16px;line-height: 1.75em;padding: 20px 0;} #index_free_content1 ul {list-style-type: none;} #index_free_content1 ul li {list-style-type: none;color:#000;font-size: 16px; line-height: 1.75em; } @media only screen and (max-width:991px){ .service_container{max-width: 991px; height: auto; display: flex;flex-direction: column;} } @media only screen and (max-width:767px){ .service_container{max-width: 767px; height: auto; display: flex;flex-direction: column;} } @media screen and (max-width:550px){ .service_container{max-width: 550px; height: auto; display: flex;flex-direction: column;} } .flex-container { display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;-webkit-justify-content: center;justify-content:center; } .flex-item { -webkit-flex: auto;flex: auto; } /* ---------------------------------------------------------------------- ヘッダー ---------------------------------------------------------------------- */ #header { width:100%; height:122px; position:relative; z-index:20;} #header_inner { height:122px!important; width:calc(100% * 1150 / 1280); max-width:1150px; margin:0 auto; position:relative;} .home #header { position:absolute;height: auto; background-color:#000;} .page #header { height: auto; background-color:#000;}/*180518追加*/ .archive #header { height: auto; background-color:#000;}/*180518追加*/ .blog #header { height: auto; background-color:#000;}/*180518追加*/ .single #header{height: auto!important;background-color:#000;}/*180607追加*/ .error404 #header{height: auto!important;background-color:#000;} .mobile #footer_social_link{ background-color:#000 !important; } #menu-gnb{height:90px!important;} @media only screen and (max-width:991px){ #header { height:56px; } #header_inner{ height:56px!important; } } @media only screen and (max-width:767px){ #header { height:56px; } #header_inner{ height:56px!important; } } @media screen and (max-width:550px){ #header { height:56px; } #header_inner{ height:56px!important; } } /* サブナビゲーション 2018.05.16追加 SNSリンクを追加したため*/ .custom_subnavi{ float:right;} .custom_subnavi > ul {height:auto;position:relative;} .custom_subnavi > ul > li {background: rgba(90,90,90,0.6); position:relative;display:inline-block;padding: 10px 20px;font-size:12px;} .custom_subnavi > ul > li:hover {background: #0C9D35;} .custom_subnavi > ul > li > a {font-weight: 600;color: #e9e9e9!important; text-decoration:none;height:auto;display:block;/*修正前0 35px*/ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box!important;} .custom_subnavi .navi_facebook a::before {font-family: "Font Awesome 5 Brands";content: '\f39e';margin-right: 20px;} .custom_subnavi .navi_twitter a::before {font-family: "Font Awesome 5 Brands";content: '\f099';margin-right: 20px;} .custom_subnavi .navi_externalsite a::after {font-family: "Font Awesome 5 Free";content: '\f360';margin-left: 15px;} @media only screen and (max-width:991px){ .custom_subnavi{ display: none;} } @media only screen and (max-width:767px){ .custom_subnavi{ display: none;} } @media screen and (max-width:550px){ .custom_subnavi{ display: none;} } /* 固定ヘッダー */ .pc .header_fix #header { position:fixed; top:0px; left:0px; z-index:200; box-shadow:none!important; animation: slideDown 0.5s ease; -ms-animation: slideDown 0.5s ease; -webkit-animation: slideDown 0.5s ease; -moz-animation: slideDown 0.5s ease;} @-webkit-keyframes slideDown {0% { top:-50px; }100% { top:0px; }} @keyframes slideDown {0% { top:-50px; }100% { top:0px; }} /* ロゴ */ .pc #logo_text, .pc #logo_image { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .pc #header_logo .logo { font-size:20px; margin:0; } .pc #header_logo .logo a { text-decoration:none; } .pc #logo_image img.pc_logo_image { display:block; } .pc #logo_image img.mobile_logo_image { display:none; } /* グローバルメニュー */ .pc #global_menu { float:right;font-family: "Noto Sans JP" , 'Montserrat' , "メイリオ", Meiryo, "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif!important;} .pc #global_menu > ul {height:90px; font-size:0;position:relative;} .pc #global_menu > ul > li {font-size:1%;position:relative;display:inline-block;color: #fff !important;/* 2018.05.11 */} .pc #global_menu > ul > li > a {font-weight: 600;font-size:14px;text-decoration:none;height:90px;line-height:90px;display:block; padding:0 30px !important;/* 修正前0 35px */-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box; box-sizing:border-box!important;color: #fff !important;/* 2018.05.09 グローバルナビゲーションの設定*/} .pc #global_menu > ul > li > a:hover { color: #0C9D35 !important;/* 2018.05.09 */} /* グローバルメニュー＞サブメニュー */ .pc #global_menu ul ul { display:none; width:200px; position:absolute; top:90px; left:10px; margin:0; padding:0;}/*1階層目*/ .pc #global_menu ul ul ul { left:100%; top:0px; margin:0; border:none;} .pc #global_menu ul ul li { line-height:1.5; padding:0; margin:0; text-align:left; position:relative; display:block; } .pc #global_menu ul ul a { display:block; font-size:14px; border:none; position:relative; padding:15px 20px 14px 20px; height:auto; line-height:1.6; margin:0; text-align:left; box-shadow:none;background: rgba(0,0,0,0.5);}/* 2階層目以降のナビゲーション */ .pc #global_menu ul ul a:hover { text-decoration:none; border:none;} .pc #global_menu ul ul li.menu-item-has-children > a::before { margin:0; display:block; top:20px; right:10px; position:absolute; content:""; width:0; height:0; border-style:solid; border-width:4px 0px 4px 4px; border-color:transparent transparent transparent #fff; } .pc #global_menu li li.current-menu-item > a { font-weight: 600!important; } /* グローバルメニュー＞サブメニュー位置調整 */ ul.sub-menu > li > ul.sub-menu {position: absolute!important; top:0px!important;left:200px!important;}/*2階層目*/ /* ---------------------------------------------------------------------- トップページ ---------------------------------------------------------------------- */ .home #top { width:100%; height:auto; position:relative; margin:0 0 40px 0!important; overflow:hidden;} /* スライダー */ #header_slider { width:100%; height:auto; position:relative; } #header_slider.no_slider_nav { padding-bottom:0; } #header_slider .item { width:100%; height:auto; } #header_slider .item img { width:100%; height:auto; display:block; } #header_slider .item .overlay { display:block; width:100%; height:100%; z-index:2; position:absolute; left:0px; top:0px; } #header_slider .slick-dots { display:block; position:absolute; z-index:2; bottom:180px; left:0; right:0; margin:auto; text-align:center!important; } #header_slider .slick-dots li {display:inline-block; width:13px; height:13px; margin:0 6px; position:relative;} #header_slider .slick-dots button {cursor:pointer; border:none; color:transparent; width:13px; height:13px; display:block; font-size:0; background:none;} #header_slider .slick-dots button::before {content:''; display:block; width:13px; height:13px; line-height:13px; background:#ddd; border-radius:20px; position: absolute; top:0; left:0;} #header_slider .slick-dots button:hover::before, #header_slider .slick-dots .slick-active button::before {background:#000;} .pc #header_slider .slick-dots { display:none !important; } /* スライダーナビゲーションリンク */ #header_slider_nav { bottom:0px; left:0px; border-bottom:1px solid #ddd; position:relative; width:100%; width:-webkit-calc(100% + 1px); width:-moz-calc(100% + 1px); width:calc(100% + 1px);} /* ここから */ #header_slider_nav .slick-track { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;-ms-grid-row-align: stretch;align-items: stretch;} /* ここまで */ #header_slider_nav .item { background:#fff; padding:38px; border-right:1px solid #ddd; cursor:pointer; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; height: inherit;} #header_slider_nav .item:last-child { border:none; } #header_slider_nav .label { width:60px; height:60px; text-align:center; color:#fff; border-radius:50%; font-size:11px; margin:0 20px 0 0; position:relative; flex:none; display:table; } #header_slider_nav .label span {line-height:1.3; display:table-cell; vertical-align:middle;} #header_slider_nav .catch {font-size:16px; line-height:2;} #header_slider_nav .slick-current, #header_slider_nav .item:hover { background:#f7f7f7; } /* スライダーのキャッチコピー */ #header_slider .caption, #header_video .caption, #header_youtube .caption {font-weight: 600; position:absolute; text-align:center; z-index:5; width:calc(100% * 1150 / 1280); max-width:1150px; margin:auto; left:0; right:0; top:50%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #header_slider .caption .title, #header_video .caption .title, #header_youtube .caption .title { font-size:42px; line-height:1.4; } #header_video .caption .desc, #header_youtube .caption .desc { margin-top:20px; } #header_slider .caption .button, #header_video .caption .button, #header_youtube .caption .button { font-size:14px; text-decoration:none; padding:0 45px; height:45px; line-height:45px; display:inline-block; margin:25px 0 0 0; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } /* スライダーのキャッチコピーのアニメーション 変更なし*/ .pc #header_slider .caption .title, .pc #header_video .caption .title, .pc #header_youtube .caption .title, .pc #header_slider .caption .button, .pc #header_video .caption .button, .pc #header_youtube .caption .button { opacity:0; } .pc #header_youtube .caption .title, .pc #header_video .caption .title { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .pc #header_youtube .caption .button, .pc #header_video .caption .button { -webkit-transform: translateY(100%); transform: translateY(100%); } .pc #header_slider .slick-active .caption .title, .pc #header_slider .caption .button { -webkit-animation: opacityAnimation 1.0s ease forwards 1.0s; animation: opacityAnimation 1.0s ease forwards 1.0s; } .pc #header_slider .first_active .caption .title, .pc #header_youtube .caption.first_active .title, .pc #header_video .caption.first_active .title, .pc #header_slider .first_active .caption .button, .pc #header_youtube .caption.first_active .button, .pc #header_video .caption.first_active .button { -webkit-animation: opacityAnimation 1.0s ease forwards 2.0s !important; animation: opacityAnimation 1.0s ease forwards 2.0s !important; } .pc #header_youtube .caption.first_active .title, .pc #header_video .caption.first_active .title { -webkit-animation: moveUp 1.0s ease forwards 2.0s !important; animation: moveUp 1.0s ease forwards 2.0s !important; } .pc #header_youtube .caption.first_active .button, .pc #header_video .caption.first_active .button { -webkit-animation: moveUp 1.0s ease forwards 2.1s !important; animation: moveUp 1.0s ease forwards 2.1s !important; } /* ３点ボックスコンテンツ */ #index_3box_wrap{ background: linear-gradient(70deg, #CEDB27, #145526); padding: 100px 0 25px 0;} #index_3box { width:calc(100% * 1150 / 1280); max-width:1150px; margin:0 auto;} /* ３点ボックスヘッダー */ #index_3box_header .headline { margin:0 0 40px 0!important; font-size:36px; line-height:1.4; text-align:center; font-weight: 700!important;color:#fff;letter-spacing: 10px;} #index_3box_header .desc { margin:0 0 30px 0; font-size:16px; line-height:1.75em; text-align:center; } #index_3box_header .desc p{ line-height:1.75em;color:#fff;font-weight: 400;} /* ３点ボックスリスト */ #index_3box_list {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin:0 auto; width:100%;} #index_3box_list .box { width:calc(100% / 3); position:relative; padding:40px 40px 50px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;} #index_3box_list .icon { width:170px; height:170px; border-radius:50%; background:rgba(0,0,0,0.5)!important; margin:0 auto 35px; position:relative; overflow:hidden; } #index_3box_list .icon span { text-indent:-200px; display:block; } #index_3box_list .icon span::before { font-family:"design_plus"; font-size:60px!important; width:60px; text-align:center; display:block; position:absolute; /*top:55px!important;*/ left:165px!important; } #index_3box_list .catch { font-size:20px!important; line-height:2; margin:0 0 20px 0; text-align:center; color:#fff;letter-spacing:5px;}/* キャッチ */ #index_3box_list .desc { font-size:16px!important; line-height:1.75em!important; margin:0 0 30px 0!important; overflow:hidden; color:#ccc;font-weight: 400;}/* 説明文 */ #index_3box_list .link { position:absolute; right:0px; bottom:0px; text-align:center;}/* 詳細を見るボタン */ #index_3box_list .link a { background:rgba(12,157,53,0.6)!important; display:inline-block; height:50px; line-height:50px; color:#fff; padding:0 50px; text-decoration:none; } #index_3box_list .link a:hover { background:rgba(255,255,255,0.2) !important; } #index_3box_list .three_box_icon1 span::before { content:"\e91b"; } #index_3box_list .three_box_icon2 span::before { content:"\e149"; } #index_3box_list .three_box_icon3 span::before { content:"\e91e"; } #index_3box_list .three_box_icon4 span::before { content:"\e91f"; } #index_3box_list .three_box_icon5 span::before { content:"\e953"; } #index_3box_list .three_box_icon6 span::before { content:"\e320"; } #index_3box_list .three_box_icon7 span::before { content:"\e924"; } #index_3box_list .three_box_icon8 span::before { content:"\e920"; } #index_3box_list .three_box_icon9 span::before { content:"\e921"; } #index_3box_list .three_box_icon10 span::before { content:"\e5c3"; } #index_3box_list .three_box_icon11 span::before { content:"\e147"; } #index_3box_list .three_box_icon12 span::before { content:"\f012"; } #index_3box_list .three_box_icon13 span::before { content:"\f080"; } #index_3box_list .three_box_icon14 span::before { content:"\f201"; } #index_3box_list .three_box_icon15 span::before { content:"\e0c6"; } #index_3box_list .three_box_icon16 span::before { content:"\eb3f"; } #index_3box_list .three_box_icon17 span::before { content:"\e0b7"; } #index_3box_list .three_box_icon18 span::before { content:"\e87d"; } #index_3box_list .three_box_icon19 span::before { content:"\f0ac"; } #index_3box_list .three_box_icon20 span::before { content:"\f0ae"; } #index_3box_list .three_box_icon21 span::before { content:"\f0eb"; } #index_3box_list .three_box_icon22 span::before { content:"\e7f4"; } #index_3box_list .three_box_icon23 span::before { content:"\e838"; } #index_3box_list .three_box_icon24 span::before { content:"\f110"; } #index_3box_list .three_box_icon25 span::before { content:"\e88a"; } #index_3box_list .three_box_icon26 span::before { content:"\f135"; } #index_3box_list .three_box_icon27 span::before { content:"\f1b2"; } #index_3box_list .three_box_icon28 span::before { content:"\e2c0"; } #index_3box_list .three_box_icon29 span::before { content:"\f013"; } #index_3box_list .three_box_icon30 span::before { content:"\e869"; } #index_3box_list .three_box_icon31 span::before { content:"\e0c6"; } #index_3box_list .three_box_icon32 span::before { content:"\e7f4"; } #index_3box_list .three_box_icon33 span::before { content:"\e91e"; } /* ３点ボックスコンテンツ */ @media only screen and (max-width:991px){ #index_3box_wrap{padding: 100px 0 0 0;} #index_3box_list { display:block; width:100%; } #index_3box_list .box { width:100%; margin: 0!important;} } @media only screen and (max-width:767px){ #index_3box_wrap{padding: 100px 0 0 0;} #index_3box { width:auto; margin:0 auto; } #index_3box_header { padding:0 20px;} #index_3box_header .headline { font-size:26px !important; } #index_3box_header .desc { text-align:left; font-size:14px!important; } #index_3box_list .box { position:relative; padding:40px; margin: 0!important;} #index_3box_list .icon { margin:0 auto 10px; }/*margin:0 auto 31px;*/ #index_3box_list .icon span::before { font-family:"design_plus"; font-size:60px!important; width:60px; text-align:center; display:block; position:absolute; /*top:100px!important; left:145px!important; */} #index_3box_list .catch { text-align:left; margin-bottom:22px; } #index_3box_list .desc { height:auto; overflow:none; margin:0 0 31px 0; } } @media screen and (max-width:550px) { #index_3box_wrap{padding: 100px 0 0 0;} #index_3box { width:100%; margin:0 auto; } #index_3box_list .box { margin:0 auto; position:relative; padding:40px 20px; } #index_3box_list .icon { float:none; width:128px; height:128px; border-radius:128px; position:relative; } #index_3box_list .icon span::before { top:46px; left:100px; }/*left:144px;*/ #index_3box_list .icon span::before { font-family:"design_plus"; font-size:60px!important; width:60px; text-align:center; display:block; position:absolute; top:50px!important; left:145px!important; } #index_3box_list .catch { text-align:center; } #index_3box_list .link { position:relative; right:0; left:0; bottom:0px; text-align:center; width: 100%;} } /* 一覧の見出し */ .index_list_header { margin:0 auto 60px; position:relative;font-weight: 700!important;} .index_list_header .headline { font-size:36px; line-height:1.25; font-weight: 700!important;text-align:center!important;margin-bottom: 10px;letter-spacing: 10px;} .index_archive_link { font-size:14px; float:right; display:inline-block; background:#0C9D35; color:#fff; text-decoration:none; height:45px; line-height:45px; padding:0 40px; min-width:170px; box-sizing:border-box; text-align:center; } .index_archive_link a::after{font-family:'design_plus';content:'\f105';} .index_archive_link:hover { color:#fff; text-decoration:none;background-color: #ddd!important;} .mobile_archive_link .index_archive_link { display:none; } /* お知らせ一覧 */ #index_news_list { width:calc(100% * 1150 / 1280); max-width:1150px; margin:0 auto 100px; overflow:hidden; } .news_list li { border:1px solid #ddd; margin:0 0 -1px 0; padding:0 25px; box-sizing:border-box; width:100%; /*overflow:hidden; */} .news_list li:hover { background:#fafafa; } .news_list li:last-child { margin-bottom:0; } .news_list .date { float:left; line-height:58px; font-weight:bold; margin:0 22px 0 0; font-size:12px; } .news_list .category { float:left; margin:0 20px 0 0; line-height:58px; } .news_list .category a { display:inline-block; height:30px; line-height:30px; color:#fff; font-size:12px; min-width:70px; text-align:center; padding:0 20px; border-radius:30px; text-decoration:none; } .news_list .category a:hover { } .news_list .title { float:left; font-size:16px; font-weight:normal; width:800px; }/* font-size:14px;*/ .news_list .title a { display:block; line-height: 1.5em!important; height:auto!important;margin: 20px 0; }/*line-height: 58px; height:58px;*/ .news_list .title a:hover { text-decoration:none; } /* アニメーション */ .use_animation #index_news_list .index_list_header .headline { opacity:0; } .use_animation #index_news_list .index_archive_link { opacity:0; } .use_animation #index_news_list.animated .index_list_header .headline { -webkit-animation: opacityAnimation 1.0s ease forwards 0.5s; animation: opacityAnimation 1.0s ease forwards 0.5s; } .use_animation #index_news_list.animated .index_list_header .index_archive_link { -webkit-animation: opacityAnimation 1.0s ease forwards 1.0s; animation: opacityAnimation 1.0s ease forwards 1.0s; } .use_animation #index_news_list li { opacity:0; } .use_animation #index_news_list li.active { -webkit-transform: translateX(120px); transform: translateX(120px); -webkit-animation: moveLeft 0.65s ease forwards 1.5s; animation: moveLeft 0.65s ease forwards 1.5s; } /* ---------------------------------------------------------------------- 制作実績一覧 ---------------------------------------------------------------------- */ #work_header_image { height:400px; } #index_work_list_wrap{padding: 100px 0 50px 0;background: #fff!important;width: 100%;} #index_work_list { width:calc(100% * 1150 / 1280); max-width:1150px; margin: 0 auto; } /*#index_work_list #work_list_wrap { width:100%; margin-bottom:70px; }*/ #index_work_list_wrap > #index_work_list > .index_list_header > h3.headline{color:#000!important;} #work_list_wrap { width:calc(100% * 1150 / 1280); max-width:1150px; margin:0 auto 150px; overflow:hidden; } .work_list { position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .work_list .box { float:left; width:calc(100% * 360 / 1150); border:1px solid #ddd; margin:0 calc(100% * 35 / 1150) 30px 0; background:#f7f7f7; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .work_list .box:nth-child(3n) { margin-right:0; } .work_list .box .title { width:calc(100% + 2px); font-size:14px; height:45px; line-height:45px; text-align:center; margin:0 0 20px 0; font-weight:normal; position:absolute; top:-1px; left:-1px; background:#000; } .work_list .box .title a { color:#fff; display:block; text-decoration:none; } .work_list .box .image { border-radius:160px; width:160px; height:160px; display:block; margin:65px auto 20px; overflow:hidden; position:relative; z-index:2; } .work_list .box .image img { width:100%; height:100%; -webkit-backface-visibility:hidden; backface-visibility:hidden; max-width:none; } .work_list .box .category { text-align:center; margin:0 0 20px 0; } .work_list .box .category a { background:#000; color:#fff; text-decoration:none; font-size:12px; text-align:center; height:30px; line-height:30px; display:inline-block; padding:0 20px; border-radius:30px; } .work_list .box .category a:last-child { display:none; } .work_list .box .category a:only-child { display:inline-block; } .work_list .box .catch { margin:0 30px 10px; line-height:1.8; } .work_list .box .date { font-size:14px; color:#888; margin:0 30px 27px; } /* アニメーション */ .use_animation #index_work_list .index_list_header .headline { opacity:0; } .use_animation #index_work_list .index_archive_link { opacity:0; } .use_animation #index_work_list.animated .index_list_header .headline { -webkit-animation: opacityAnimation 1.0s ease forwards 0.5s; animation: opacityAnimation 1.0s ease forwards 0.5s; } .use_animation #index_work_list.animated .index_list_header .index_archive_link { -webkit-animation: opacityAnimation 1.0s ease forwards 1.0s; animation: opacityAnimation 1.0s ease forwards 1.0s; } .use_animation #index_work_list .box { opacity:0; } .use_animation #index_work_list .box.active { -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-animation: moveUp 0.65s ease forwards 1.5s; animation: moveUp 0.65s ease forwards 1.5s; } /* カテゴリ―ボタン */ #work_category_list {width:calc(100% * 1150 / 1280); max-width:1150px; margin:0 auto 50px!important; }/*margin:80px auto; リストの上下*/ #work_category_list li { float:left; width:25%;height:50px!important;margin:0 -1px -1px 0;} #work_category_list li a {display:block; width:100%; margin:0 -1px -1px 0; position:relative;height:100%;background: #ddd!important; border:1px solid #fff!important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;} /*width:100%; margin:0 -1px -1px 0; position:relative;height:100%; liの50pxに対する割合*/ /*border:1px solid #ddd;*/ #work_category_list li a:hover { background:#eee!important; text-decoration: underline!important;} #work_category_list li .image { display:none; } #work_category_list li .name {display:block; position:absolute; top:50%; left:20px!important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);}/*left:85px; */ /* #work_category_list li .image img { width:60px; height:60px; display:block; border-radius:60px; } */ /* ---------------------------------------------------------------------- 製作実績ページ ---------------------------------------------------------------------- */ /* 見出し */ #work_header { background:#3a3d36!important; width:100%; height:80px; } #work_header_inner { width:calc(100% * 1150 / 1280); max-width:1150px; margin:0 auto; height: auto;} #work_header .category { float:left; margin:25px 30px 0 0; } #work_header .category a { background:#000; color:#fff; text-decoration:none; font-size:12px; text-align:center; height:30px; line-height:30px; display:inline-block; padding:0 20px; border-radius:30px; } #work_header .title { float:left; font-size:16px; font-weight:normal; height:30px; line-height:30px; color:#fff; margin:25px 0 0 0; } /* 詳細ページ　下部 */ #work_footer_data { position:relative; background:#f7f7f7; padding:40px 40px 0; margin:0 0 50px 0; } #work_footer_data .image { width:160px; height:160px; display:block; position:absolute; top:50%; left:35px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } #work_footer_data .image img { display:block; width:100%; height:auto; border-radius:100%; } #work_footer_data .data { margin:0 0 0 200px; } #work_footer_data .title { font-size:16px; margin:0 0 20px 0; line-height:1.8; } #work_footer_data .link { margin:0 0 20px 0; display:block; } /* ボタン */ #work_footer_data .link_button { margin:0 0 20px 0; } #work_footer_data .link_button a { font-size:12px; text-decoration:none; display:inline-block; padding:0 20px; height:35px; line-height:35px; text-align:center; } /* 詳細ページ　ナビゲーション */ #work_navigation { text-align:center; font-size:0; } #work_navigation a { padding:0 60px; height:50px; line-height:50px; color:#fff; font-size:14px; display:inline-block; background:#bbbbbb; vertical-align:top; text-decoration:none; position:relative; } #work_navigation a:hover { background:#000; } #work_navigation a.prev { margin:0 8px; } #work_navigation a.next { margin:0 8px; } #work_navigation a.prev:before { content:''; width:15px; height:20px; font-family:'design_plus'; color:#fff; font-size:16px; display:block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:'\e90f'; position:absolute; top:2px; left:15px; } #work_navigation a.next:before { content:''; width:15px; height:20px; font-family:'design_plus'; color:#fff; font-size:16px; display:block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:'\e910'; position:absolute; top:2px; right:15px; } /* 制作実績　詳細ページ */ .works_detail_desc{line-height: 1.75em!important;} /* 制作実績詳細ページ リスト*/ .work_outline{margin-bottom: 40px;} .work_outline ul{margin:0!important;} .work_outline ul li{list-style: none;display: inline-block;margin:0 20px 0 0!important;} .work_outline ul li:first-child{font-weight: 600;width:11em;margin-right: 10px;} .work_outline li.badge{vertical-align:middle;margin-top:10px;} @media screen and (max-width:550px) { .work_outline ul li{list-style: none;display: block;} .work_outline ul{margin-bottom:20px!important;} } /* ---------------------------------------------------------------------- アーカイブページ ---------------------------------------------------------------------- */ #page_header { margin:74px 0 70px 0; } #page_header .headline { font-weight: 600!important; line-height:1.25; text-align:center; margin:0 0 10px 0; color:#3a3d36!important;} #page_header .desc { line-height:2.2; text-align:center; margin:0; } /* ページング */ .page_navi { margin:0; } .page_navi ul { margin:0; text-align:center; font-size:0; } .page_navi li { display:inline; margin:0 -1px -1px 0; } .page_navi a, .page_navi a:hover, .page_navi span { font-size:12px; padding:14px 16px; line-height:1; margin:0; background:#fff; display:inline-block; border:1px solid #ccc; } .page_navi a:hover { color:#fff; background:#222; text-decoration:none; } .page_navi span.dots { background:none; } .page_navi span.current { color:#fff; background:#333; border-color:#333; } .page_navi p.back { margin:0; text-align:center; } .page_navi p.back a { background:#bbb; color:#fff; text-decoration:none; display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; font-size:12px; position:relative; padding:0; } .page_navi p.back a:hover { color:#fff; } .page_navi p.back a:hover::before { color:#fff; } /* ---------------------------------------------------------------------- フッター ---------------------------------------------------------------------- */ /* フッター上部 */ #footer_top { background:#3a3d36!important; } #footer_top_inner { width:calc(100% * 1150 / 1280); max-width:1150px; margin:0 auto; padding:75px 0 50px; /*color:#fff; */background: #3a3d36;} #footer_top a { color:#ccc;} /* メニュー */ #footer_menu { margin:0 0 75px 0; width:100%; font-size:0; text-align:center; } #footer_menu ul { display:inline-block; vertical-align:top; width:180px; text-align:left; margin:0 30px 0 0; } #footer_menu ul:last-child { margin:0; } #footer_menu li { margin:0 0 7px 0; font-size:15px!important; line-height:2.0; }/*font-size:12px*/ #footer_menu li:last-child { margin:0; } #footer_menu a { display:block;color: #ccc;} #footer_menu a:hover { text-decoration:none; color: #0C9D35!important;} /* 住所 */ #footer_address { margin:0; text-align:center; } #footer_address .logo { margin:0 0 20px 0; } #footer_address .logo a { display:inline-block; } #footer_address .logo img { display:block; margin:0 auto; } #footer_address .info { line-height:1.75em; font-size:0; } #footer_address li { font-size:14px!important; display:inline; margin:0 0.5em;color: #ccc; }/*font-size:12px;*/ /* フッター下部 */ #footer_bottom { width:100%; height:60px; background: #000!important;} #footer_bottom_inner { width:calc(100% * 1150 / 1280); max-width:1150px; margin:0 auto; height:60px; position:relative; } #footer_bottom a { } /* SNSボタン */ #footer_social_link { position:absolute; left:0px; top:14px; } #footer_social_link li { float:left; margin:0 5px 0 0; position:relative; } #footer_social_link li a { display:block; text-indent:-200px; overflow:hidden; width:30px; height:30px; position:relative; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; } #footer_social_link li::before { font-family:'design_plus'; color:#fff; font-size:17px; display:block; position:absolute; top:10px; left:9px; width:17px; height:17px; line-height:17px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #footer_social_link li.twitter::before { content:'\e904'; } #footer_social_link li.facebook::before { content:'\e902'; } #footer_social_link li.insta::before { content:'\ea92'; top:11px; } #footer_social_link li.rss::before { content:'\e90b'; } #footer_social_link li.twitter:hover::before { color:#16b9dc; } #footer_social_link li.facebook:hover::before { color:#3B5998; } #footer_social_link li.insta:hover::before { color:#8a3ab9; } #footer_social_link li.rss:hover::before { color:#ffcc00; } /* コピーライト */ #copyright { text-align:center; height:60px; line-height:60px; } #copyright a{ color:#fff!important; text-decoration: none;} #copyright a:hover{ color:#0C9D35!important; text-decoration: none; } /* ---------------------------------------------------------------------- フッター上　バナーエリア ---------------------------------------------------------------------- */ article#top_banner{text-align: center; background-color: #3a3d36;border-bottom: 1px solid #000;padding: 3em 0 5em 0;} article#top_banner h2{color: #ccc;font-size: 26px;padding: 30px 0 60px 0;letter-spacing: 5px;} #top_banner_wrap{width:1150px;display: inline-flex;display : -webkit-inline-box;display : -ms-inline-flexbox;display : -webkit-inline-flex;display : inline-flex;justify-content: space-between;-webkit-box-pack: justify;-webkit-justify-content: space-between; -ms-flex-pack: justify;align-items: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-wrap: nowrap;-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap;} #top_banner_wrap .banner{flex-grow: 1;flex-shrink: 0;} @media only screen and (max-width:991px){ article#top_banner h2{font-size: 18px;} #top_banner_wrap{width:100%; flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column; -ms-flex-direction: column;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;} #top_banner_wrap .banner{flex-grow: 1;flex-shrink: 1;margin-bottom: 10px;} } @media only screen and (max-width:767px){ article#top_banner h2{font-size: 18px;} #top_banner_wrap{width:100%; flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column; -ms-flex-direction: column;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;} #top_banner_wrap .banner{flex-grow: 1;flex-shrink: 1;margin-bottom: 10px;} } @media screen and (max-width:550px) { article#top_banner h2{font-size: 18px;} #top_banner_wrap{width:100%; flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column; -ms-flex-direction: column;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;} #top_banner_wrap .banner{flex-grow: 1;flex-shrink: 1;margin-bottom: 10px;} } /* ---------------------------------------------------------------------- コンタクトフォーム ---------------------------------------------------------------------- */ .wpcf7 {width:auto!important; padding:0; margin:0 0 2.5em !important;background: none!important;border: none!important;} .wpcf7 form{ margin:0!important;}/* margin:1.5em 1.5em 0;*/ .wpcf7 p { margin-bottom:1em; font-size:12px; } .wpcf7 input { width:auto; border:none!important;line-height:4em; padding:8px;background:#f4f4f0;}/*line-height:1.2;width:100%;border:1px solid #ccc; -moz-box-sizing: border-box; box-sizing: border-box; */ .wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { width:auto; max-width:97%; padding:8px; }/*border:1px solid #ccc;*/ .wpcf7 select, .wpcf7 .wpcf7-list-item-label { line-height:4em; font-size:14px; }/*line-height:1.2;*/ .wpcf7 select{border: none!important;background:#f4f4f0!important;} .wpcf7-list-item { display:block; } .wpcf7 textarea { width:auto; border:none!important;line-height:1.2; padding:8px; height:300px; background: #f4f4f0!important;} .wpcf7 input:focus, .wpcf7 textarea:focus { outline:none; border:none!important;box-shadow: none!important;}/*border:1px solid #bbb;*/ .wpcf7 input.wpcf7-submit { position:relative; display:block; width:225px; height:48px; margin:30px auto 0; background-color:#333333; cursor:pointer; border:none !important; color:#fff; text-align:center; text-decoration:none; font-size:14px; line-height:1.5; outline:none; -webkit-transition: all .3s; transition: all .3s; } .wpcf7 input.wpcf7-submit, .wpcf7 input.wpcf7-submit::before, .wpcf7 input.wpcf7-submit::after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .wpcf7 input.wpcf7-submit:hover { background-color:#666666; } .wpcf7 .wpcf7-not-valid { background:pink; } .wpcf7 .wpcf7-response-output { margin:10px 0 0; padding:8px 35px 8px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .wpcf7 .wpcf7-validation-errors { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7; } .wpcf7 .wpcf7-mail-sent-ok { color:#3A87AD; background-color:#D9EDF7; border:1px solid #BCE8F1; } /* Contact Form 7カスタマイズ */ .ta-contact{} .ta-contact table{border:none!important;} .ta-contact table input{background: #f4f4f0!important;}/*入力項目*/ .inquiry th {text-align: left;font-size: 16px!important;color: #222;width: 30%;background:#fff!important; vertical-align: top;border:none!important;font-weight:600!important;} .inquiry td {font-size: 16px!important;vertical-align: middle;border:none!important;width:auto;height: auto;} /* 必須の調整 */ .haveto{} .haveto::after {content: '必須';margin-left:30px;margin-bottom: 2px;font-size: 8px;background:#FFA7A8;color: #fff;border-radius: 2px;padding: 5px 6px 6px;vertical-align: middle;} /* 必須の調整 */ .haveto-en{} .haveto-en::after {content: 'Required';margin-left:30px;margin-bottom: 2px;font-size: 8px;background:#FFA7A8;color: #fff;border-radius: 2px;padding: 5px 6px 6px;vertical-align: middle;} /* 必須の調整 */ .haveto-zh{} .haveto-zh::after {content: '必填';margin-left:30px;margin-bottom: 2px;font-size: 8px;background:#FFA7A8;color: #fff;border-radius: 2px;padding: 5px 6px 6px;vertical-align: middle;} /* 任意の調整 */ .any {} .any::after{content: '任意';margin-left:30px;margin-bottom: 2px;font-size: 8px;background:#929490;color: #fff;border-radius: 2px;padding: 5px 6px 6px;vertical-align: middle;} /* ラジオボタンを縦並び指定 */ .verticallist .wpcf7-list-item {display: block;} /* 送信ボタンのデザイン変更 */ .soushinbtn{width:40%;background: #0C9D35!important;font-weight: 600;} .soushinbtn:hover{background: #ddd!important;} /* スマホContact Form 7カスタマイズ */ @media only screen and (max-width: 991px) { .inquiry th{width: auto;} .inquiry th, .inquiry td {display:block;}/*改行*/ .inquiry tr:first-child th {} .soushinbtn{} } @media only screen and (max-width: 767px) { .inquiry th{width: auto;} .inquiry th, .inquiry td {display:block;}/*改行*/ .inquiry tr:first-child th {} .soushinbtn{} } @media only screen and (max-width: 550px) { .inquiry th{width: auto;} .inquiry th, .inquiry td {display:block;} .inquiry tr:first-child th {} .soushinbtn{} } /* 個人情報の同意 */ .form_privacy{border:1px solid #ddd;background-color:#fff;height:200px;overflow:auto;overflow-y:scroll;overflow-x:hidden;margin:20px 0 40px 0;padding: 30px;} .form_privacy ul{list-style-type: none!important;} .form_privacy ul li{list-style-type: none!important;} /* 送信について注意 */ .form_caption{font-size: 12px;line-height: 1.2em;padding: 20px;} /* ---------------------------------------------------------------------- WordPress プリセットスタイル ---------------------------------------------------------------------- */ /* alignment */ .post_content .alignright { float:right; } .post_content .alignleft { float:left; } .post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; } .post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; } .post_content .wp-caption.alignleft { margin:7px 14px 7px 0; } .post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; } .post_content .wp-caption.alignright { margin:7px 0 7px 14px; } .post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; } /* text and headline */ .post_content p { line-height:1.75em!important; margin:0 0 2em 0; }/*line-height:2.3*/ .post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.4; font-weight:600!important; margin:0 0 10px 0; padding:10px 0 0 0; } .post_content h1 { font-size:150%; } .post_content h2 { font-size:140%; } .post_content h3 { font-size:130%; } .post_content h4 { font-size:120%; } .post_content h5 { font-size:110%; } .post_content h6 { font-size:100%; } /* image */ .post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img { height:auto; max-width:100%; } /* list */ .post_content li, .post_content dt, .post_content dd { line-height:2.2; } .post_content ul, .post_content ol, .post_content dl { margin-bottom:24px; } .post_content ol { list-style:decimal outside none; margin-left:1.5em; } .post_content ul { list-style:circle outside none; margin-left:1.3em; } .post_content li > ul, .post_content li > ol { margin-bottom:0; } .post_content dt { font-weight:bold; } .post_content dd { margin-bottom:1em; } /* table */ .post_content table { margin:0 0 24px 0; width:100% !important; } .post_content td, .post_content th { border:1px solid #bbb; padding:10px 15px; line-height:2.2; background:#fff; } .post_content th { background:#ddd; font-weight:normal; } /* table style */ .post_content table.table_no_border th, .post_content table.table_no_border td { border:none; padding-left:0; } .post_content table.table_border_horizontal th, .post_content table.table_border_horizontal td { border-left:none; border-right:none; padding-left:0; } /* block quote */ .post_content blockquote { margin:0 0 25px 0; padding:27px 30px 0; border:1px solid #ccc; box-shadow:0px 4px 0px 0px #f2f2f2; position:relative; } .post_content blockquote::before { content: '"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#5cbcd7; } .post_content blockquote::after { content: '"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#5cbcd7; } .post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; } /* captions */ .post_content .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; } .post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; } /* gallery */ .gallery { margin-bottom:20px; } .gallery a img { border: 0 !important; } .gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; } .gallery-columns-1 .gallery-item { max-width:100%; } .gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width:calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width:calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width:calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px); max-width:calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width:-webkit-calc(11.1% - 4px); max-width:calc(11.1% - 4px); } .gallery-columns-10 .gallery-item { max-width: 7%; max-width:-webkit-calc(9.4% - 0px); max-width:calc(9.4% - 0px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right:0; } .gallery-caption { background-color:rgba(0, 0, 0, 0.7); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%; } .gallery-caption::before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; } /* etc */ .post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; } .post_content address { margin:0 0 24px 0; line-height:2.2; } .post_content pre { border-left:5px solid #7fc120; font-size:12px; margin:0 0 27px 0; line-height:25px; background:url(img/common/pre.gif) repeat left top; padding:0 17px; overflow:auto; } .post_content .sticky { } .post_content .mejs-container { margin: 12px 0 25px; } /* ---------------------------------------------------------------------- button - CSSボタンのスタイル ---------------------------------------------------------------------- */ .q_button { min-width:200px; max-width:90%; background-color:#0C9D35!important; display:inline-block; vertical-align:middle; padding:.6em 1.3em .5em; font-weight:600; font-size:100%; color:#fff !important; margin:0; text-decoration:none; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; transition:all 0.3s ease-in-out 0s; box-shadow:0 1px 3px rgba(0,0,0,.15); } .q_button:hover, .q_button:focus { text-decoration:none !important; color:#fff; background-color:#bbb!important; box-shadow:none!important; } /* ---------------------------------------------------------------------- Contactform - ���₢���킹�t�H�[�� ---------------------------------------------------------------------- */ .wpcf7 {width:auto!important; border:1px solid #ddd; background:#fafafa; padding:0; margin:0 0 2.5em !important;/* font-size:14px;*/} .wpcf7 form{ margin:1.5em 1.5em 0;} .wpcf7 p { margin-bottom:1em; font-size:12px; } .wpcf7 input, .wpcf7 textarea { width:auto; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #ccc; line-height:1.2; padding:8px;}/*width:100%;*/ .wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { width:auto; max-width:97%; border:1px solid #ccc; padding:8px; } .wpcf7 select, .wpcf7 .wpcf7-list-item-label { line-height:1.2; font-size:14px; } .wpcf7-list-item { display:block; } .wpcf7 textarea { height:300px; } .wpcf7 input:focus, .wpcf7 textarea:focus { outline:none; border:1px solid #bbb; -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2); } .wpcf7 input.wpcf7-submit { position:relative; display:block; width:225px; height:48px; margin:30px auto 0; background:#0C9D35!important; cursor:pointer; border:none !important; color:#fff; text-align:center; text-decoration:none;font-weight: 600!important; font-size:14px; line-height:1.5; outline:none; -webkit-transition: all .3s; transition: all .3s; } .wpcf7 input.wpcf7-submit, .wpcf7 input.wpcf7-submit::before, .wpcf7 input.wpcf7-submit::after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .wpcf7 input.wpcf7-submit:hover { background:#bbb!important; } .wpcf7 .wpcf7-not-valid { background:pink; } .wpcf7 .wpcf7-response-output { margin:10px 0 0; padding:8px 35px 8px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .wpcf7 .wpcf7-validation-errors { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7; } .wpcf7 .wpcf7-mail-sent-ok { color:#3A87AD; background-color:#D9EDF7; border:1px solid #BCE8F1; }