@charset "utf-8";

a:active,a:hover,a:link,a:visited{text-decoration:none}a:focus{outline:0}a:link{color:#333;}a:visited{color:#333}a:hover{color:#00698C;text-decoration:none;outline:0;}a:active{color:#00698C;outline:0;}a img{border-style:none;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}a:hover img{}img{margin:0;padding:0;border:0;vertical-align:bottom}body{letter-spacing:.5px;text-align:center;margin:0;padding:0;font-size:15px;line-height:17px;color:#333;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,Verdana,Osaka,sans-serif;background: url(img/backimg.png) 100% 54% no-repeat;
    background-size: cover;}
* html body { background: url(null) fixed; }
dd,div,dl,dt,h1,h2,h3,h4,h5,h6,ul,li,ol,p,pre,span,td,th,hr,fieldset,form,label,legend,article,aside,figure,footer,header,hgroup,menu,nav,section,summary,hgroup{margin:0;padding:0}dd,dl,dt{line-height:1}button,fieldset,form,input,label,legend,select,textarea{font-size:100%;font-style:normal;font-weight:400;margin:0;padding:0;vertical-align:bottom}input,select{position:relative;top:0px}pre{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,Verdana,Osaka,sans-serif;margin:0;padding:0;text-align:center;line-height:1.6em;letter-spacing:.1em}
a:hover {text-decoration:underline;}





#largeframe{width: 100%;height: 100%;min-width: 100%;min-height: 1100px;}
h2{color: #fff;font-size: 18px;line-height: 30px;    padding: 100px 15px;}

#headlogo{color: #fff;font-weight:700;font-size: 20px;text-align: left;
    padding: 25px 25px;}


.productbox{color: #fff;display: flex;margin:70px 0;justify-content: center;flex-direction: column;}
.productcontents{  padding: 15px 0;  display: flex;flex-direction: row;justify-content: center;margin: 0 auto;    max-width: 1000px;}
.productcontents h2{     padding: 10px 0;   font-size: 25px;}
.productcontents h3{    font-size: 25px;}
.productcontents p{  font-size: 13px;color: #e1dfdf; text-align: left; padding: 15px 20px;}
.product_a{width: 50%;}
.product_b{width: 50%;}


#foot_last{width:100%;padding:4px 0px;position: absolute;
    bottom: 0;}
@media screen and (max-width:670px){#foot_last{padding:4px 0px}}

#foot_copy{margin:0 auto;}
@media screen and (max-width:670px){#foot_copy{width:92%;padding:0 4%}}

p#copyright{font-size:10px;color: #898989;}
@media screen and (max-width:670px){p#copyright{font-size:10px;}}
p#copyright a{}


@media screen and (max-width:670px){
h2{font-size: 16px;}
.productcontents h2{font-size: 21px;}
.productcontents h3 { font-size: 20px;}
}
@media screen and (max-width:670px){
.productbox .productcontents:nth-child(2){flex-direction: column;}
.product_a,.product_b {width: 100%;}
}
@media screen and (max-width:425px){
h2 {padding: 70px 15px;}
.productbox {margin: 50px 0;}
}


#head_column{width:100%;position:fixed;top:0;z-index: 9999;height:100px;background:#fff;}
#head_column_in{width:1100px;margin:0 auto;position:relative;height:100px;}
#title_logo{width:300px;height:50px;position:absolute;top:31px;left:0;}
#title_logo a{width:300px;height:50px;display:block;}
#title_logo img{width:200px;}

@media screen and (max-width:670px){
#head_column{height:60px;}
#head_column_in{width:100%;height:60px;}
#title_logo{top:0px;left:0px;z-index: 9999;width:130px;}
#title_logo a{padding:19px 20px;height:25px;width:170px;}
#title_logo img{width:130px;}
}

#search-form-box{position:absolute;top:13px;left:1001px;}
.search-form {display: block;}
.search-form:hover{opacity:.7;}
.search-form:before, .search-field {position: absolute;top: 0;right: 168px;width: 32px;height:32px;margin: 0;}
.search-form:before {z-index: 9997;line-height: 32px;background: #EACF3F;color: #FFF;text-align: center;}
.search-field {-webkit-appearance: none;border-radius: 0;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;z-index: 9998;cursor: pointer;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.search-field:focus {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;width: 300px; cursor: text;}
.search-form input[type="submit"] {
    display: none;
}
}
@media screen and (max-width:670px){.menu-wrap{display:none;}}

p#head_title{font-size:24px;font-weight:bold;margin:15px 0 0 0;}
img#h_i{margin:0 0 0 0;}
#header_catchphrase{font-size:11px;margin:0 0 0 0;position:absolute;top:45px;left:240px;font-weight:normal;}
#headad1{position:absolute;top:33px; right:0px;}
#head_top_menu {width:568px;height:45px;position:absolute;top:55px;right:0;font-size:14px;z-index:9999;}

@media screen and (max-width:670px){
p#head_title{margin:10px 0 0 0;}
img#h_i{max-width:70%;}
#header_catchphrase{display:none}
#head_top_menu{width:100%;position:absolute;top:-4px;right:0;z-index:9998;}
}

.nav-collapse{}
@media screen and (max-width:670px){.nav-collapse{padding:0px 0 0 0;}}
.nav-collapse,.nav-collapse *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.nav-collapse,.nav-collapse ul{list-style:none;width:100%;float:left;}
.nav-collapse ul{margin:0;padding:0;display:block}
@media screen and (max-width:670px){.nav-collapse ul{padding:13px 0 0 0;}}
.nav-collapse li{float:left;width:100%}
.nav-collapse li{display:block}
.js .nav-collapse{clip:rect(0 0 0 0);max-height:0;position:absolute;display:block;overflow:hidden;zoom:1}
.nav-collapse.opened {max-height: 9999px;}
.nav-toggle {-webkit-tap-highlight-color:rgba(0,0,0,0);-o-user-select:none;}
@media screen and (min-width:670px){
.nav-collapse li {width: 142px;
*width: 142px; /* IE7 Hack */
_width: 142px; /* IE6 Hack */}
.nav-collapse li:first-child{width:142px;}}
.nav-collapse a{color:#fff;text-decoration:none;width:100%;background:#aaa;border-bottom:1px solid #fff;float:left;line-height:45px;}
@media screen and (min-width:670px){.nav-collapse a{margin:0;float:left;text-align:center;border-bottom:0;border-right:1px solid #fff}}
.nav-collapse ul a{padding-left:10px;}
@media screen and (min-width:670px){.nav-collapse ul a{padding-left:0px;}}

.nav-collapse ul li{position:relative;}
@media screen and (min-width:670px){
ul.sub-menu{visibility: hidden; opacity: 0;font-size:12px; transition: 0s;height:0;}
.nav-collapse li:hover ul.sub-menu{display:block;margin:4px 0 0 0;visibility: visible; opacity: 1;transition: .5s;height:100%;}
.nav-collapse li:hover ul.sub-menu ul.sub-menu{margin:0;}
.nav-collapse li:hover ul.sub-menu a {text-align:left;padding:0 0 0 20px;}
.nav-collapse li:hover ul.sub-menu li{width:190px;text-align:left;}
.nav-collapse li:hover ul.sub-menu li ul.sub-menu li{width:190px;text-align:left;}
.nav-collapse li:hover ul.sub-menu ul.sub-menu{display:none;}
.nav-collapse ul.sub-menu li:hover ul.sub-menu{display:block;position:absolute;left:100%;top:0;width:190px;}
}
@media screen and (max-width:670px){.nav-collapse ul ul{display:none}}

.nav-toggle{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:70px;height:55px;float:right;text-indent:-9999px;overflow:hidden;background:url(img/hamburger.gif) 50% 33% no-repeat}
@media screen and (-webkit-min-device-pixel-ratio:1.3),screen and (min--moz-device-pixel-ratio:1.3),screen and (-o-min-device-pixel-ratio:2 / 1),screen and (min-device-pixel-ratio:1.3),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx){.nav-toggle{background-image:url(img/hamburger-retina.gif);-webkit-background-size:90px 90px;-moz-background-size:90px 90px;-o-background-size:90px 90px;background-size:90px 90px}}
@media screen and (min-width:670px){.js .nav-collapse{position:relative}.js .nav-collapse.closed{max-height:none}.nav-toggle{display:none}}

#contents{width:1100px;margin:135px auto 30px auto;overflow:hidden;}
#one_column{width:1100px;}
#main_column{width:770px;float:left;}

@media screen and (max-width:670px){
#contents{width:100%;margin:70px auto 30px auto;}
#one_column{width:92%;padding:0 4%}
#main_column{width:100%;padding:0 0}
}

/* パンくずリンク */
#breadbox {margin:0;padding:0;}
#breadbox ul{margin:0;padding:0 0 20px 0;overflow:hidden;}
ul#bread_crumb,#main_column.categorys ul#bread_crumb { padding:0 0 0 -35px; width:100%; margin:0;}
@media screen and (max-width:670px){ul#bread_crumb,#main_column.categorys ul#bread_crumb{ width:94%;}}

ul#bread_crumb li{font-size:12px; display:inline; background:url(img/arrow5.gif) no-repeat right 5px; padding:0 12px 0 0; margin:0 5px 0 0; line-height:16px; }
ul#bread_crumb li:last-child,#main_column.categorys ul#bread_crumb li:last-child { background:none; margin:0; padding:0; }

h1.searckword{font-size:18px;padding:10px 0;}
@media screen and (max-width:670px){h1.searckword{font-size:18px;padding:0 5% 13px 3%;line-height:23px;}}

@media screen and (max-width:1350px){#left_window{display:none;}}
#left_window{height:405px;width:100px;background:#eee;position:fixed;top:130px;}


/* ext カラムは非表示 */
.ext{	display:none;}
@media ( min-width : 670px ){
    .main{display:inline-block;vertical-align:top;width:770px;}
    .sub{display:inline-block;vertical-align:top;width:300px;}
}
/* fit-sidebar */
.fit-sidebar-fixed{margin-top:0!important;margin-bottom:0!important;position:fixed;}
.fit-sidebar-blank{z-index:0;background-color:transparent;visibility:hidden;}


/* １カラム画像枠 */
#pagebigimg{width:1100px;height:225px;}


#pagebackimg_ad,#pagebackimg_seo,#pagebackimg_service,#pagebackimg_streetview,#pagebackimg_web{width:100%;height:500px;margin:104px 0 -110px 0;background-size:cover;}

@media screen and (max-width:670px){#pagebackimg_ad,#pagebackimg_seo,#pagebackimg_service,#pagebackimg_streetview,#pagebackimg_web{width:100%;height:250px;margin:64px 0 -50px 0;background-size:cover;}}

#pagebackimg_ad{background-image:url("img/back/back_ad.jpg");}
#pagebackimg_seo{background-image:url("img/back/back_seo.jpg");}
#pagebackimg_service{background-image:url("img/back/back_service.jpg");}
#pagebackimg_streetview{background-image:url("img/back/back_streetview.jpg");}
#pagebackimg_web{background-image:url("img/back/back_web.jpg");}

#phrase_waku{width:1100px;height:500px;margin:0px auto;padding:0;}
#phrase_box{width:530px;height:500px;background-color:rgba(0,0,0,0.3);}
#pbi_title{padding:220px 0 0 45px;font-size:38px;font-weight:bold;color:#fff;}
#pbi_subtitle{padding:30px 0 0 45px;font-size:19px;color:#eee;}

@media screen and (max-width:670px){
#phrase_waku{width:100%;height:250px;margin:0px auto;padding:0;}
#phrase_box{width:100%;height:250px;background-color:rgba(0,0,0,0.3);}
#pbi_title{padding:100px 0 0 45px;font-size:30px;font-weight:bold;color:#fff;}
#pbi_subtitle{padding:20px 0 0 45px;font-size:14px;color:#eee;}
}

/* 1カラム */
#page_1_h1{background:#f9f9f9;position:relative;width:1100px;border:dotted 1px #ccc;height:55px;margin:0 0 20px 0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

@media screen and (max-width:670px){#page_1_h1{width:100%;}}

#page_1_h1 h1{line-height:58px;font-size:20px;margin-left:25px;color:#444;}
#article_count{font-size:15px;position:absolute;right:25px;top:18px;}
#page_h1{width:770px;border:dotted 1px #ccc;height:55px;margin:0 0 20px 0;padding:0;}
#page_h1 h1{line-height:58px;font-size:20px;margin-left:25px;color:#333;}


/* １カラムメイン枠 */
.main_column_border{width:100%;padding:40px 40px 30px;margin:0;border: 1px solid #ddd;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width:670px){.main_column_border{border:none;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding:40px 6% 30px;}}
.main_column_border2{width:100%;padding:40px 40px 30px;margin:25px 0 0px 0;border: 1px solid #ddd;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width:670px){.main_column_border2{border:none;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}}

.main_column_border ul{padding:0 0 0 20px;}
.main_column_border ul li{line-height:30px;color:#666;font-size:16px;}

/* フラグ枠 */
.flag_white{position:absolute;top:25px;left:0;width:150px;height:60px;background:url("img/flag/white.png");background-color:#333;background-repeat:no-repeat;background-position:right;}
.flag_white span{color:#fff;font-size:16px;margin:0 0 0 25px;line-height:58px;}

@media screen and (max-width:670px){
.flag_white{top:25px;left:0;width:150px;height:45px;}
.flag_white span{font-size:13px;line-height:43px;}
}

/* パンくず右側へ */
#breadbox_right{position:absolute;top:45px;left:200px;padding:0 20px 0 0;}

@media screen and (max-width:670px){#breadbox_right{top:35px;left:145px;}}

/* 個別記事h1 */
h1.nonedual{line-height:45px;font-size:30px;margin:75px 0 20px 0;color:#444;border-bottom:1px solid #ddd;padding:0 0 10px 0;}
@media screen and (max-width:670px){h1.nonedual{line-height:43px;font-size:28px;}}

/* 個別記事 p */
.main_column_border p{font-size:16px;color:#666;line-height:27px;letter-spacing:.1em;margin:5px 0 30px 0;}
@media screen and (max-width:670px){.main_column_border p{font-size:16px;color:#666;line-height:25px;letter-spacing:0;margin:5px 0 35px 0;}}

#main_column hr{border-width: 1px 0 0 0;border-style: solid;border-color: #eee;height: 20px;clear: both;}

.main_column_border h2{font-size:25px;font-weight:bold;padding:25px 0px 25px 0px;margin:50px 0 25px 0;line-height:34px;color:#444;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.main_column_border h3{font-size:25px;font-weight:bold;padding:25px 25px 25px 25px;margin:50px 0 25px 0;line-height:34px;color:#444;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;background-color:#FAFAFA;}

@media screen and (max-width:670px){
.main_column_border h2{font-size:23px;line-height:32px;}
.main_column_border h3{font-size:23px;line-height:32px;padding:25px 5% 25px 5%;}
}

#main_column.categorys h3.tagpage{font-size:17px;font-weight:bold;margin:18px 15px 15px 15px;line-height:23px}

dl.table{width:100%;border-top:1px dotted #ccc;font-size:14px;margin:25px 0;color:#666;}
dl.table dt{width:30%;float:left;clear:left;line-height:27px;padding:15px 0 15px 0;}
dl.table dd{width:70%;line-height:27px;border-bottom:1px dotted #ccc;padding:15px 0 15px 30%;}

/* 会社概要MAP */
#map_canvass{width:100%;height:350px;margin:0 0 10px 0;}

/* フォーム */
span.error{line-height:15px;padding:0;}
.contact01{border:0;padding:1%;font-size:1.3em;font-family:Arial, sans-serif;color:#aaa;border:solid 1px #ccc;margin:0 0 20px;width:98%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);}
.contact10{background:#eee;border:solid 1px #ccc;padding:10px 30px;margin:5px 0 20px 0;font-family:Arial, sans-serif;font-size:17px;text-transform:uppercase;font-weight:bold;color:#333;cursor:pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.contact10:hover{background:#ddd;}
.recap{}
#res-out{height:30px;margin:20px 0 5px 0;color: #f00;}
/* バグ対策 */
.map-canvas img {
  max-width: none;
}
#map-canvas img {
  max-width: none;
}

.home_new{width:100%;background:#eee;height:45px;margin:0 0 20px 0;padding:0;}
@media screen and (max-width:670px){.home_new{height:40px;margin:20px 0 20px 0;}}


.home_new div{float:left;padding:0 20px;color:#fff;line-height:45px;text-align:center;font-size:14px;}
@media screen and (max-width:670px){.home_new div{line-height:40px;font-size:13px;}}

#home_new_box{overflow:hidden;margin:0 0 20px 0;}

#kiji1{width:616px;margin:25px 0px 20px 0px;position:relative;background:#fff;}
@media screen and (max-width:670px){#kiji1{width:90%;margin:25px 5% 10px 5%;box-sizing: border-box;}}

#kiji1 img{width:616px;}
@media screen and (max-width:670px){#kiji1 img{width:100%;}}

.top_i_e_box{width:100%;height:240px;clear:both;position:relative;padding:20px 0px;border-bottom:1px solid #ddd;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.top_img_box{width:300px;height:200px;overflow:hidden;position:relative;z-index:1;float:left;}
.top_extract_box{width:470px;height:200px;float:right;}
.top_extract_box h3{font-size:22px;font-weight:bold;margin:20px 20px 15px 25px;line-height:28px;color:#444;}

.top_img_box:hover{opacity:.8}
.top_extract_box p{font-size:12px;padding:0 20px 20px 25px;line-height:18px;color:#777;}
.top_i_e_cat{height:32px;line-height:32px;margin:0px 20px 0 25px;font-size:13px;}
.top_i_e_cat a{color:#00698C;}
.top_i_e_date{font-size:12px;margin:10px 20px 0px 20px;line-height:18px;float:right;color:#888;}


@media screen and (max-width:670px){
.top_i_e_box{width:100%;clear:both;position:relative;padding:0 0 5px 0;margin:0 0 15px 0;border:none;}
.top_img_box{width:100%;height:200px;overflow:hidden;position:relative;z-index:1;float:left;}
.top_extract_box{width:100%;float:left;clear:both;}
.top_extract_box h3{font-size:20px;font-weight:bold;margin:5px 20px 15px 25px;line-height:25px;color:#444;}
.top_extract_box p{font-size:12px;padding:0 20px 15px 25px;line-height:18px;color:#777;}
.top_i_e_cat{line-height:32px;height:auto;margin:0px 20px 0 25px;font-size:13px;}
.top_i_e_cat a{}
.top_i_e_date{font-size:12px;margin:10px 20px 0px 20px;line-height:18px;float:right;}
}

p.kiji1_img{
    border: 0px solid #ddd;display:block;
    width:100%; /*トリミング後の横幅*/
    height:200px; /*トリミング後の縦幅*/
    overflow:hidden;position:relative;z-index:1;}

@media screen and (max-width:670px){p.kiji1_img{
    width:100%; /*トリミング後の横幅*/
    height:180px; /*トリミング後の縦幅*/
}}

p.kiji1_img img{position:absolute;}
p.kiji1_img img:hover{opacity:.7;  -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;}

#kiji1_cat{position:absolute;left:0px;top:250px;z-index:2;height:32px;line-height:32px;padding:1px 18px 0 18px;font-size:14px;}
@media screen and (max-width:670px){#kiji1_cat{top:125px;}}

#kiji1_cat a,#kiji1_cat{color:#fff;}
#kiji1 h3{font-size:17px;font-weight:bold;margin:18px 15px 15px 15px;line-height:23px}

p.top_excerpt{font-size:12px;padding:0 15px 25px 15px;line-height:18px}
p.top_date{font-size:12px;margin:10px 15px 25px 20px;line-height:18px}

.w258{max-height:150px;}

#article_1_box{width:1100px;margin:0px 0px 25px 0px;overflow:hidden;}
@media screen and (max-width:670px){#article_1_box{width:100%;margin:0;}}

.article_mini{width:260px;border: 1px solid #ddd;background:#fff;position:relative;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

@media screen and (max-width:670px){.article_mini{width:100%;margin:10px 0 10px 0;box-sizing: border-box;}}

@media (min-width:670px){
		#article_1_box .article_mini:nth-child(2){margin:0 20px}
		#article_1_box .article_mini:nth-child(3){margin:0 20px 0 0}
		#article_1_box .article_mini:nth-child(5){clear:both;margin:15px 0 10px 0}
		#article_1_box .article_mini:nth-child(6){margin:15px 20px}
		#article_1_box .article_mini:nth-child(7){margin:15px 20px 0 0}
		#article_1_box .article_mini:nth-child(8){margin:15px 0 10px 0}
}

.article_mini h2{font-size:17px;font-weight:bold;margin:18px 15px 15px 15px;line-height:23px;}
.article_mini h2 a{color:#333}

@media screen and (max-width:670px){#article_1_box img{width:100%;}}
.article_mini_img{
    border: 0px solid #ddd;display:block;overflow:hidden;position:relative;z-index:1;
    width:258px; /*トリミング後の横幅*/
    height:175px; /*トリミング後の縦幅*/}
@media screen and (max-width:670px){.article_mini_img{width:100%;height:150px;}}

.article_mini:hover{opacity:0.7;}

.article_mini_img img{position:absolute;}
#article h3{font-size:17px;font-weight:bold;margin:18px 15px 15px 15px;line-height:23px}
#article p.top_excerpt{font-size:12px;margin:0 15px 0 15px;line-height:18px}
#article p.top_date{font-size:12px;margin:10px 15px 15px 15px;line-height:18px}
#kiji2_cat{position:absolute;left:0px;top:130px;z-index:2;height:32px;line-height:32px;padding:1px 18px 0 18px;font-size:14px;}

@media screen and (max-width:670px){#kiji2_cat{top:100px;}}

#kiji2_cat a{color:#fff;}

#kiji4{width:618px;margin:15px 25px 15px 25px;overflow:hidden;}
@media screen and (max-width:670px){#kiji4{width:100%;margin:10px 0px;}}
.kiji4_left{width:295px;margin:10px 0px 10px 0px;border: 1px solid #ddd;background:#fff;position:relative;float:left;}
@media screen and (max-width:670px){.kiji4_left{width:90%;margin:10px 5% 10px 5%;box-sizing: border-box;}}
@media screen and (min-width:670px){.kiji4_left:nth-child(even){margin:10px 0px 10px 22px;}}
.kiji4_left:nth-child(odd){clear:both;}

.social-area-syncer{background:#F5F1E9;padding:1em 0;margin-bottom:20px;overflow:hidden}

/* SNS icon left */
.sns-icons-l{width:70px;margin:15px 15px;overflow:hidden}
.sns-icons-l a{float:left;width:70px;height:49px;margin:0 0 3px 0;padding:11px 0 0 0;font-size:19px;text-align:center;color:#fff;line-height:23px;border-radius:0;text-decoration:none;position:relative}
.sns-icons-l a span.sns_count{clear:both;text-align:center;display:block;}
@media screen and (max-width:670px){.sns-icons-l a{width: 24%;}}
.sns-icons-l .sns_count{font-size:10px;}.sns-icons-l a:hover{opacity:.8}
.sns-icons-l a.twitter{background:#00acee}
.sns-icons-l a.facebook{background:#4561b0}
.sns-icons-l a.google{background:#dd4b30}
.sns-icons-l a.hatena{background:#5279E7}
.sns-icons-l a.pocket{background:#F03E51}
.sns-icons-l a.feedly{background:#87C040}
.sns-icons-l a.line{background:#00C300}
@media screen and (min-width:670px){.sns-icons-l a.line{display:none;}}

/* SNS icon */
.sns-icons{width:100%;margin:30px 0;overflow:hidden}
.sns-icons a{float:left;width:16%;margin:0 2px 2px 0;padding:.5em 0 .6em;font-size:12px;text-align:center;color:#fff;line-height:2;border-radius:0;text-decoration:none;position:relative}
@media screen and (max-width:670px){.sns-icons a{width: 24%;}}
.sns-icons .sns_count{position:absolute;font-size:10px;right:2px;bottom:-3px}.sns-icons a:hover{opacity:.8}
.sns-icons a.twitter{background:#00acee}
.sns-icons a.facebook{background:#4561b0}
.sns-icons a.google{background:#dd4b30}
.sns-icons a.hatena{background:#5279E7}
.sns-icons a.pocket{background:#F03E51}
.sns-icons a.feedly{background:#87C040}
.sns-icons a.line{background:#00C300}

@media screen and (min-width:670px){.sns-icons a.line{display:none;}}

/* Font Awesome hatena bookmark */
.fa-hatena:before {content: "B!"; font-family:Verdana;font-weight:bold}


/* PREV NEXT*/
#prev_next{width:100%;margin:36px 0 0px;padding:0;display:table}
#prev_next #prev{border-left:#ddd 1px solid;}
#prev_next #next{border-right:#ddd 1px solid;}
#prev_next #next,#prev_next #prev{width:50%;padding:30px 10px 10px;border-top:#ddd 1px solid;border-bottom:#ddd 1px solid;display:table-cell;position:relative;text-decoration:none}
#prev_next #next p,#prev_next #prev p{font-size:90%;line-height:1.5}
#prev_next #next:hover,#prev_next #prev:hover{background-color:rgba(238,238,238,.7)}
#prev_next #prev{border-right:#ccc 1px solid}
#prev_next #next_title,#prev_next #prev_title{font-size:90%;top:-1em;position:absolute;border:1px solid #ccc;background:#fff;text-align:center;padding:3px;line-height:1.5;color:#666}
#prev_next #next_title{right:10px}
#prev_next #next img,#prev_next #prev img{margin:0 auto}
#prev_next #next_no,#prev_next #prev_no{width:50%;height:140px;padding:0 10px;display:table-cell}
#prev_next #prev_no{border-right:#ccc 1px solid}
#prev_next_home{margin:0 auto;background-color:#f48881;border:9px solid #fff;width:100px;height:100px;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;box-shadow:0 0 0 3px #f48881;-webkit-box-shadow:0 0 0 3px #f48881;-moz-box-shadow:0 0 0 3px #f48881;text-align:center}
#prev_next_home:hover{background-color:rgba(244,136,129,.7)}
#prev_next_home i{color:#FFF;margin:10px auto;font-size:60px}
#prev_next #next,#prev_next #next::after,#prev_next #next::before,#prev_next #prev,#prev_next #prev::after,#prev_next #prev::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}
#prev_next #next_title,#prev_next #prev_title{padding:4px 10px 3px}
#prev_next #next_title{right:10px}
#prev_next #prev img{float:left;max-width:70px;margin-right:10px}
@media screen and (max-width:670px){#prev_next #prev img{max-width:70px;}}
#prev_next #next img{float:right;max-width:70px;margin-left:10px}

dl.eyecatch_list_bottom{width:680px;height:auto;overflow:hidden;margin:0;}
dl.eyecatch_list_bottom a {display:block;width:335px;height:100px;display:inline;}
dl.eyecatch_list_bottom a:hover{color:#00698C;}
dl.eyecatch_list_bottom dt{width:100px;height:100px;margin:0 0 20px 0;float:left;display:inline;overflow:hidden;}
dl.eyecatch_list_bottom dt img{width:100px;height:100px;border:1px solid #F3F3F3;transition: all 0.3s linear;}
dl.eyecatch_list_bottom a:hover img {width:100px;height:100px;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);z-index: 9999;}
dl.eyecatch_list_bottom dd{width:211px;padding:12px;height:76px;margin:0 0 20px 0;font-size:12px;line-height:18px;text-align:left;color:#888;}
@media screen and (min-width:670px){dl.eyecatch_list_bottom dd{float:left;}}
dl.eyecatch_list_bottom dd span {font-size:14px;font-weight:bold;display:block;line-height:20px;margin-bottom:3px;color:#444;}
dl.eyecatch_list_bottom a:hover dd{background-color:#eee;-webkit-transition: background-color 0.35s;transition: background-color 0.35s;text-decoration:underline;}
@media screen and (max-width:670px){dl.eyecatch_list_bottom{width:100%;display:table;}}
@media screen and (max-width:670px){dl.eyecatch_list_bottom a{width:100%;height:100px;display:block;margin:0 0 20px 0;}}
@media screen and (max-width:670px){dl.eyecatch_list_bottom dt{clear:both;width:100px;height:100px;overflow:hidden;display: table-cell;}}
@media screen and (max-width:670px){dl.eyecatch_list_bottom dt img{width:100%;height:100%;box-sizing: border-box;}}
@media screen and (max-width:670px){dl.eyecatch_list_bottom a:hover img{width:100%;height:100px;box-sizing: border-box;}}
@media screen and (max-width:670px){dl.eyecatch_list_bottom dd{display: table-cell;width:auto;margin-left:100px;padding:9px 3%;height:100px;box-sizing: border-box;}}

#searchform{width:100%;height:30px;margin:20px 0;position:relative}
#searchform #s{width:220px;padding:5px 10px 5px 5px;height:18px;line-height:1;border:1px solid #ccc;border-radius:0}
@media screen and (max-width:670px){#searchform #s{width: 74%;height: 30px; padding: 5px 10px 5px 5px;box-sizing: border-box;}}
#searchform #searchsubmit{position:absolute;top:0;right:1px;border:0;cursor:pointer;width:60px;height:30px;margin:0;background:#ccc;color:#FFF;border-radius:0;-webkit-appearance:button;content:"";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;padding-right:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.2em}
@media screen and (max-width:670px){#searchform #searchsubmit{width: 25%;box-sizing: border-box;}}
#searchform #searchsubmit:hover{background: #bbb;}

/**********************************内部************************************/


.day_cat_tag{font-size:12px;line-height:18px;margin:0 0 10px 0;}
#main_column img {max-width:100%;}
/*
#main_column.singles p{font-size:15px;margin:20px 0 20px 0;line-height:26px;}

#main_column.singles ul {margin: 1em 0;padding-left: 35px;list-style-type: disc;line-height:23px;}
#main_column.singles ol {margin: 1em 0;padding-left: 35px;list-style-type: decimal;line-height:28px;}
#main_column.singles iframe {margin:20px auto;width:100%;max-width:630px; height:338px;}
@media screen and (max-width:670px){#main_column.singles iframe {max-height:240px;}}
*/
/* block quote */
blockquote { margin:0 0 24px 0; padding:30px 40px 5px; background:#fff;border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; }
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; }
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; }
@media screen and (max-width:670px){blockquote{padding:30px 30px 0px;}}

.orenji_b{color:#D93600;font-weight:bold}


ul#tag-list{list-style:none;padding:15px;overflow:hidden;}
ul#tag-list li{line-height:30px;float:left;margin:0 10px 0 0;}


/* ページング */
.tablenav{color:#1294B5;background:#fff;margin:1em auto;line-height:2em;text-align:center}
.tablenav .current,a.page-numbers{color:#333;padding:6px 10px;border:1px solid #ccc;text-decoration:none;font-size:smaller;box-sizing:border-box}
a.page-numbers:hover{color:#fff;background:#1294B5;border:1px solid #1294B5}
a.next.page-numbers,a.prev.page-numbers{border:0}
.tablenav .current{color:#fff;background:#1294B5;border-color:#1294B5}
.tablenav .next,.tablenav .prev{border:0;background:0 0;text-decoration:underline;font-size:15px}


#side_column{width:300px;float:right;}
@media screen and (max-width:670px){#side_column{width:100%;float:left;}}
#sidead1{height:250px;width:300px;margin:0 0 15px 0;}
#sidead1 a:hover{opacity:0.7;}
@media screen and (max-width:670px){#sidead1{width:100%;height:100%;margin:25px auto 15px auto;}}

.sidead,.sidead2{width:100%;text-align:center;margin:0 auto;}
.sidead2{margin:15px auto 0 auto;}

#side1{}

#side_column h4{width:282px;background:#333;color:#fff;height:45px;border-left:3px solid #ddd;font-size:14px;font-weight:bold;line-height:45px;padding:0 0 0 15px;margin:25px 0 15px 0;}

@media screen and (max-width:670px){#side_column h4{width:100%;padding:0 0 0 5%;box-sizing: border-box;}}

ul#cat_img_list{}
ul#cat_img_list li{list-style:none;font-size:14px;line-height:50px;height:50px;border-bottom:1px dotted #ccc;}
/* ul#cat_img_list li img{width:30px;height:30px;margin:0 10px 0 0;padding:10px 0;}*/
ul#cat_img_list li a{width:100%;display:block;}
ul#cat_img_list li a:hover{background-color:#FFFFF2;}
ul#cat_img_list li a:hover .cut_image{	width: 140px;
	height: 140px;	left: -52px;
	top: -45px;transition: .5s;}


.cut {
	position: relative;float: left;
	overflow: hidden;	/*不要部分の切り取り*/
	height: 40px;		/*正方形にしたい高さサイズ*/
	width: 40px;		/*正方形にしたい横幅サイズ*/
	display: block;		/*spanなのでblock要素にする*/
	margin:5px 10px 5px 0;border: 1px solid #eee; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.cut_image {			/*縦・横の画像でも一応見れるように微妙に調整されています。*/
	diaplay: block;width: 100px;height: 100px;position: absolute;left: -32px;top: -25px;}

ul#cat_lists{}
ul#cat_lists li{list-style:none;font-size:14px;line-height:50px;height:50px;border-bottom:1px dotted #ccc;}
ul#cat_lists li img{width:30px;height:30px;margin:0 10px 0 0;padding:10px 0;}
ul#cat_lists li a{width:100%;display:block;}
ul#cat_lists li a:hover{background-color:#FFFFF2;}
ul#cat_lists li a:hover img{width:30px;height:30px;}

/* 関連記事枠 */
.main_under_column_border{width:100%;padding:30px 40px 20px 40px;margin:0 0 25px 0;border: 1px solid #ddd;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
/* 関連記事タイトル部分 */
h4.related-title{font-size:20px;margin-bottom:25px;line-height:35px;color:#444;}

dl.eyecatch_list_bottom{width:700px;height:auto;overflow:hidden;margin:0;}
dl.eyecatch_list_bottom a {display:block;width:345px;height:100px;display:inline;}
dl.eyecatch_list_bottom a:hover{color:#00698C;}
dl.eyecatch_list_bottom dt{width:100px;height:100px;margin:0 0 20px 0;float:left;display:inline;overflow:hidden;}
dl.eyecatch_list_bottom dt img{width:100px;height:100px;border:1px solid #F3F3F3;transition: all 0.3s linear;}
dl.eyecatch_list_bottom a:hover img {width:100px;height:100px;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);z-index: 9999;}
dl.eyecatch_list_bottom dd{width:221px;padding:12px;height:76px;margin:0 0 20px 0;font-size:12px;line-height:18px;text-align:left;}
@media screen and (min-width:670px){dl.eyecatch_list_bottom dd{float:left;}}
dl.eyecatch_list_bottom dd span {font-size:14px;font-weight:bold;display:block;line-height:20px;margin-bottom:3px;}
dl.eyecatch_list_bottom a:hover dd{background-color:#eee;-webkit-transition: background-color 0.35s;transition: background-color 0.35s;text-decoration:underline;}
@media screen and (max-width:670px){dl.eyecatch_list_bottom{width:100%;display:table;}}
@media screen and (max-width:670px){dl.eyecatch_list_bottom a{width:100%;height:100px;display:block;margin:0 0 20px 0;}}
@media screen and (max-width:670px){dl.eyecatch_list_bottom dt{clear:both;width:100px;height:100px;overflow:hidden;display: table-cell;}}
@media screen and (max-width:670px){dl.eyecatch_list_bottom dt img{width:100%;height:100%;box-sizing: border-box;}}
@media screen and (max-width:670px){dl.eyecatch_list_bottom a:hover img{width:100%;height:100px;box-sizing: border-box;}}
@media screen and (max-width:670px){dl.eyecatch_list_bottom dd{display: table-cell;width:auto;margin-left:100px;padding:9px 3%;height:100px;box-sizing: border-box;}}

ul#new_lists{width:100%;height:auto;overflow:hidden;margin:0;}
ul#new_lists li{list-style:none;font-size:13px;width:100%;height:70px;border-bottom:1px dotted #ccc;position:relative;overflow:hidden;display:table;}
ul#new_lists li .new_lists_cat{position:absolute;top:0;left:0;}
ul#new_lists li .new_lists_cat span{color:#fff;display:block;height:13px;line-height:13px;font-size:10px;padding:2px 3px;}
ul#new_lists li a{width:100%;height:70px;display:block;text-decoration:none;}
ul#new_lists li a:hover{background-color:#FFFFF2;}
ul#new_lists li a:hover img{width:70px;height:70px;}
ul#new_lists li .icachimgs{width:70px;height:70px;overflow:hidden;display:inline;display: table-cell;}
ul#new_lists li img{width:70px;height:70px;margin:0;padding:0;}
ul#new_lists li a:hover img{width:70px;height:70px;}
ul#new_lists li .new_lists_title{ vertical-align:middle;display: table-cell;width:210px;height:70px;padding:0px 10px 0px;line-height:18px;}
@media screen and (max-width:670px){ul#new_lists li .new_lists_title{width:100%;padding:0px 3%;box-sizing: border-box;}}

.side_lists{width:100%;font-size:13px;}
.s_li{width:100%;height:70px;position:relative;border-bottom:1px dotted #ccc;display:table;}
.s_li a{width:100%;height:70px;display:block;text-decoration:none;}
.s_li a:hover{background-color:#FFFFF2;}
.s_im{width:70px;height:70px;display:inline;display: table-cell;}
.s_im img{width:70px;height:70px;}
.s_ca{position:absolute;top:0;left:0;}
.s_ca span{color:#fff;display:block;height:13px;line-height:13px;font-size:10px;padding:2px 3px;}
.s_ti{display:inline;vertical-align:middle;width:100%;height:70px;padding:0px 3%;box-sizing: border-box;display: table-cell;}

#side_tagcloud{padding:10px;}

#footer_column{width:100%;border-top:5px solid #333;background:#333;clear:both;}
#foot_obi{width:100%;background:#F3F3F3;}
#foot_obi_in{width:1100px;margin:0 auto;padding:35px 0 25px 0;overflow:hidden;}
@media screen and (max-width:670px){#foot_obi_in{width:92%;padding:35px 4%}}

#foot_obi_in img {margin:0px 0 15px 0;width:180px;}
@media screen and (max-width:670px){#foot_obi_in img{max-width:50%;}}
p#foot_title{font-size:24px;font-weight:bold;margin:5px 0 15px 0;}
p#catchphrase{font-size:11px;}

#foot_obi_in ul{height:100%;float:right;}

#foot_obi_in ul li{display:inline;}
@media screen and (max-width:670px){#foot_obi_in ul li{float:left;width:100%;}#foot_obi_in ul li:first-child{margin:20px 0 0 0;}}

#foot_obi_in ul li a{font-size:14px;margin:0 0 0 10px;}
@media screen and (max-width:670px){#foot_obi_in ul li a{font-size:13px;line-height:25px;float:left;width:100%;margin:0;}}



/********** 色やサイズのみ変えたい時のリスト **********/

/* ヘッダ下の5px線 */
#head_column{border-bottom:4px solid #333;}

/* スマホ表示　ヘッドメニューボタンの色 */
.nav-toggle{background-color:#333}

/* ヘッドメニューボタンの色　左から順 */
.m1 a{background:#1A5489;}
.m2 a{background:#927EC2;}
.m3 a{background:#CC398C;}
.m4 a{background:#FFA836;}
.m5 a{background:#92B51B;}
.m6 a{background:#16B595;}
.m7 a{background:#1294B5;}
.m1 a:hover,.m2 a:hover,.m3 a:hover,.m4 a:hover,.m5 a:hover,.m6 a:hover,.m7 a:hover{opacity:.8;}

li.m1 ul.sub-menu a{background-color:rgba(26,84,137,0.7);border:none;}
li.m1 ul.sub-menu a:hover{background-color:rgba(26,84,137,0.9);border:none;}
li.m2 ul.sub-menu a{background-color:rgba(146,126,194,0.7);border:none;}
li.m2 ul.sub-menu a:hover{background-color:rgba(146,126,194,0.9);border:none;}
li.m3 ul.sub-menu a{background-color:rgba(204,57,140,0.7);border:none;}
li.m3 ul.sub-menu a:hover{background-color:rgba(204,57,140,0.9);border:none;}
li.m4 ul.sub-menu a{background-color:rgba(255,168,54,0.7);border:none;}
li.m4 ul.sub-menu a:hover{background-color:rgba(255,168,54,0.9);border:none;}
li.m5 ul.sub-menu a{background-color:rgba(146,181,27,0.7);border:none;}
li.m5 ul.sub-menu a:hover{background-color:rgba(146,181,27,0.9);border:none;}
li.m6 ul.sub-menu a{background-color:rgba(22,181,149,0.7);border:none;}
li.m6 ul.sub-menu a:hover{background-color:rgba(22,181,149,0.9);border:none;}
li.m7 ul.sub-menu a{background-color:rgba(18,148,181,0.7);border:none;}
li.m7 ul.sub-menu a:hover{background-color:rgba(18,148,181,0.9);border:none;}

/* カテゴリの色 */
.new_list_cat span.cat1{background-color:#1A5489;}
.new_list_cat span.cat2{background-color:#927EC2;}
.new_list_cat span.cat3{background-color:#CC398C;}
.new_list_cat span.cat4{background-color:#FFA836;}
.new_list_cat span.cat5{background-color:#92B51B;}
.gps-rental{background-color:#1A5489;}
.gps-kinou{background-color:#927EC2;}
.gps-tsuiseki{background-color:#CC398C;}
.uwaki{background-color:#FFA836;}
.cat5{background-color:#92B51B;}
.new{background:#333;}

/* block quote */
blockquote:before { color:#1294B5; }
blockquote:after { color:#1294B5; }

.pink{color:#FF4557;}

.bg_yellow{background-color:#FEF98F;}
.bg_pink{background-color:#FEBFBA;}
.bg_pink_b{background-color:#FEBFBA;font-weight:bold;}