@charset "UTF-8";

/*
Theme Name: SEO DASH
Description: 最短最速で上位表示させるWordPressテーマ
Author: Yuki Takahashi
Author URI: http://uqyuki-design.com/
Version: 1.0
*/

html{width:100%;height:100%;}body,div{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}
q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

html,body { width:100%; height:100%; font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color:#333333; }
.cf { zoom: 1; } .cf:before,.cf:after { content: ""; display: table; } .cf:after { clear: both; }


/* ------------------------------ヘッダー部分------------------------------　*/
body   {  }
header { position:relative; width:100%; height:auto; margin:0; padding:0; z-index:4; background:#ffffff; }
header #inner { position:relative; width:1080px; height:100px; margin:0 auto; padding:0; }
header .h1 { position:absolute; font-size:12px; text-align:left; font-weight:normal; margin:0; padding:10px 0 0 0; color:#333333; top:36px; left:300px; }
header p , header ul , header li { margin:0; padding:0; }
header img.logo { position:absolute; top:26px; }
header img.call { position:absolute; top:14px; right:100px; z-index:9; }
header img.mail { position:absolute; top:14px; right:0px; z-index:10; }
@media screen and (max-width:1080px){
body { width:1080px; }
}
@media screen and (max-width:768px){
body { width:100%; background:none; }
header { display:none; }
header #inner { width:100%; }
}

/* ------------------------------グローバルナビゲーション------------------------------　*/
nav#header-nav { position:relative; clear:both; width:100%; height:60px; margin:0; padding:0; z-index:999; background:#ffffff; border-bottom:1px #cccccc solid; }
nav#header-nav ul { max-width:1080px; height:60px; margin:0 auto; padding:0; }
nav#header-nav ul li:first-child { border-left:1px solid #cccccc; }
nav#header-nav ul li { width:20%; height:60px; list-style:none; float:left; margin:0; padding:0; text-align:center; border-right:0px dotted #ffffff; border-right:1px solid #cccccc; }
nav#header-nav ul li a{ height:60px; font-weight:normal; color:#333333; display:block; margin:0; padding:18px 0 0 0; font-size:16px; line-height:120% }
nav#header-nav ul li a span { font-size:8px; color:#cccccc; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
nav#header-nav ul li a:before { padding-right:5px }
nav#header-nav ul li a:hover{ text-decoration:none; }

/* ------------------------------アニメーション------------------------------　*/
nav#header-nav ul li a { position:relative; outline:none; transition:all .3s; }
nav#header-nav ul li a::before,
nav#header-nav ul li a::after { position:absolute; top:-2px; right:-2px; bottom:0px; left:-2px; z-index:2; content:''; transition:all .3s }
nav#header-nav ul li a::before { border-bottom:3px solid #ff8baa; transform:scale(0, 1);}
nav#header-nav ul li a:hover { color:#ff8baa; }
nav#header-nav ul li a:hover::after,
nav#header-nav ul li a:hover::before { transform:scale(1); }

/* ------------------------------グローバルナビゲーション（モバイル）------------------------------　*/
#check-menu,#btn-menu { display:none; }
.logo-sm { display:none; }
.tel { display:none; }
@media screen and (max-width:768px){
nav .sm { display:block; position:absolute; font-size:10px; margin:0; padding:0; top:2px; left:10px; }
.logo-sm { display:block; position:absolute; top:14px; left:8px; width:200px; }
nav#header-nav { background:#ffffff; width:100%; height:64px; margin:0; position:fixed; top:0; }
nav#header-nav a { color:black; text-decoration:none; }
input[type="checkbox"]#check-menu:checked + #btn-menu { width:60px; height:60px; background:url(images/mobile.svg) no-repeat; }
input[type="checkbox"]#check-menu:checked ~ #menu-nav { display:block; padding-top:60px; }
#btn-menu { width:60px; height:60px; display:block; background:url(images/mobile.svg) no-repeat; color:#ffffff; float:right; }
#menu-nav { display:none; list-style:none; background:#ffffff;}
nav#header-nav ul { width:100%; background:none; }
nav#header-nav ul li { width:50%; text-shadow:none; border:none; }
nav#header-nav ul li:first-child { width:50%; border:none; }
nav#header-nav ul li:first-child a { background:rgba(0,0,0,0.8); font-size:12px; }
nav#header-nav ul li:last-child { width:100%; }
nav#header-nav ul li a { display:block; background:rgba(0,0,0,0.8); color:#ffffff; text-shadow: 0px -1px 0px #000000; font-size:10px; padding:22px 10px; }
nav#header-nav ul li a:before { content:none; padding-right:0; }
nav#header-nav ul li a:hover { background:#ffffff; }
#btn-menu:hover, #menu-nav li a:hover { background:url(images/mobile.svg) no-repeat; }
}

/* ------------------------------ヘッダー------------------------------　*/
#header { background:#f7f7f7; }
#header #inner { width:1080px; height:680px; margin:0 auto; padding:0; }
.pc img{ display:block; width:100%; height:auto; }
.sm { display:none; }
@media screen and (max-width:768px){
#header { }
#header #inner { width:100%; height:auto; margin:60px 0 0 0; position:relative; }
.pc { display:none; }
.sm { display:block; }
#header #inner .sm {  }
#header #inner .header_sm { position:absolute; top:0; }
}

/* ------------------------------共通------------------------------　*/
article { width:100%; }
section { width:100%; padding:40px 0; }
.content { width:1080px; margin:0 auto; }
.box { display:block; }

@media screen and (max-width:768px){
article { width:100%; }
section { width:100%; padding:40px 0; }
.content { width:100%; margin:0 auto; }
.box { padding:30px!important; }
}

h2 span { font-weight:bold; }
p.pre { width:100%!important; font-size:20px!important; text-align:center!important; margin:0!important; padding:0!important; }
.grey { color:#f2f2f2; }
.orange { color:#f76f1e; }
.marker { background: linear-gradient(transparent 60%, #fde5c5 60%); }
@media screen and (max-width:768px){
	p.pre { font-size:12px!important; }
}

/* ------------------------------小見出し属性------------------------------　*/
h1 , h2 ,h3 ,h4 ,h5 { margin:0; padding:0; line-height:1.2; color:#182104; font-weight:normal; }
h1 { font-size:30px; }
h2 { font-size:28px; text-align:center; font-weight:bold; }
h3 { font-size:22px; }
h4 { font-size:22px; }
@media screen and (max-width:768px){
h2 { font-size:20px; margin:0 20px 20px 20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
}

/* ------------------------------コンテンツエリア------------------------------　*/
p { font-size:16px; margin:0 0 20px 0; padding:0; line-height:1.7; display:block; }
a { color:#ff8baa; text-decoration:none; }
a:hover,a:active { color:#67009B; text-decoration:underline; }
article ul { margin:0; padding:0; }
article li { font-size:20px; font-weight:normal; margin:0; padding:0; }
img { max-width:100%; height:auto; display:block; }
img.center,.aligncenter { margin:0 auto; display:block; }
img.left { float:left; margin:0 30px 30px 0; }
img.right { float:right; margin:0 0 30px 30px; }
img.photo { background:#ffffff; padding:5px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); }
img.photo-left { transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); background:#ffffff; padding:5px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); }
img.photo-right { transform:rotate(4deg); -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); background:#ffffff; padding:5px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); }
.bold { font-weight:bold; }
.underline { text-decoration:underline; font-weight:bold; }
.red { color:#cc0000; font-weight:bold; }
.red_underline { background:linear-gradient(transparent 60%, #ff9999 60%); }
.yellow { background:linear-gradient(transparent 60%, #ffff99 60%); }
.center { text-align:center; }
.big { font-size:18px; line-height:150%; }
.small { font-size:12px; }
br.no_sm { display:none; }
a.button { width:100%; display:block; background:#333333; color:#ffffff; font-size:16px; padding:15px; border-radius:3px; text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1); }
a.button:hover { text-decoration:none; } 
/* ---------ボタンアニメーション---------　*/
.button {display:inline-block; text-align: center; text-decoration: none; outline: none;  }
.button::before, .button::after { position: absolute; z-index: -1; display: block; content: ''; }
.button , .button::before, .button::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
/* ---------リンク画像透過アニメーション---------　*/
a img {  
-webkit-transition:0.3s ease-in-out;  
-moz-transition:0.3s ease-in-out;  
-o-transition:0.3s ease-in-out;  
transition:0.3s ease-in-out;  
}  
a img:hover { opacity:0.4; filter:alpha(opacity=70); }

@media screen and (max-width:768px){
  p { font-size:14px; }
  article ul { }
  article li { background:url(img/list_sm.jpg) no-repeat; font-size:14px; }
  br.no { display:block; }
  br.no_sm { display:block; }
  img.left , img.right  { float:none; margin:0 auto 20px auto; display:block; }
  img.left_sm { float:left; }
  .big { font-size:16px; }
}

.ma00 { margin-top:0 !important; }
.ma10 { margin-top:10px !important; }
.ma20 { margin-top:20px !important; }
.ma30 { margin-top:30px !important; }
.ma40 { margin-top:40px !important; }
.ma50 { margin-top:50px !important; }
.ma70 { margin-top:70px !important; }
.ma100 { margin-top:100px !important; }
.pa00 { padding-top:0 !important; }

.align_left { text-align:left; }
.align_right { text-align:right; }
.align_center { text-align:center; }

/* ------------------------------フッターエリア------------------------------　*/
footer { position:relative; width:100%; float:none; clear:both; margin:0; padding:0; background:#f7f7f7; color:#333333; z-index:888; border-top:4px solid #333333; }
#footer { width:1080px; margin:0 auto;  }
.division { margin:0 auto; padding:50px 0 80px 0;}
.division_innner01 { width:30%; height:auto; display:block; float:left; }
.division_innner01 p { font-size:16px; margin:0 0 30px 0; padding:0; color:#333333; }
.division_innner02 { width:50%; height:auto; display:block; float:right; }
.division_innner02 a { color:#333333; }
.division_innner02 ul { max-width:1080px; display:block; float:none; clear:both; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-rule: 0px dotted #333333; -moz-column-rule: 0px dotted #333333; column-rule: 0px dotted #333333; margin:0; padding:0; }
.division_innner02 ul li:before { content:"▶︎ "; color:#333333; }
.division_innner02 ul li { list-style-type:none; color:#333333; font-size:12px; margin:0 0 10px 0; }
.division_innner02 ul li.ma { margin-left:20px; }
.division_innner02 p { font-size:10px; margin:0 0 0 10px; padding:0; font-weight:bold; color:#333333; }
@media screen and (max-width:768px) {
footer {  }
#footer { width:100%; padding:30px 20px 20px 20px; }
.division { margin:0 auto; padding:10px 0 50px 0;}
.division_innner01 { width:100%; }
.division_innner01 img { margin:20px auto; }
.division_innner01 p { font-size:16px; text-align:center; }
.division_innner02 { display:none; width:100%; margin-top:20px; }
.division_innner02 p { text-align:center; margin:10px 0;}
.division_innner02 { width:100%; }
.division_innner02 ul li { border:none; }
}
address { font-size:14px; text-align:center; color:#333333; padding:10px 0; }

/* ------------------------------ページトップへ戻る------------------------------　*/
#pageTop { position:fixed; bottom:-20px; right:20px; z-index:999;}
#pageTop a { display:block; margin:0; padding:0; width:160px; height:80px; background:url(img/top.png) no-repeat 0 0; }
#pageTop a:hover { text-decoration:none; opacity:0.7; }
@media screen and (max-width:768px){
#pageTop a { width:99px; height:46px; background:url(img/top_sm.png) no-repeat 0 0; }
#pageTop { bottom:-20px; right:20px;}
}

/* ------------------------------404エラーページ------------------------------　*/
.error { margin:0; }
@media screen and (max-width:768px){
.error { margin:60px 0 0 0; }
}


/* ------------------------------ContactForm7------------------------------　*/
.sei { width:200px; margin-right:10px;}
.mei { width:200px; }
.yubin01 { width:90px; }
.yubin02 { width:150px; }
@media screen and (max-width:768px){
  .sei { width:95px; margin-right:10px;}
  .mei { width:95px; }
}

/* ------------------------------お問い合わせ部分------------------------------　*/
.form h2 { margin:0; padding:0; text-align:center;}
.form p { margin:0!important; padding:0!important; line-height:1!important; }
form { width:100%; padding:0; margin:0 auto 50px auto; }
input , textarea{ width:50%; height:auto; margin:0!important; margin:0 0 30px 0; padding:10px 5px; background:#ffffff; color:#333333; border:1px solid #cccccc; border-radius:3px; font-size:16px; }
textarea{ width:100%; }
select { background:#ffffff; border:1px solid #cccccc; border-radius:3px; color:#0C2245; font-size:14px; height:40px; line-height:30px; text-align:left; text-indent:5px; vertical-align:middle; width:100px; }
.textForm { width:100%; }
.hissu{ background:#BC272D; color:#ffffff; margin:0 0 0 5px; padding:3px 7px; font-size:11px; font-weight:bold; border-radius:3px; }
.nini{ background:#777777; color:#ffffff; margin:0 0 0 5px; padding:3px 7px; font-size:11px; font-weight:bold; border-radius:3px; }
.errorBg { background:#ffeeee; }
.errorFont { color:#BC272D; font-weight:bold; margin:0; font-size:10pt; }
.InsertBox { width:1%; background-color:#eee; border:1px solid #ccc; border-radius:4px; color:#555; font-size:14px; line-height:auto; padding:11px 12px 10px 12px; text-align:center; border-right: none; border-bottom-right-radius: 0; border-top-right-radius: 0; padding:16px 10px 14px 10px; }
.time { width:60px; }

@media screen and (max-width:768px){
form { width:95%; margin:0 auto 50px auto; }
input , textarea{ width:100%; }
}

.wpcf7-submit { width:100%;height:100px;font-size:26px;text-decoration:none;display:block;text-align:center;margin:1em auto; padding:8px 0 10px;color:#BC272D;border-radius:5px;border:3px solid #BC272D;}
.wpcf7-submit:hover { background:#BC272D; color:#ffffff; text-decoration:none; }

/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -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;}

.box { background:#f7f7f7; border:1px solid #cccccc; padding:20px; }
@media screen and (max-width:768px){
.box { margin:0 10px; padding:20px; }
}

