@charset "UTF-8";

/*ei-slider-fixed*/
.ei-slider-large li img {
    width: 100% !important;
    margin-left: 0 !important;
}
/*---------------------------------
             index
----------------------------------*/

ul.sp_img{
display:none;}

ul.sp_img li:nth-child(n+2){
display:none;}

#load{width:1200px;
    height:400px;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    layout-grid-line:200px;
}
#load img{vertical-align:middle;
}

/*-----slide-----*/
/*
.photoimage{
width:100%;
margin:0;
padding:0;
position:relative;
z-index:10;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  max-height:480px;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }






.stretched #top_page .thumb-slider .flex-control-thumbs, .stretched #slider.thumb-slider .rs-thumb-wrap {
    background: none repeat scroll 0 0 #fff;
}


#top_page .container{
width:100%;}
*/
html body {
    background-color: #000000;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}



html{
  font-family:'メイリオ',Meiryo,sans-serif;
  line-height:2em !important ;
  font-size:0.875em;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;}
  
  
::selection {
color:#ffffff;
background: #0a4383;
}
::-moz-selection {
color:#ffffff;
background: #0a4383;
}
	

a{
color:#000000;}

a:hover{
color:#0a4383;}

       
.l1-s4 {
            font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', Helvetica, Arial, Serif,'メイリオ',Meiryo,sans-serif;
			padding: 0px 10px;
			height: 40px;
			line-height: 40px;
			box-shadow: 0px 4px 10px -5px black;
			color: white;
			text-shadow: none;
			font-size: 28px;
			color: #4f6716;
			background: white;
		}
		

.logo{
padding:7px 0 0 50px !important;}


#top-menu li.top-menu-em a, #primary-menu > ul > li:hover, #primary-menu ul li.current, #primary-menu > div > ul > li:hover, #primary-menu div ul li.current, #primary-menu > ul > li.current-menu-ancestor, #primary-menu > ul > li.current-menu-parent, #primary-menu > ul > li.current-menu-item, #primary-menu > div > ul > li.current-menu-ancestor, #primary-menu > div > ul > li.current-menu-parent, #primary-menu > div > ul > li.current-menu-item, .sticky-menu-wrap > ul > li:hover, .sticky-menu-wrap ul li.current, .sticky-menu-wrap > ul > li.current-menu-ancestor, .sticky-menu-wrap > ul > li.current-menu-parent, .sticky-menu-wrap > ul > li.current-menu-item, #primary-menu ul ul li, .sticky-menu-wrap ul ul li, .lp-subscribe input[type="submit"], .portfolio-overlay, #portfolio-navigation a:hover, .entry_date div.month, .entry_date div.day, .sidenav > .active > a, .sidenav > .active > a:hover, .promo-action a:hover, .error-404-meta input[type="submit"], .gallery-item img:hover, .product-feature img, .product-feature > span, .team-image span, .icon-rounded:hover, .icon-circled:hover, .simple-button.inverse, .simple-button:hover, .pricing-style2 .best-price .pricing-price, #twitter-panel, #gotoTop:hover, a.twitter-follow-me:hover, #footer.footer-dark a.twitter-follow-me:hover, .sposts-list .spost-image:hover, #footer.footer-dark .sposts-list .spost-image:hover, .tagcloud a:hover, #footer.footer-dark .tagcloud a:hover, .widget-scroll-prev:hover, .widget-scroll-next:hover, #footer.footer-dark .widget-scroll-prev:hover, #footer.footer-dark .widget-scroll-next:hover, .quantity .plus:hover, .quantity .minus:hover, #fshop-cart-trigger #fshop-cart-qty, .product-sale, .product-overlay a:hover, .ui-slider .ui-slider-range, .widget_layered_nav li.chosen small {
    background-color: #0a4383;
}
	
	
#primary-menu ul li.current a, #primary-menu > ul > li:hover a, #primary-menu > ul > li.current-menu-ancestor > a, #primary-menu > ul > li.current-menu-parent > a, #primary-menu > ul > li.current-menu-item > a, #primary-menu div ul li.current a, #primary-menu > div > ul > li:hover a, #primary-menu > div > ul > li.current-menu-ancestor > a, #primary-menu > div > ul > li.current-menu-parent > a, #primary-menu > div > ul > li.current-menu-item > a, .sticky-menu-wrap ul li.current a, .sticky-menu-wrap > ul > li:hover a, .sticky-menu-wrap > ul > li.current-menu-ancestor > a, .sticky-menu-wrap > ul > li.current-menu-parent > a, .sticky-menu-wrap > ul > li.current-menu-item > a {
    border-top-color: #278bba;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}



#top-social li.ts-phone a { background-color: #E87400; }

#top-social li.ts-mail a { background-color: #FFBF00; }


.standard-logo{
margin:40px 0 0 0;}

#primary-menu ul ul, .sticky-menu-wrap ul ul {
    width: 250px;
}

#primary-menu ul ul li,
.sticky-menu-wrap ul ul li {
margin:0 0 0 -40px;
border-top:1px solid #ffffff;
}

#primary-menu ul ul li:first-child,
.sticky-menu-wrap ul ul li:first-child {
margin:0 0 0 -40px;
border-top:1px solid #ffffff;
}


.promo-desc span{
font-size:120%;}

#top-social ul li a{
font-family:'メイリオ',Meiryo,sans-serif !important ;}

.social_line {
    list-style: none;
    margin:20px 0 0 -40px;
    text-align: center;
}
.social_line li {
border:none !important;
    display: inline;
}
.social_line li a {
border:none !important;
    color: #FFFFFF;
    font-size: 15px;
    margin: 0 5px;
    transition: all 0.5s ease 0s;
}

.social_line li a:hover {
    color: #777777 !important ;
}

.zocial:before {
    border-right:none;}
    
.zocial{
margin:0 !important;}

#header.header7 #primary-menu ul {
    margin: 0;
}


#header.header7 #primary-menu li a span {
    display: block;}
    
#header.header7 #primary-menu > ul > li > a i {
    display: none;}
    
    /*
#header.header7 #primary-menu > ul > li.sub-menu > a > div {
    background-image: url("../images/icons/mainsubmenu.png");
    background-position: center bottom;
    padding: 0 0 24px 0;}
    */
    
.ei-title h2 span{
    line-height: 0;
    font-family: 'Open Sans', sans-serif,'メイリオ',Meiryo;
    line-height: 1.3em;
    position:relative;
    top:18px;}
    
#top-social li.ts-instagram a { background-color: #487598; }

#top-social ul li a.zocial{
margin:0 auto;
padding:7px 0 0 0;
font-size:14px;}

#top-social ul li div.s_icon{
position:relative;
font-size:11px;
top:-6px;
margin:0 0 0 5px;}



ul#top_services a:hover h3{
color:#2e81ad;}

ul#top_services{
margin:0!important;
padding:0!important;
list-style:none!important;}

ul#top_services li:nth-child(3n){
margin-right:0 !important ;
clear:right;}

/*--------------------------------------------------------------------------
トップページ　真ん中　画像とタイトル、サブタイトル部分の縦のサイズ タブレットの時の改行用
---------------------------------------------------------------------------*/
ul#top_services li.col_one_third div.product-feature{
height:170px;}

/*---------------------------------------------------------------------------*/
.product-feature3 h3 span{
color:#000000;}


.product-feature3 {
    background-color:#f5f5f5;
    border-bottom:#e7e7e7 1px solid;
    border-radius:0;
    box-shadow:none;
    padding: 15px;
    text-align: center;
}

.product-feature3 span img{
max-width:50%;
padding-top:30px;
height:auto;}

.portfolio-widget ul li a.zocial{
font-weight:normal;
box-shadow:none !important;
position:relative;
left:-25px;}

.portfolio-widget ul li span.zocial{
font-weight:normal;
box-shadow:none !important;
position:relative;
left:-25px;}

#primary-menu,
#lp-contacts,
.sticky-menu-wrap {
    max-width: none;
}

#sticky-menu .sticky-menu-wrap ul{
margin:0;}

#logo {
max-width: 210px;}


/*--------------menuのプルダウンの時の矢印---------------*/
#header.header7 #primary-menu > ul > li.sub-menu > a > div.yaji {
    background-image: url("../images/icons/mainsubmenu.png");
    background-position: center bottom;
    padding: 0 0 24px;
}

#primary-menu ul > li.sub-menu > a > div, .sticky-menu-wrap ul > li.sub-menu > a > div {
    background-image: none;
    background-position: right top;
    background-repeat: no-repeat;
    padding-right:0;
}


#primary-menu ul > li.sub-menu:hover > a > div, #primary-menu ul li.current.sub-menu > a > div, #primary-menu > ul > li.current-menu-ancestor.sub-menu > a > div, #primary-menu > ul > li.current-menu-parent.sub-menu > a > div, #primary-menu > ul > li.current-menu-item.sub-menu > a > div, #primary-menu div > ul > li.current-menu-ancestor.sub-menu > a > div, #primary-menu div > ul > li.current-menu-parent.sub-menu > a > div, #primary-menu div > ul > li.current-menu-item.sub-menu > a > div, #header.header7 #primary-menu ul > li.sub-menu:hover > a > div, #header.header7 #primary-menu ul li.current.sub-menu > a > div, #header.header7 #primary-menu > ul > li.current-menu-ancestor.sub-menu > a > div, #header.header7 #primary-menu > ul > li.current-menu-parent.sub-menu > a > div, #header.header7 #primary-menu > ul > li.current-menu-item.sub-menu > a > div, .sticky-menu-wrap ul > li.sub-menu:hover > a > div, .sticky-menu-wrap ul li.current.sub-menu > a > div, .sticky-menu-wrap > ul > li.current-menu-ancestor.sub-menu > a > div, .sticky-menu-wrap > ul > li.current-menu-parent.sub-menu > a > div, .sticky-menu-wrap > ul > li.current-menu-item.sub-menu > a > div {
    background-image: none;
}
#primary-menu ul ul > li.sub-menu > a, #primary-menu ul ul > li.sub-menu:hover > a, .sticky-menu-wrap ul ul > li.sub-menu > a, .sticky-menu-wrap ul ul > li.sub-menu:hover > a {
    background-image:none;
    background-position: right center;
    background-repeat: no-repeat;
}








/*-------固定メニューのロゴの大きさ--------*/
.sticky-logo a img{
width:170px;
margin:5px 0 0 0;}

/*-------固定メニューのロゴの大きさ--------*/

.sticky-logo{
margin-right:0;}

.ei-title h2 span{
font-family:'メイリオ',Meiryo,sans-serif;
font-weight:bold;}

.ei-title h3 span{
font-family:'メイリオ',Meiryo,sans-serif;}

.promo-desc h3{
font-family:'メイリオ',Meiryo,sans-serif;
font-weight:bold;}

.promo-desc span{
font-family:'メイリオ',Meiryo,sans-serif;}

.product-feature h3{
font-family:'メイリオ',Meiryo,sans-serif;
font-weight:bold;}

ul#main-menu li span{
font-family:'メイリオ',Meiryo,sans-serif;}

ul#main-menu li ul div{
font-family:'メイリオ',Meiryo,sans-serif;}

.portfolio-title h3{
font-family:'メイリオ',Meiryo,sans-serif;}

.portfolio-widget li{
font-family:'メイリオ',Meiryo,sans-serif;}

.promo-desc {
    padding-right: 30px;
}


/*-------------------------------------------------------------------------
           Gallery       Right_photo Title Body_line
---------------------------------------------------------------------------*/

blockquote{
font-family:'メイリオ',Meiryo,sans-serif;
	color: #777777;
	border-left: 2px solid #666666;
    line-height: 2.5em;
    font-style:normal;
    font-size:1em !important;
}

.p_area_1{
padding:80px 0 0 0;
width:40%;
float:right;
margin:0 0 0 5%;}

.p_area_1 img{
width:100%;}

.desc_area_1 h1{
font-family:'メイリオ',Meiryo,sans-serif;
font-size:180%;
font-weight:bold;}


.desc_area_1{
float:right;
width:50%;}

.desc_area:after{
clear:both;}

.sub_title{
font-weight:bold;}

/*-------------------------------------------------------------------------
           Gallery       Right_photo Title
---------------------------------------------------------------------------*/

.desc_area_1 p{
font:normal;
font-family:'メイリオ',Meiryo,sans-serif;
	color: #777777;
    line-height: 2.5em;
    font-style:normal;
    font-size:1em;
}


/*-------------------------------------------------------------------------
           Gallery       photo_Upper Title
---------------------------------------------------------------------------*/

.p_area_2{
width:100%;}

.p_area_2 img{
width:100%;}

.p_area_2 h1{
font-family:'メイリオ',Meiryo,sans-serif;
font-size:180%;
font-weight:bold;}

.desc_area_2{
clear:both;
width:100%;}

.desc_area_2 p{
font:normal;
font-family:'メイリオ',Meiryo,sans-serif;
color: #777777;
line-height: 2.5em;
font-style:normal;
font-size:1em;
}









/*-------------------------------------------------------------------------
           list
---------------------------------------------------------------------------*/

.list{
font-family:'メイリオ',Meiryo,sans-serif;
width:100%;}

dl.list_column{
width:100%;
margin:0;
padding:0;}

dl.list_column dt{
float:left;
clear:both;
padding:5px 5px 5px 0;
width:20%;
font-weight:bold;
font-size:120%;}

dl.list_column dd.left_2{
float:left;
padding:5px 5px;
width:20%;
font-weight:bold;}

dl.list_column dd.left_3{
float:left;
padding:5px 5px;
width:20%;}

dl.list_column dd.left_4{
float:left;
padding:5px 0 5px 5px;
width:19%;}



/*-------------------------------------------------------------------------
           Blog
---------------------------------------------------------------------------*/

span.page-divider span {
    border-bottom: 2px solid #0a4383;
}

.blog_index li a{
border: none !important;
color: #444;
font-size: 13px;}

.blog_index li a:hover{
color: #000000;}

.blog_index li span{
margin:0 10px 0 0;}

.entry_title h2{
font-family:'メイリオ',Meiryo,sans-serif;
font-weight:bold;}

.entry_content p{
font-family:'メイリオ',Meiryo,sans-serif;}

.month{
font-family:'メイリオ',Meiryo,sans-serif;}

.entry_content img{
max-width:100%;
height:auto;}

.youtube{
position: relative;
margin-top:0;
margin-bottom:0;
padding-bottom:0;
padding-top:0;
overflow: hidden;
}

.youtube iframe {
position: relative;
top: 0;
left: 0;
width: 100%;
}
.youtube object{
position: relative;
top: 0;
left: 0;
width: 100%;
}

.pager{
margin:0;
padding:0}

/*pin Itのボタンのカスタマイズ*/
span#pinItWrap {
	overflow: hidden;
	position: relative;
	height: 52px;
	width: 56px;
}
span#pinIt {
	position: absolute;
	top: -9999px;
	visibility: hidden;
}

span#pinIt img{
width:140px;}






/*----------parameters=list追加2016_0309---------------*/
.posts_list .postcontent .small-posts .entry .entry_c{
width:100%;
float:none;}

.entry_content_posts_txt{
padding-right:30px;}

.posts_list .entry_c .entry_title h2 a{
padding:0 50px 0 0;}


/*-------------------top_blog_list追加2016_0309--------------------*/
.top_posts_list .entry_c{
width:48%;
float:left;
margin-left:4%;
height:180px;
border-bottom:#dddddd 1px solid;
margin-bottom:30px;}

.top_posts_list .entry_c:nth-of-type(odd){
margin-left:0;}

.top_posts_list .entry_c .entry_title h2 a{
padding-left:10px;}



/*-------------------------------------------------------------------------
           Contact
---------------------------------------------------------------------------*/

.product-feature > span.statusnet{
font-size:15px;
text-indent:-8px;}

.product-feature > span.call{
font-size:15px;
text-indent:-5px;}

.product-feature > span.email{
font-size:15px;
text-indent:-7px;}

.product-feature > span.print{
font-size:15px;
text-indent:-5px;}





/*-------------------------------------------------------------------------
           Catalog
---------------------------------------------------------------------------*/
.p-overlay-icons a{
width:100%;
height:auto;}

.slider-wrap img{
width:100%;
height:auto;}

div.mfp-content{
width:auto !important ;
height:auto !important ;}

.mfp-img{
width:auto !important ;
height:auto !important ;}

.port-terms span a{
word-break: break-all;}



/*--------------list--------------*/
.cv_column{
width:100%;
padding:50px 0;
border-bottom:#e5e5e5 1px solid;}

.cv_bodyarea{
width:35%;
margin:0 3% 0 0;
float:left;}

.cv_imgarea{
width:62%;
float:left;}

.cv_imgarea img{
max-width:100%;}

.cv_column h2{
font-size:140%;
text-align:center;
font-weight:bold;}

.cv_column h2 span{
margin:0 10px 0 0;}

.cv_column h3{
font-size:100%;
font-weight:normal;}






/*-------------catalog_views-------------*/
/*#portfolio-details-wrap{
width:23%!important;}

.catalog_v_photo_area{
width:70%!important;}
*/

#portfolio-details-wrap .port-terms h5 {
width:5%;}

#portfolio-details-wrap .port-details{
width:100%;
margin-right:0;
padding-right:0;
padding-left:0;
margin-left:0;}

#portfolio-details-wrap .port-details span{
padding-top:25px;}

.catalog_v_photo_area img{
max-width:100%;}

.port-details p{
border-bottom: 1px dotted #DDD;
margin-bottom: 15px;
padding-bottom: 15px;}

.port-details{
float:right;}

.img-thumbnail{
margin:0;
padding:0;
border:0;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;}

.catalog_flex_area{
display:flex;
}

#loadmain{
flex:0 1 70%;
max-width:70%;
padding:0 30px 0 0;
margin:0;
}

#portfolio-details-wrap{
flex:0 1 30%;
max-width:30%;
}

.slider-wrap img{
    max-width:100%;
}





/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Tablet_yoko
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 980px) and (max-width: 1024px) {

#header .container{
padding-left:0;
padding-right:0;}

ul.sp_img{
display:none;}

ul.sp_img li:nth-child(n+2){
display:none;}

#header.header7 #primary-menu ul {
width:100%;
    margin: 0 auto;
}

#primary-menu{
width:100%;
margin: 0 auto !important ;
padding:0;}



/*----------------------------------------------------
               tablet_yokoの時のメニューのセンター寄せ
------------------------------------------------------*/
#primary-menu ul{
width:100%;
margin:0 0 0 20% !important;
padding:0;
border: none;}
/*----------------------------------------------------
               tablet_yokoの時のメニューのセンター寄せ
------------------------------------------------------*/

/*
#primary-menu ul {
position:relative;
left:-35px;
top:-30px;}
*/

#primary-menu ul,
#header #primary-menu ul { display: block; }

#header.header7 #primary-menu {
    margin-bottom:-30px;
}

#primary-menu ul { display: block; }

#primary-menu ul li ul li{
    border-top: 1px solid #ffffff !important;
    margin: 0;
    width: 250px !important;
    position:relative;
    left:0;
}

#primary-menu ul ul{
	width: 250px !important;
	margin:0 0 0 -20px;
}


#primary-menu ul li ul li:nth-child(1){
margin-left:0;}

#primary-menu ul ul li,
.sticky-menu-wrap ul ul li {
margin:0;
position:relative;
left:-190px;
}

#primary-menu ul ul li:nth-child(n+1),
.sticky-menu-wrap ul ul li:nth-child(n+1) {
margin:0;
position:relative;
left:-20px;
}

#primary-menu ul ul li:first-child,
.sticky-menu-wrap ul ul li:first-child {
margin:0;
position:relative;
left:-200px;
}




#primary-menu ul ul li a { padding: 0 0 0 15px !important; }

#primary-menu ul ul, .sticky-menu-wrap ul ul {
    width: 100%;
}

#primary-menu ul ul li,
.sticky-menu-wrap ul ul li {
border-top:1px solid #0a4d83 !important;
}

#logo a.standard-logo { display:block !important ; }

#top-social{
margin:0 -30px 0 -40px;}

#logo {
    max-width: 250px;
    margin:0 0 0 40%;
}

ul#main-menu{
width:100%;
text-align:center;
margin:0 auto;}

.stretched #page-title { padding: 0; }


/*-------------------------------------------------------------------------
           Gallery       Right_photo Title Body_line
---------------------------------------------------------------------------*/

blockquote{
font:normal;
font-family:'メイリオ',Meiryo,sans-serif;
	color: #777777;
	border-left: 2px solid #666666;
    line-height: 2.5em;
    font-style:normal;
    font-size:100% !important;
    margin-right:3%;
}

.p_area_1{
padding:0;
width:100%;
margin:0;}

.p_area_1 img{
width:100%;}

.desc_area_1 h1{
font-size:180%;
font-weight:bold;}

.desc_area_1{
width:100%;}

.desc_area:after{
clear:both;}


/*-------------------------------------------------------------------------
           Gallery       Right_photo Title
---------------------------------------------------------------------------*/

.desc_area_1 p{
font:normal;
font-family:'メイリオ',Meiryo,sans-serif;
	color: #777777;
    line-height: 2.5em;
    font-style:normal;
    font-size:100%;
}








}





/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                    tablet_tate
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (min-width: 641px) and (max-width: 979px) {

ul.sp_img{
display:none;}

ul.sp_img li:nth-child(n+2){
display:none;}

#primary-menu{
max-width:100% !important;}

#primary-menu ul {
margin:0 auto !important;
padding:0 !important;
border: none !important;}

#primary-menu ul {
position:relative;
left:-35px;
top:-30px;}

#primary-menu ul,
#header #primary-menu ul { display: block; }

#header.header7 #primary-menu {
    margin-bottom:-30px;
}

#primary-menu ul { display: block; }

#primary-menu ul li ul li{
    border-top: 1px solid #ffffff !important;
    margin: 0;
    width: 250px !important;
    position:relative;
    left:0;
}

#primary-menu ul ul{
	width: 250px !important;
}


#primary-menu ul li ul li:nth-child(1){
margin-left:0;}
	

#primary-menu ul ul li a { padding: 0 0 0 15px !important; }


#primary-menu ul ul li:nth-child(n+1),
.sticky-menu-wrap ul ul li:nth-child(n+1) {
margin:0;
position:relative;
left:-70px;
}

#primary-menu ul ul li:first-child,
.sticky-menu-wrap ul ul li:first-child {
margin:0;
position:relative;
left:-70px;
}







/*--------------catalog_list--------------*/
.cv_column{
width:100%;
padding:50px 0;
border-bottom:#e5e5e5 1px solid;}

.cv_bodyarea{
width:100%;
margin:0;
float:none;}

.cv_imgarea{
width:100%;
float:none;}

.cv_imgarea img{
max-width:100%;}






/*-------------catalog_views-------------*/
#portfolio-details-wrap{
width:100%!important;}

.catalog_v_photo_area{
width:100%!important;}

#portfolio-details-wrap .port-terms h5 {
width:5%;}

#portfolio-details-wrap .port-details{
width:100%!important;
margin-right:0;
padding-right:0;
padding-left:0;
margin-left:0;
float:none;}

#portfolio-details-wrap .port-details span{
padding-top:25px;}

.catalog_v_photo_area img{
max-width:100%;}

.port-details p{
border-bottom: 1px dotted #DDD;
margin-bottom: 15px;
padding-bottom: 15px;
padding-left:5%;}

.port-details{
float:none;
width:100%;}

.port-desc{
width:100%!important;}






}










/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Smart Phone  Only                        
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-width: 568px) {


ul.sp_img{
display:block;}

ul.sp_img li:nth-child(n+2){
display:none;}

#ei-slider{
display:none;}

ul.sp_img{
list-style:none;
width:100%;
margin:0;
padding:0;}

ul.sp_img li{
margin:0;
padding:0;
width:100%;}

#content .promo{
margin-top:50px !important;}


#primary-menu{
max-width:100%;}

#primary-menu ul {
margin:0 auto;
padding:0;
border: none;}

#primary-menu ul {
position:relative;
left:0;
top:-30px;}

#primary-menu ul,
#header #primary-menu ul { display: block; }

#header.header7 #primary-menu {
    margin-bottom:-30px;
}

#primary-menu ul { display: block;
width:100% !important;
margin:0!important;
padding:0!important; }

#primary-menu ul li{
width:50%;
margin:0 !important;
float:left;
height:50px!important;
border-top:1px solid #ececec;
padding:0 !important;}

.header7 #primary-menu ul > li > a > div > span{
margin:0 !important;
padding:0 !important;}

#header.header7 #primary-menu > ul > li.sub-menu > a > div.yaji {
    background-image: none;
    padding: 0;
}

.header7 #primary-menu ul > li > a{
margin:0 !important;
padding:13px 0 0 0 !important;}

.header7 #primary-menu ul > li.sub-menu > ul > li > a{
padding:2px 0 0 5px !important;}

#primary-menu ul li ul li{
    border-top: 1px solid #ffffff !important;
    margin:0;
    height:40px !important;
    width: 99% !important;
    position:relative;
    top:-70px!important;
    left:0;
    padding:0 0 0 5px !important;}
    
    #primary-menu ul li ul li a div{
    font-size:70% !important;
    padding:0 !important;}

#primary-menu ul ul{
	width: 99% !important;
}


#primary-menu ul li ul li:nth-child(1){
margin-left:0;}
	

ul#main-menu{
margin:0!important;
padding:0!important;}

#logo a.standard-logo { display:block !important ; }

#top-social{
margin:0 -30px 0 -40px;}

#logo {
    max-width: 230px;
    margin:0 auto;
    text-align:center;}
    
    #header .container{
    margin:0!important;
padding:0!important;
width:100%!important;}


#primary-menu ul li.current a, #primary-menu > ul > li:hover a, #primary-menu > ul > li.current-menu-ancestor > a, #primary-menu > ul > li.current-menu-parent > a, #primary-menu > ul > li.current-menu-item > a, #primary-menu div ul li.current a, #primary-menu > div > ul > li:hover a, #primary-menu > div > ul > li.current-menu-ancestor > a, #primary-menu > div > ul > li.current-menu-parent > a, #primary-menu > div > ul > li.current-menu-item > a, .sticky-menu-wrap ul li.current a, .sticky-menu-wrap > ul > li:hover a, .sticky-menu-wrap > ul > li.current-menu-ancestor > a, .sticky-menu-wrap > ul > li.current-menu-parent > a, .sticky-menu-wrap > ul > li.current-menu-item > a {
    border-top-color: #278bba;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    width:100%;
}



/*------------------メニューを日本語のみにする-----------------------*/
.header7 #primary-menu ul > li > a > div:nth-child(1){
display:none;}

.header7 #primary-menu ul > li.sub-menu > ul > li > a > div{
display:block;}






/*-------------------------------------------------------
トップページ真ん中の6つの枠をスマホの時に２列にする
---------------------------------------------------------*/
/*

ul#top_services li.col_one_third{
max-width:47%;
float:left;
margin-right:4%;}

ul#top_services li.col_one_third:nth-child(even){
margin-right:0;}

ul#top_services li.col_one_third:nth-child(6n+3){
margin-right:4% !important;}

.product-feature3 h3{
font-weight:normal;
font-size:100%;
word-break:break-all;
}
*/


/*-------------------------------------------------------
トップページ真ん中の6つの枠をスマホの時に横長のリスト形式にする
---------------------------------------------------------*/

.product-feature span img{
float:left;
padding:0;
margin:0;}

.product-feature3 span{
float:left;
padding:0;
margin:0;}

.product-feature3 span img{
float:left;
padding:0;
margin:0;}

.product-feature3 {
height:auto;
padding:0;
margin:0;
background-color:#ffffff;
}

.product-feature3 h3{
text-align:left;
float:left;
padding:0;
margin:0;
font-weight:normal;
font-size:120%;}

ul#top_services li.col_one_third div.product-feature{
height:80px;}






/*-------------------------------------------------------------------------
           Gallery       Right_photo Title Body_line
---------------------------------------------------------------------------*/

blockquote{
font:normal;
font-family:'メイリオ',Meiryo,sans-serif;
	color: #777777;
	border-left: 2px solid #666666;
    line-height: 2.5em;
    font-style:normal;
    font-size:100% !important;
    margin-right:3%;
}

.p_area_1{
padding:0;
width:100%;
margin:0;}

.p_area_1 img{
width:100%;}

.desc_area_1 h1{
font-size:180%;
font-weight:bold;}

.desc_area_1{
width:100%;}

.desc_area:after{
clear:both;}


/*-------------------------------------------------------------------------
           Gallery       Right_photo Title
---------------------------------------------------------------------------*/

.desc_area_1 p{
font:normal;
font-family:'メイリオ',Meiryo,sans-serif;
	color: #777777;
    line-height: 2.5em;
    font-style:normal;
    font-size:100%;
}






/*-------------------------------------------------------------------------
           list
---------------------------------------------------------------------------*/
.list{
width:100%;}

dl.list_column{
width:100%;
margin:0;
padding:0;}

dl.list_column dt{
clear:both;
width:100%;
font-weight:bold;
font-size:120%;}

dl.list_column dd.left_2{
margin:0 !important ;
width:100%;
font-weight:bold;}

dl.list_column dd.left_3{
width:85%;}

dl.list_column dd.left_4{
width:85%;}


/*-------------------------------------------------------------------------
           Blog
---------------------------------------------------------------------------*/
ul.entry_meta{
margin:0;
padding:0;}

/*----------parameters=list追加2016_0309---------------*/
.entry_content{
padding-right:0;}


/*-------------------top_blog_list追加2016_0309--------------------*/
.top_posts_list .entry_c{
width:100%;
float:none;
margin-left:0;
height:auto;
padding-bottom:20px;}

.top_posts_list .entry_c .entry_title h2 a{
padding-left:10px;}

.top_posts_list .entry_date{
margin-bottom:10px;}



/*----------------------------------------------------------------
catalog_list
-----------------------------------------------------------------*/
.cv_column{
width:100%;
padding:50px 0;
border-bottom:#e5e5e5 1px solid;}

.cv_bodyarea{
width:100%;
margin:0;
float:none;}

.cv_imgarea{
width:100%;
float:none;}

.cv_imgarea img{
max-width:100%;}

.cv_column h2{
font-size:120%;}





/*-------------catalog_views-------------*/
#portfolio-details-wrap{
width:100%!important;}

/*
.catalog_v_photo_area{
width:100%!important;}
*/

#portfolio-details-wrap .port-terms h5 {
width:5%;}

#portfolio-details-wrap .port-details{
width:100%!important;
margin-right:0;
padding-right:0;
padding-left:0;
margin-left:0;
float:none;}

#portfolio-details-wrap .port-details span{
padding-top:25px;}

.catalog_v_photo_area img{
max-width:100%;}

.port-details p{
border-bottom: 1px dotted #DDD;
margin-bottom: 15px;
padding-bottom: 15px;
padding-left:5%;}

.port-details{
float:none;
width:100%;}

.port-desc h3{
width:100%!important;}


.catalog_flex_area{
display:block;
}

#loadmain{
max-width:100%;
padding:0 0 30px 0;
margin:0;
}

#portfolio-details-wrap{
max-width:100%;
}






}













/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Tablet_tate
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 641px) and (max-width: 979px) {
#primary-menu ul{
margin:0 0 0 70px!important;}

.footer-widgets-wrap{
width:100%;
margin-right:0;}

}




/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Tablet_yoko
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 980px) and (max-width: 1024px) {

.footer-widgets-wrap{
width:100%;
margin-right:0;}

ul#main-menu.sf-js-enabled.sf-arrows{
width:100%!important;
margin:0!important;
padding:0!important;
max-width:100%;
}

ul#main-menu.sf-js-enabled.sf-arrows li:nth-of-type(1){
margin:0 0 0 160px;}


.ei-slider-large {
    height: 100%;
    margin: 0;
    overflow: hidden!important;
    position: relative;
    width: 100%;
}
.ei-slider-large li {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.ei-slider-large li img {
    width: 100%;
}



}










/*----------------------------------------------------------
line　追加　2016_0907
------------------------------------------------------------*/
#top-social li.ts-line a{
background-color: #53b535;}

#top-social{
position:relative;}


#top-social li.ts-line div.iconline-line{
font-size:170%;
color:#ffffff;
font-weight:bold;
text-shadow:1px 1px 1px rgba(0,0,0,0.3);
position:absolute;
top:10px;
left:5px;
z-index:999999;
cursor:pointer;}

#top-social li.ts-line a div.ts-text{
position:relative;
left:40px;
top:2px;}

#top-social ul li a.line{
margin:0 auto;
padding:7px 0 0 0;
font-size:14px;}

.social_line li a.iconline-line{
font-size:170%;
vertical-align:bottom;
position:relative;
top:-5px;
margin:0 10px 0 0;}





.ant {display: none;}