/* ---------------------------------------------------------------------- pc style setting ---------------------------------------------------------------------- */ body { margin:0; padding:0; /*background:url(img/common/background1.gif) repeat-x left top;*/ /*font-family:"Century Gothic",Arial,sans-serif;*/ font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#333; font-size:16px;} /* Add Shige */ a:hover, #index_topics .title a:hover, #index_blog .post_date, #product_list ol li .title a, #related_post .date, .product_headline a:hover, #top_headline .title, #logo_text a:hover, .widget_post_list .date, .tcdw_product_list_widget a.title:hover, #comment_header ul li.comment_switch_active a, #comment_header ul li#comment_closed p, #comment_header ul li a:hover { color:#d41c36; } #index_news .month, .index_archive_link a, #post_list .date, #news_list .month, .page_navi a:hover, #post_title .date, #post_pagination a:hover, #product_main_image .title, #news_title .month, #global_menu li a:hover, #wp-calendar td a:hover, #social_link li a, .pc #return_top:hover, #wp-calendar #prev a:hover, #wp-calendar #next a:hover, #footer #wp-calendar td a:hover, .widget_search #search-btn input:hover, .widget_search #searchsubmit:hover, .tcdw_category_list_widget a:hover, .tcdw_news_list_widget .month, .tcd_menu_widget a:hover, .tcd_menu_widget li.current-menu-item a, #submit_comment:hover { background-color:#d41c36; color:#ffffff;} #guest_info input:focus, #comment_textarea textarea:focus { border-color:#d41c36; } #product_list ol li .title a:hover { color:#75DCFF; } .index_archive_link a:hover, #social_link li a:hover { background-color:#75DCFF; } /* EndAdd Shige */ #index body { background:none; } /* layout */ .content { width:100%; min-width:1000px; } .content_inner { width:1000px; margin:0 auto; padding:40px 0; } .bar { width:100%; min-width:1000px; background-color:#000000; color:#ffffff; text-align: center;} .bar_inner { width:1000px; margin:0 auto; padding:20px 0; } /*#top_headline { width:1000px; margin:0 auto 4px; height:58px; line-height:58px; overflow:hidden; }*/ #top_headline { width:100%; height:58px; line-height:58px; background: #d41c36; } #main_image { width:100%; min-width:1000px; background:url(img/common/background2.jpg) repeat-x left top; height:356px; padding:13px 0 0 0; } #main_image img { display:block; margin:0 auto; width:1000px; height:340px; } #contents { width:1000px; margin:0 auto; } /*#main_col { width:660px; float:left; padding:50px 0; }*/ /*#main_col { width:100%; float:left; padding:50px 0; }*/ #main_col { width:65%; float:left; padding:50px 0; } /*#side_col { width:300px; float:right; padding:50px 0; }*/ #side_col { width:30%; float:right; padding:50px 0; } #no_side_page { width:800px; margin:0 auto; padding:50px 0; } #no_side_page_wide { width:1000px; margin:0 auto; padding:50px 0; } /* ---------------------------------------------------------------------- company info ---------------------------------------------------------------------- */ #company_info { margin:0 0 50px 0; padding:1px 0 0 0; } #company_info p { margin:0; } #company_info dl { border-bottom:1px solid #ddd; margin:0 0 40px 0; } #company_info dt { float:left; width:150px; display:inline; margin:0 0 0px 0; line-height:200%; font-weight:bold; font-size:11px; border-top:1px solid #ddd; padding:12px 10px 10px 0; } #company_info dd { margin:0 0 0px 150px; line-height:200%; background:#f9f9f9; padding:12px 10px 10px 10px; border-top:1px solid #ddd; } #company_info h4, #company_map_area h4 { font-size:16px; background:url(img/common/dot2.gif) repeat-x left bottom; padding:0 0 10px 0; width:100%; } #company_map { text-align:right; } #company_map a { color:#333; } #company_map iframe { width:100%; } #company_map_desc { padding:20px 0 0; margin-bottom:-30px; } /* ---------------------------------------------------------------------- index ---------------------------------------------------------------------- */ /* slider */ #slider_base { width:100%; height:auto; margin:0 0 -4px 0; z-index:1; } #slider { z-index:1; min-width:1000px; } #slider img { width:inherit; max-width:100%; height:auto; } /* topics */ #index_topics { width:100%; min-width:1000px; height:241px; background:url(img/index/topics_bg.jpg) left top; } #index_topics ol { width:1000px; margin:0 auto; padding:0; list-style-type:none; } #index_topics li { float:left; width:333px; } #index_topics .title { margin:10px 0 20px; padding:0; height:45px; line-height:45px; font-size:14px; background:url(img/common/dot1.gif) repeat-y left top; overflow:hidden; } #index_topics .num1 .title { background:none; padding:0; } #index_topics .num2 .title { margin-left:-5px; padding-left:15px; } #index_topics .num3 .title { margin-left:5px; padding-left:15px; } #index_topics .title a { color:#262626; text-decoration:none; display:block; } #index_topics .title a:hover { color:#00a2d9; } #index_topics .title2 { margin:10px 0 20px; padding:0; height:45px; line-height:45px; font-size:14px; background:url(img/common/dot1.gif) repeat-y left top; overflow:hidden; } #index_topics .num1 .title2 { background:none; padding:0; } #index_topics .num2 .title2 { margin-left:-5px; padding-left:15px; } #index_topics .num3 .title2 { margin-left:5px; padding-left:15px; } #index_topics .title2 span { display:block; font-size:11px; font-weight:normal; color:#ccc; } #index_topics .title2 a { color:#fff; text-decoration:none; display:block; line-height:140%; padding:3px 0; } #index_topics .title2 a:hover, #index_topics .title2 a:hover span { color:#00a2d9; } #index_topics .image { background:#000; display:block; width:315px; height:150px; margin:15px 0 0 0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #index_topics .image img { display:block; width:315px; height:150px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #index_topics .image:hover img { opacity:0.5; } #index_topics .num2 .image { margin-left:10px; } #index_topics .num3 .image { margin-left:20px; } /* new product */ #index_product_area { width:100%; min-width:1000px; background:#f2f2f2; } #index_product { width:1000px; margin:0 auto; padding:40px 0 30px; } #index_product .headline { margin:0 0 15px 0; padding:0; line-height:100%; font-size:20px; } #index_product ol { margin:0; padding:0; list-style-type:none; } #index_product li { float:left; width:230px; margin:0 26px 0 0; } #index_product .num4 { margin:0; } #index_product .image { display:block; margin:0 0 10px 0; background:#000; } #index_product .image img { display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #index_product .image:hover img { opacity:0.5; } #index_product .title { display:block; margin:0 0 10px 0; padding:0; line-height:160%; font-size:14px; } #index_product .title a { text-decoration:none; display:block; } #index_product .title a:hover { } #index_product .desc { font-size:11px; line-height:180%; margin:0; padding:0; } /* new construction */ #index_construction_area { width:100%; min-width:1000px; background:#f2f2f2; } #index_construction { width:1000px; margin:0 auto; padding:40px 0 30px; } #index_construction .headline, #index_followus .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; background: url(img/common/dot2.gif) repeat-x left bottom;} #index_construction ol { margin:0; padding:0; list-style-type:none; } #index_construction li { float:left; width:230px; margin:0 20px 0 0; } #index_construction .num4 { margin:0; } #index_construction .image { display:block; margin:0 0 10px 0; background:#000; } #index_construction .image img { display:block; width: 230px; height: auto; text-align: center; margin: auto; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #index_construction .image:hover img { opacity:0.5; } #index_construction .title { display:block; margin:0 0 10px 0; padding:0; line-height:160%; font-size:14px; text-align: left;} #index_construction .title a { text-decoration:none; display:block; } #index_construction .title a:hover { } #index_construction .desc { font-size:11px; line-height:180%; margin:0; padding:0; } /* news */ #index_news { width:100%; float:left; position:relative; } #index_news .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; background:url(img/common/dot2.gif) repeat-x left bottom; } #index_news ol { margin:0; padding:0; list-style-type:none; } #index_news ol li { background:url(img/common/dot2.gif) repeat-x left bottom; margin:0 0 14px 0; padding:0 0 11px 0; } #index_news ol li:last-child { background:none; margin:0; padding:0; } #index_news .news_date { font-size:14px; width:70px; height:70px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; } #index_news .date { background:#091928; color:#fff; display:block; height:35px; line-height:35px; } #index_news .month { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; } #index_news .title { margin:0 0 5px 0; padding:0; line-height:160%; font-size:14px; } #index_news .title a { text-decoration:none; display:block; } #index_news .title a:hover { } #index_news .desc { font-size:11px; line-height:160%; margin:0 0 5px 0; padding:0; } /* blog */ #index_blog { width:485px; float:right; position:relative; } #index_blog .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; background:url(img/common/dot2.gif) repeat-x left bottom; } #index_blog ol { margin:0; padding:0; list-style-type:none; } #index_blog ol li { background:url(img/common/dot2.gif) repeat-x left bottom; margin:0 0 12px 0; padding:0 0 10px 0; } #index_blog ol li:last-child { background:none; margin:0; padding:0; } #index_blog .image { background:#000; float:left; margin:0 15px 5px 0; } #index_blog .image img { display:block; width:72px; height:72px; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #index_blog .image:hover img { opacity:0.5; } #index_blog .info { float:left; width:395px; } #index_blog ul { margin:0 0 7px 0; padding:0; } #index_blog ul li { background:none; margin:0; padding:0; float:left; font-size:11px; line-height:120%; } #index_blog .post_date { border-right:1px solid #aaa; margin:0 10px 0 0; padding:0 10px 0 0; color:#00a2d9; font-weight:bold; } #index_blog .title { margin:0; padding:0; line-height:160%; font-size:14px; } #index_blog .title a { text-decoration:none; display:block; } #index_blog .title a:hover { } /* Add Shige */ /* twitter */ #twitter_Area { width:485px; float:left; position:relative; } #twitter_Area .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; background:url(img/common/dot2.gif) repeat-x left bottom; } /* facebook */ #facebook_Area { width:485px; float:right; position:relative; } #facebook_Area .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; background:url(img/common/dot2.gif) repeat-x left bottom; } /* End Add Shige */ /* archive link */ .index_archive_link a { display:inline-block; text-decoration:none; color:#fff; background:#00a2d9; font-size:12px; padding:5px 10px; position:absolute; right:0px; top:0px; -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease; } .index_archive_link a:hover { background:#75dcff; color:#fff; } /* banner */ #index_banner { clear:both; margin:0 0 5px 0; padding:10px 0 0 0; line-height:100%; } #index_banner li { float:left; margin:0 27px 0 0; padding:0; } #index_banner li.num3 { margin:0; } #index_banner li a { background:#000; display:block; -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; -webkit-background-clip: padding-box; } #index_banner li img { display:block; margin:0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; -webkit-background-clip: padding-box; } #index_banner li a:hover img { opacity:0.5; } /* ---------------------------------------------------------------------- archive ---------------------------------------------------------------------- */ /* headline and tag line*/ .archive_headline { color:#fff; font-size:22px; margin:0; line-height:100%; padding:22px 0 0 0; font-weight:bold; width: 1000px; overflow: hidden; margin: 0 auto 4px;} /*.archive_headline { color:#fff; font-size:22px; margin:0; line-height:100%; padding:22px 0 0 0; font-weight:bold; }*/ .archive_headline span { margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px dotted #aaa; font-weight:normal; } /* blog archive */ #post_list { margin:0; padding:0; list-style-type:none; } #post_list li { background:url(img/common/dot2.gif) repeat-x left bottom; margin:0 0 22px 0; padding:0 0 20px 0; } #post_list .image { float:left; margin:0 15px 0 0; background:#000; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #post_list .image img { display:block; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #post_list .image:hover img { opacity:0.5; } #post_list .info { float:left; width:310px; } #post_list .post_date { width:70px; height:70px; text-align:center; margin:0 0 10px 0; line-height:100%; display:block; } #post_list .date { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; } #post_list .month { background:#091928; color:#fff; display:block; height:35px; line-height:35px; } #post_list .title { margin:0 0 5px 0; padding:0; line-height:180%; font-size:16px; } #post_list .title a { text-decoration:none; display:block; } #post_list .desc { font-size:11px; line-height:180%; margin:0 0 5px 0; padding:0; } #post_list li.no_thumbnail .info { float:none; width:auto; } #post_list li.no_thumbnail .post_date { float:left; margin:0 15px 0 0; } /* product archive */ #product_list { padding:40px 0 10px; } #product_list ol { margin:0; padding:0; list-style-type:none; } #product_list ol li { margin:0 0 2px 0; padding:0; line-height:0; height:210px; } #product_list ol li .image { float:left; margin:0 2px 0 0; background:#000; } #product_list ol li .image img { width:410px; height:210px; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #product_list ol li .image:hover img { opacity:0.5; } #product_list ol li .info { float:left; width:548px; padding:20px; height:170px; oveflow:hidden; background:#222222; color:#fff; } #product_list ol li .title { font-size:21px; margin:0 0 10px 0; padding:0; line-height:160%; height:35px; overflow:hidden; } #product_list ol li .title a { color:#00a2d9; text-decoration:none; } #product_list ol li .title a:hover { color:#75dcff; } #product_list ol li .sub_title { font-size:14px; margin:0 0 10px 0; padding:0; line-height:160%; font-weight:bold; height:20px; overflow:hidden; } #product_list ol li .desc { font-size:12px; margin:0; padding:0; line-height:260%; height:100px; overflow:hidden; } #product_list ol li.even .image { float:right; margin:0 0 0 2px; } /* construction archive */ #construction_list { padding:40px 0 10px; } #construction_list ol { margin:0; padding:0; list-style-type:none; } #construction_list ol li { margin:0 0 2px 0; padding:0; line-height:0; height:210px; } #construction_list ol li .image { float:left; margin:0 2px 0 0; background:#000; } #construction_list ol li .image img { width:410px; height:210px; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #construction_list ol li .image:hover img { opacity:0.5; } #construction_list ol li .info { float:left; width:548px; padding:20px; height:170px; oveflow:hidden; background:#222222; color:#fff; } #construction_list ol li .title { font-size:21px; margin:0 0 10px 0; padding:0; line-height:160%; height:35px; overflow:hidden; } #construction_list ol li .title a { color:#00a2d9; text-decoration:none; } #construction_list ol li .title a:hover { color:#75dcff; } #construction_list ol li .sub_title { font-size:18px; margin:0 0 10px 0; padding:0; line-height:160%; font-weight:bold; height:auto; overflow:hidden; } #construction_list ol li .desc { font-size:12px; margin:0; padding:0; line-height:260%; height:100px; overflow:hidden; } #construction_list ol li.even .image { float:right; margin:0 0 0 2px; } /* news archive */ #news_list { position:relative; } #news_list .headline { font-size:18px; line-height:100%; background:url(img/common/dot2.gif) repeat-x left bottom; margin:0 0 12px 0; padding:0 0 7px 0; } #news_list ol { margin:0; padding:0; list-style-type:none; } #news_list ol li { background:url(img/common/dot2.gif) repeat-x left bottom; margin:0 0 12px 0; padding:0 0 7px 0; } #news_list .news_date { font-size:14px; width:70px; height:70px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; } #news_list .date { background:#091928; color:#fff; display:block; height:35px; line-height:35px; } #news_list .month { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; } #news_list .title { margin:0 0 5px 0; padding:0; line-height:160%; font-size:16px; } #news_list .title a { text-decoration:none; display:block; } #news_list .title a:hover { } #news_list .desc { font-size:12px; line-height:160%; margin:0 0 5px 0; padding:0; } /* ---------------------------------------------------------------------- single post page ---------------------------------------------------------------------- */ .post { margin:0 0 10px 0; } /* title */ #post_title { margin:0 0 30px 0; } #post_title h2 { background:#363636; color:#fff; float:left; width:545px; margin:0; padding:21px 20px; font-size:18px; line-height:160%; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #post_title .post_date { width:70px; height:70px; text-align:center; line-height:100%; display:block; float:left; margin:0 5px 0 0; } #post_title .date { background:##d41c36; color:#fff; display:block; height:35px; line-height:35px; } #post_title .month { background:#091928; color:#fff; display:block; height:35px; line-height:35px; } #post_title h2.no_date { float:none; width:auto; } /* post thumbnail */ .post_image { text-align:center; margin:-26px 0 30px 0; } .post_image img { margin:0; width:100%; height:auto; } /* next page */ #post_pagination { margin:0 0 30px 0; } #post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; } #post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; } #post_pagination p { background:#999; color:#fff; } #post_pagination a:hover { background:#00a2d9; color:#fff; } /* meta and bookmark */ #post_meta { border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; margin:0 0 40px 0; padding:15px 0; } #post_meta #meta { float:left; width:60%; margin:0; font-size:12px; } #post_meta #meta li { padding:0; margin:0 0 6px 0; line-height:160%; } #post_meta #meta li.meta_author { background:url(img/common/icon_author.png) no-repeat left 5px; padding:0 0 0 18px; } #post_meta #meta li.meta_comment { background:url(img/common/icon_comment.png) no-repeat left 5px; padding:0 0 0 18px; } #post_meta #meta li.meta_category { background:url(img/common/icon_category.png) no-repeat 3px 4px; padding:0 0 0 18px; } #post_meta #meta li.meta_tag { background:url(img/common/icon_tag.png) no-repeat left 5px; padding:0 0 0 18px; } #post_meta .bookmark { float:right; margin:0; } #post_meta .bookmark li { float:left; margin:0 0 0 10px; } /* related post*/ #related_post { margin:0 0 35px 0; } #related_post .headline { font-size:18px; margin:0 0 12px 0; line-height:100%; } #related_post ul { margin:0 -10px 0 0; } #related_post li { float:left; display:inline-block; margin:0 10px 10px 0; width:303px; min-height:72px; border:1px solid #ccc; padding:10px; } #related_post .image { float:left; margin:0 15px 0 0; background:#000; } #related_post .image img { width:72px; height:72px; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; } #related_post .image:hover img { opacity:0.5; } #related_post .info { } #related_post .date { margin:0 0 5px 0; line-height:100%; font-size:12px; color:#00a2d9; font-weight:bold; } #related_post .title { font-size:14px; margin:0; } #related_post .title a { text-decoration:none; display:block; } /* next prev post link */ #previous_next_post { margin:0; padding:0; } #previous_next_post a { } #previous_post a { margin:0; width:42%; float:left; line-height:140%; font-size:11px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 8px 30px; } #next_post a { margin:0; width:42%; float:right; text-align:right; line-height:140%; font-size:11px; background:url(img/common/arrow_right.gif) no-repeat right 2px; padding:8px 30px 8px 0; } /* ---------------------------------------------------------------------- product single page ---------------------------------------------------------------------- */ .product_headline { font-size:16px; margin:0; line-height:100%; padding:22px 0 0 0; float:left; font-weight:normal; } .product_headline a { color:#fff; text-decoration:none; } .product_headline a:hover { color:#00a2d9; } #top_headline .title { font-size:16px; color:#00a2d9; margin:22px 0 0 15px; padding:0 0 0 15px; border-left:1px dotted #aaa; float:left; line-height:100%; font-weight:normal; } #top_headline .sub_title { font-size:12px; color:#fff; margin:24px 0 0 15px; padding:0; float:left; line-height:100%; } #product_main_image { width:1000px; height:340px; margin:0 auto; } #product_main_image img { width:680px; height:340px; float:left; margin:0; } #product_main_image .info { float:right; width:300px; background:#000; height:340px; overflow:hidden; } #product_main_image .title { color:#fff; background:#00a2d9; margin:0; padding:15px 15px; line-height:150%; } #product_main_image .desc { padding:15px; color:#fff; font-size:14px; line-height:220%; } /* ---------------------------------------------------------------------- construction single page ---------------------------------------------------------------------- */ .construction_headline { font-size:16px; margin:0; line-height:100%; padding:22px 0 0 0; float:left; font-weight:normal; } .construction_headline a { color:#fff; text-decoration:none; } .construction_headline a:hover { color:#00a2d9; } #top_headline .title { font-size:16px; color:#00a2d9; margin:22px 0 0 15px; padding:0 0 0 15px; border-left:1px dotted #aaa; float:left; line-height:100%; font-weight:normal; } #top_headline .sub_title { font-size:20px; color:#fff; margin:20px 0 0 15px; padding:0; float:left; line-height:100%; } #top_headline .const_title { font-size: 16px; color: #d41c36; margin: 22px 0 0 15px; padding: 0 0 0 15px; border-left: 1px dotted #aaa; float: left; line-height: 100%; font-weight: normal; } #construction_main_image { width:1000px; height:340px; margin:0 auto; } #construction_main_image img { width:680px; height:340px; float:left; margin:0; } #construction_main_image .info { float:right; width:300px; background:#000; height:340px; overflow:hidden; } #construction_main_image .title { color:#fff; background:#d41c36; margin:0; padding:15px 15px; line-height:150%; } #construction_main_image .desc { padding:15px; color:#fff; font-size:14px; line-height:220%; } /* ---------------------------------------------------------------------- news single page ---------------------------------------------------------------------- */ #news_title { margin:0 0 30px 0; } #news_title h2 { margin:0; padding:0; font-size:18px; line-height:160%; } #news_title .news_date { width:70px; height:70px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; } #news_title .date { background:#091928; color:#fff; display:block; height:35px; line-height:35px; } #news_title .month { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; } /* ---------------------------------------------------------------------- header ---------------------------------------------------------------------- */ #header { width:1000px; height:60px; margin:0 auto; position:relative; } /*#index #header { width:1000px; height:60px; margin:0 auto; position:absolute; top:73px; left:0; right:0; background:#081a28; z-index:9999; }*/ #index #header { width:1000px; height:60px; margin:0 auto; position:relative; top:0px; left:0; right:0; background:#ffffff; z-index:9999; } /* logo */ #logo_text { float:left; margin:0; padding:0; line-height:60px; height:60px; width:300px; font-size:24px; font-weight:normal; color:#fff; overflow:hidden; } #logo_text a { color:#fff; text-decoration:none; display:block; margin:0 20px 0 0; } #index #logo_text a { margin:0 20px; } #logo_text a:hover { color:#00a2d9; } #logo_image { position:absolute; margin:0; padding:0; line-height:100%; } /* global menu */ .menu_button { display:none; } #global_menu { width:700px; height:60px; margin:0; float:right; z-index:999; } #global_menu ul ul { display:none; position:absolute; top:60px; left:0px; margin:0; padding:0; } #global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; } #global_menu li { float:left; font-size:1%; position:relative; } /*#global_menu li a { font-size:12px; text-align:center; text-decoration:none; color:#fff; background:#081a28; display:block; height:60px; line-height:60px; -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }*/ #global_menu li a { font-size:12px; text-align:center; text-decoration:none; color:#333333; background:#ffffff; display:block; height:60px; line-height:60px; -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease; } /*#global_menu li a:hover { background:#00a2d9; color:#ffffff;}*/ #global_menu ul ul li { float:none; height:auto; line-height:26px; padding:0; margin:0; text-align:left; } #global_menu ul ul a { font-size:12px; position:relative; padding:10px 20px 8px; height:auto; line-height:180%; margin:0 0 -1px 0; text-align:left; border-top:1px solid #3a4853; } #global_menu ul ul a:hover { } /* ---------------------------------------------------------------------- footer ---------------------------------------------------------------------- */ #return_top { z-index:999; position:fixed; right:0px; bottom:25px; margin:0; display:block; width:36px; height:46px; text-indent:-9999px; background:#666 url(img/footer/return_top.png) no-repeat center; } #return_top:hover { } #footer { clear:both; width:100%; min-width:1000px; background:#f2f2f2 url(img/common/dot2.gif) repeat-x left bottom; } #footer_inner { width:1000px; margin:0 auto; position:relative; font-size:11px; padding-top:40px; } #footer a { } #footer a:hover { } #footer li { line-height:170%; margin:0 0 10px 0; padding:0; } /* widget area */ #footer_widget { position:relative; } .footer_widget { margin:0 45px 30px 0; width:300px; display:inline-block; vertical-align:top; } .footer_widget.right_widget { margin-right:0; } .footer_headline { font-size:16px; margin:0 0 15px 0; padding:0 0 8px 0; background:url(img/common/dot2.gif) repeat-x left bottom; } .footer_widget ul { margin:0; } .footer_widget li ul { margin:10px 0 0 0; } .footer_widget li { } .footer_widget img { height:auto; max-width:100%; width:auto; } /* logo */ #footer_logo_area { width:100%; min-width:1000px; clear:both; margin:0; background:#f2f2f2; } #footer_logo_area_inner { width:1000px; margin:0 auto; margin-top:5px; height:70px; overflow:hidden; position:relative; } #footer_logo_text { margin:0; line-height:100%; padding:0; line-height:100%; float:left; font-size:21px; font-weight:normal; } #footer_logo_text a { text-decoration:none; display:block; height:70px; line-height:70px; } #footer_logo_image { margin:0; padding:0; line-height:100%; position:absolute; } #footer_menu { margin:30px -1px 0 0; float:right; font-size:11px; } #footer_menu li { float:left; margin:0; line-height:100%; } #footer_menu li a { text-decoration:none; border-right:1px solid #aaa; margin:0 0 0 0; padding:0 10px 0 10px; } /* copyright */ #copyright { width:100%; min-width:1000px; clear:both; color:#fff; background:#081a28; margin:0; } #copyright_inner { width:1000px; height:50px; margin:0 auto; } #social_link { margin:12px 0 0 0; float:right; } #social_link li { float:left; margin:0 0 0 5px; line-height:100%; } #social_link li a { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; width:26px; height:26px; background-color:#00a2d9; background-position:center; background-repeat:no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease; } #social_link li a:hover { background-color:#75dcff; } #social_link li.rss a { background-image:url(img/footer/rss.png); } #social_link li.twitter a { background-image:url(img/footer/twitter.png); } #social_link li.facebook a { background-image:url(img/footer/facebook.png); } #copyright p { margin:10px 0 0 0; float:left; font-size:12px; } #copyright a { text-decoration:none; color:#fff; } #copyright a:hover { text-decoration:underline; } /* Add Shige */ .price { margin:0 0 50px 0; padding:1px 0 0 0; } .price p { margin:0; } .price dl { border-bottom:1px solid #ddd; margin:0 0 40px 0; } .price dt { float:left; width:150px; display:inline; margin:0 0 0px 0; line-height:200%; font-weight:bold; font-size:11px; border-top:1px solid #ddd; padding:12px 10px 10px 0; } .price dd { margin:0 0 0px 150px; line-height:200%; background:#f9f9f9; padding:12px 10px 10px 10px; border-top:1px solid #ddd; } #breadcrumbs { margin: 10px auto 0; font-size: 12px; line-hight: 1.7; } #post_title h1 { font-size: 30px; background: #363636; color: #fff; float: left; width: 545px; margin: 0; padding: 21px 20px; font-size: 22px; line-height: 130%; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #index_greeting_area { width: 100%; min-width: 1000px; } #index_greeting { width: 1000px; margin: 0 auto; padding: 40px 0 30px; } #index_greeting .headline { margin: 0 0 15px 0; padding: 0 0 15px 0; line-height: 100%; font-size: 20px; background: url(img/common/dot2.gif) repeat-x left bottom; } #index_greeting_area p { line-height: 1.7; font-size: 14px; } #index_greeting_area dl { border-bottom: 1px solid #ddd; margin: 0 0 40px 0; } #index_greeting_area dt { float: left; width: 300px; display: inline; margin: 0 0 0px 0; line-height: 150%; font-weight: bold; font-size: 14px; border-top: 1px solid #ddd; padding: 12px 10px 10px 0; } #index_greeting_area dd { margin: 0 0 0px 150px; line-height: 150%; background: #f9f9f9; padding: 12px 10px 10px 10px; border-top: 1px solid #ddd; font-size: 12px; } #index_greeting_area dl p { line-height: 150%; font-size: 12px; margin: 0; padding: 0; } #index_greeting h4{ position:relative; padding:9px; font-weight: bold; font-size: 16px; background-color: #f2f2f2; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-top: 40px; } #index_greeting h4:before{ content:''; height:0; width:0; display:block; border:13px transparent solid; border-right-width:0; border-left-color:#f2f2f2; position:absolute; top:43px; left:15px; transform:rotate(-270deg); -webkit-transform:rotate(-270deg); -moz-transform:rotate(-270deg); -o-transform:rotate(-270deg); -ms-transform:rotate(-270deg); } #index_greeting .f-large { font-size:120%; } .pcNone{ display:none; } .spNone h2{ font-size: 22px !important; color: #333333; padding: 5px 15px !important; margin: 40px 0px 15px 0px; background-color: #ffffff; text-shadow: #CFCFCF 0px 1px 1px; line-height: 200%; height: auto; } h2.first{ margin: 0px 0px 15px 0px !important; } .spNone h2.gray{ border-left: 7px solid #494949 !important; } .spNone h2.brown{ border-left: 7px solid #5c3739 !important; } .spNone h2.black{ border-left: 7px solid #000000 !important; } .spNone h2.blue{ border-left: 7px solid #d41c36 !important; } .spNone h2.green{ border-left: 7px solid #7EBA03 !important; } .spNone h2.purple{ border-left: 7px solid #8c177e !important; } .spNone h2.greenblue{ border-left: 7px solid #017589 !important; } .spNone h2.orange{ border-left: 7px solid #f79708 !important; } .spNone h2.yellow{ border-left: 7px solid #F4C504 !important; } .spNone .apoArea{ width: 100%; border-top: 3px solid #333; border-bottom: 3px solid #333; font-size: 1.143em; font-weight: bold; border-radius: 4px; box-shadow: 0px 0px 3px 0px #333; background: #f2f2f2; padding: 5px 0px !important; margin-top: 100px; } #price_Area h3 { font-size: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; background: none; margin: 35px 0 10px; padding: 10px 0 10px 10px; width:100%;} /* 手洗い洗車ページや、コーティングページなどで使っている小さい価格欄 */ #cat_price_Area { margin:0 0 50px 0; padding:1px 0 0 0; } #cat_price_Area dl { border:1px solid #ddd; margin:0 0 40px 0; text-align: center; border-radius: 4px; box-shadow: 0px 0px 1px 0px #aaa;} #cat_price_Area dt { float:left; width:50px; display:inline; margin:0 0 0px 0; line-height:160%; font-weight:bold; font-size:11px; border-top:1px solid #ddd; padding:12px 10px 10px 0; } #cat_price_Area dd { margin:0 0 0px 50px; line-height:160%; background:#f9f9f9; padding:10px; border-top:1px solid #ddd; font-size:14px; } #cat_price_Area h3 {font-size: 16px; background: none; padding: 0;width: 100%; font-weight: bold; margin: 0;text-align: center;} #cat_price_Area p {line-height: 160%; font-size: 14px;} #cat_price_Area img {margin-top: 10px;margin-bottom: 10px;} .tag.yellow { background: #feed00; color: #434343 !important; padding: 10px; font-weight: bold; font-size: 14px; border-radius: 4px; } .tag.orange { background: #DA6601; color: #fff !important; padding: 10px; font-weight: bold; font-size: 14px; border-radius: 4px; } .single h2 { margin: 80px 0 42px; font-size: 28px; text-align: left; font-weight: bold; line-height: 1.6; color: #000; background-color: #F3F3F3; border-radius: 10px; padding: 21px 18px 20px; height: auto; } .single h3 { margin: 80px 0 42px; font-size: 24px; font-weight: bold; color: #000; line-height: 1.6; padding: 18px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; background: none; height: auto; } .single h4 { margin: 30px 0 42px; font-size: 22px; font-weight: bold; line-height: 1.6; padding-left: 20px; border-left: 1px solid #000; color: #000; height: auto; } .single h5{ font-size: 18px !important; color: #ffffff !important; margin: 5px 0px !important; padding: 5px 15px 5px 25px !important; position: relative !important; font-weight: bold !important; background-color: #666666 !important; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; } .single h5:before{ position: absolute; top: 14px; left: 10px; width: 3px; height: 18px; background: #ffffff; content:''; } .single a { color: #00a9c7; text-decoration: underline; word-break: break-all; } .single a:hover { text-decoration: none; } .single p { margin-bottom: 30px; line-height: 2.15; font-size: 17px; } .single ul { margin: 30px 0; } .single ul li { margin: 0 0 7px; line-height: 1.7; position: relative; padding-left: 33px; list-style: none; background: none; } .single ul li:before{ display: block; width: 7px; height: 7px; content: ""; position: absolute; left: 5px; top: 8px; background: #000; border-radius: 50%; } .wc-shortcodes-box.wc-shortcodes-box-primary, .wc-shortcodes-box.wc-shortcodes-box-success { color: #ffffff; font-weight: bold; } .follow-social{clear:both;overflow:hidden;font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;} .follow-social i { padding-left: 30px; padding-top: 18px; } .follow-social a{color:#fff;text-decoration:none;display:block; margin-right: 30px;} .follow-social div{text-align:right;color:#fff;font-size:13px;font-weight:bold;overflow:hidden;width:100%;height:60px;line-height:60px;margin-bottom:5px;} .follow-social div:hover{opacity:0.8} .follow-twitter{background:#00aced} .follow-facebook{background:#3b5998} .follow-feed{background:#FF6600} .follow-feedly{background:#dd4b39} .follow-pinterest{background:#C72527} .follow-insta{background:#4B789D} .follow-me{line-height:60px;font-size:20px;display:none} /* ---------------------------------------------------------------------- サイドウィジェットのApoボタンの設定 ---------------------------------------------------------------------- */ .tel_btn { font-size: 15px; text-decoration:none; display:block; text-align:center; color:#fff; background: #d41c36; height: 90px; border-radius:5px; box-shadow:2px 2px 2px #555; line-height: 1.5; margin-bottom: 10px; } .mail_contact_btn { font-size: 15px; text-decoration:none; display:block; text-align:center; color:#fff; background: #E88D00; height: 90px; border-radius:5px; box-shadow:2px 2px 2px #555; line-height: 1.5; margin-bottom: 10px; } .mail_appo_btn { font-size: 15px; text-decoration:none; display:block; text-align:center; color:#fff; background: #DA403D; height: 90px; border-radius:5px; box-shadow:2px 2px 2px #555; line-height: 1.5; margin-bottom: 10px; } .tel_btn a { text-decoration: none; height: 90px; display:block; color: #fff; } .mail_appo_btn a, .mail_contact_btn a { text-decoration: none; display:block; color: #fff; padding-top: 26px; padding-right: 15px; } .tel_btn p { line-height: 1.5; padding-top: 20px; padding-right: 15px; } .mail_appo_btn p, .mail_contact_btn p { line-height: 1.2; padding-top: 28px; padding-right: 15px; } .tel_btn i { padding-left: 15px; padding-top: 15px; } .mail_appo_btn i, .mail_contact_btn i { padding-left: 15px; padding-top: 5px; } /* ---------------------------------------------------------------------- 記事内のApoボタンの設定 ---------------------------------------------------------------------- */ .content_mail_appo_btn { font-size: 15px; text-decoration: none; display: block; text-align: center; color: #fff; background: #DA403D; height: 90px; border-radius: 5px; box-shadow: 2px 2px 2px #555; line-height: 1.5; margin: 15px; } .content_tel_btn { font-size: 15px; text-decoration: none; display: block; text-align: center; color: #fff; background: #d41c36; height: 90px; border-radius: 5px; box-shadow: 2px 2px 2px #555; line-height: 1.5; margin: 15px; } .content_tel_btn a { text-decoration: none; height: 90px; display:block; color: #fff; } .content_mail_appo_btn a, .content_mail_contact_btn a { text-decoration: none; display:block; color: #fff; padding-top: 20px; padding-right: 15px; } .content_tel_btn p { line-height: 1.5; padding-top: 20px; padding-right: 15px; } .content_mail_appo_btn p, .content_mail_contact_btn p { line-height: 1.2; padding-top: 28px; padding-right: 15px; } .content_tel_btn i { padding-left: 15px; padding-top: 5px; } .content_mail_appo_btn i, .content_mail_contact_btn i { padding-left: 15px; padding-top: 3px; } .content_mail_appo_btn strong.tittle { font-size: 18px; } strong.tittle { padding-top: 17px; font-size: 15px; } strong.phoneNum { font-size: 24px; font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.2; } #side_col .custom_title { position:relative; margin:0 0; padding:10px 10px 10px 30px; font:bold 22px/1.2 Arial, Helvetica, sans-serif; font-size:16px; color:#666; background:#ccc; border-top:#ccc solid 1px; border-right:#999 solid 1px; border-bottom:#999 solid 1px; border-left:#ccc solid 1px; text-shadow:1px 1px 0 rgba(255,255,255,1); box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset; background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(220, 220, 220, 1.0)), color-stop(0.25, rgba(240, 240, 240, 1.0)), color-stop(0.30, rgba(235, 235, 235, 1.0)), color-stop(0.36, rgba(240, 240, 240, 1.0)), color-stop(0.50, rgba(235, 235, 235, 1.0)), color-stop(0.80, rgba(215, 215, 215, 1.0)), to( rgba(210, 210, 210, 1.0)) ); background-image: -webkit-linear-gradient(top, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0) ); background-image: -moz-linear-gradient(top, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0) ); background-image: -o-linear-gradient(top, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0) ); background-image: linear-gradient(to bottom, rgba(220, 220, 220, 1.0), rgba(240, 240, 240, 1.0) 25%, rgba(235, 235, 235, 1.0) 30%, rgba(240, 240, 240, 1.0) 36%, rgba(235, 235, 235, 1.0) 50%, rgba(215, 215, 215, 1.0) 80%, rgba(210, 210, 210, 1.0) ); } #side_col .custom_title:before{ content: " "; position: absolute; top: 5px; left: 15px; width: 0; height: 80%; border-left:#ccc solid 1px; } #side_col .custom_title:after{ content:" "; position:absolute; top:0; left:16px; width:0; height:100%; border-right:#eee solid 1px; } ul.custom { margin-bottom: 0px; } ul.custom_cat.tcdw_category_list_widget { margin: 0px; font-size: 15px; font-weight: bold; } #side_col .custom_cat i { padding-top: 10px; padding-right: 5px; } #side_col .c_blue, #side_col .c_gold, #side_col .c_green { margin-bottom: 5px; } #side_col .custom_cat a { height: 40px; line-height: 1.3; } /* ---------------------------------------------------------------------- サイドウィジェットのブルーの設定 ---------------------------------------------------------------------- */ #side_col .c_blue .custom_title:before { border-left:#005DD9 solid 3px; } #side_col .c_blue i { color: #005DD9; } .c_blue .custom_cat.tcdw_category_list_widget a:hover { background-color: #005DD9; } /* ---------------------------------------------------------------------- サイドウィジェットのゴールドの設定 ---------------------------------------------------------------------- */ #side_col .c_gold .custom_title:before { border-left:#e7c900 solid 3px; } #side_col .c_gold i { color: #e7c900; } .c_gold .custom_cat.tcdw_category_list_widget a:hover { background-color: #e7c900; } /* ---------------------------------------------------------------------- サイドウィジェットのグリーンの設定 ---------------------------------------------------------------------- */ #side_col .c_green .custom_title:before { border-left:#13a200 solid 3px; } #side_col .c_green i { color: #13a200; } .c_green .custom_cat.tcdw_category_list_widget a:hover { background-color: #13a200; } /* ---------------------------------------------------------------------- サイドウィジェットのオレンジの設定 ---------------------------------------------------------------------- */ #side_col .c_orange .custom_title:before { border-left:#e76200 solid 3px; } #side_col .c_orange i { color: #e76200; } .c_orange .custom_cat.tcdw_category_list_widget a:hover { background-color: #e76200; } #side_col i.desc { font-size: 11px; font-weight: normal; padding-left: 6px; color: #fff; font-style: normal; } /* ---------------------------------------------------------------------- メンバーページの設定 ---------------------------------------------------------------------- */ #member_photo { width: 1000px; height: 340px; margin: 0 auto; } #member_photo .image { width: 680px; height: 340px; float: left; margin: 0; } #member_photo .info { float: right; width: 300px; height: 340px; overflow: hidden; } #header_wrap { margin-bottom: 10px; } /* ボタン全体 */ .flowbtn11{ font-family:'Arial',sans-serif; border-radius:4px; position:relative; display:inline-block; width:100%; height:40px; font-size:20px; color:#fff!important; padding-top:4px; text-align:center; box-shadow:0 1px 2px #999; text-decoration:none; } /* Twitter */ .fl_tw11{ background:#06C755; } /* Google+ */ .fl_go11{ background:#ff3333; } /* Facebook */ .fl_fb11{ background:#3b5998; } /* はてブ */ .fl_hb11{ background:#1ba5dc; } /* Pocket */ .fl_pk11{ background:#ef3f56; } /* Feedly */ .fl_fd11{ background:#6cc655; } /* YouTube */ .fl_yu11{ background:#fc0d1c; } /* LINE */ .fl_li11{ background:#00c300; } /* お問い合わせメール */ .fl_ml11{ background:#f3981d; } /* Instagramアイコン位置 */ .insta_btn11 .fa-instagram{ position:relative; z-index:1; } /* Instagram紫グラデ背景色 */ .insta_btn11{ background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; overflow:hidden; } /* Instagramオレンジグラデ背景色 */ .insta_btn11:before{ content: ''; position:absolute; top:17px; left:-75px; width:100%; height:100%; background:-webkit-radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 45%, rgba(255, 88, 96, 0) 80%); background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 80%); } /* アイコンボタンホバー時 */ .flowbtn11:hover span{ -webkit-transform: rotateX(360deg); -ms-transform: rotateX(360deg); transform: rotateX(360deg); } /* ボタン内テキスト調整 */ .flowbtn11 span{ font-size:14px; position:relative; left:8px; bottom:2px; transition:.6s; display:inline-block; } /* アイコンボタンの位置調整 */ .snsbtniti3{ display:flex; flex-flow:row wrap; justify-content:space-between; padding-right:16px; } /* アイコンボタン同士の余白調整 */ .snsbtniti3 li{ position: relative; padding-left: 1em; margin: 0.5em 0; flex:0 0 48%; text-align:center; line-height: 1.6; }