@charset "UTF-8";

/*
  Theme Name: LOVE MAG
  Description: LOVE MAG THEME
  Theme URI: 
  Author: HEART HUNGER
  Author URI:
  

*/
.cat-img{
margin: 0 auto;
max-width:1280px;
  width: 100%;
}
.cat-img img{
  max-width:1280px;
  width: 100%;
  height: auto;
}
#contents{
padding-bottom: 46px;
}
#contents:after,#category:after,#category li:after{
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
}
#category {
padding: 40px 45px 0;
overflow: hidden;
max-width: 1280px;
min-width: 1220px;
width: 100%;
margin: auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*********************
LOOK ONLINE
**********************/
.category-product {
margin-right: 5.5%;
width: 20.8%;
float: left;
overflow: hidden;
}
.category-product-image {
padding: 5px 0;
margin: 0;
}
.category-product-image a img {
width: 100%;
}
.category-product-description h2 {
line-height: 16px;
font-size: 11px;
font-weight: 300;
letter-spacing: 1px;
margin: 0;
padding: 0;
color: #231f20;
}
.category-product-description .price {
font-size: 11px;
line-height: 16px;
letter-spacing: 1px;
font-weight: 400;
margin: 0;
color: #787878;
}

.move{
position:relative;
width:100%;
padding-top:56.25%;
}
.move iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
#news .text .honbun img{
display:none;
}
#post-1628 .main-image{
  display:none;
}
#post-1628 .news-text{
float: none;
width: 96%;
margin: 0 auto;
padding: 0 2%;
}
#company #post{
  width:98%;
  padding:0 2%;
}
#menu-main-menu li a {
font-family: "futura-pt",sans-serif;
font-weight: 800!important;
letter-spacing: 2px;
}

#dc_jqmegamenu_widget-2-item ul li a, #dc_jqmegamenu_widget-2-item ul.menu {
background: none!important;
}
#logo{
  width: 60px;
height: 60px;
float:left;
margin: 5px 15px 0px 20px;
}
.media2016 #pnone,.media2015 #pnone,.special #pnone,.media2014 #pnone,.media2013 #pnone,.media2012 #pnone{
  display:none!important;
}
#dc_jqmegamenu_widget-2-item ul li .sub-container.non-mega li a {
padding: 7px 0px!important;
}
#dc_jqmegamenu_widget-2-item ul li a{
padding: 12px 30px 12px 25px!important;
}
#dc_jqmegamenu_widget-2-item ul li .sub-container.non-mega li {
width: 120px!important;
}
/*SLIDER*/
#banner2 img,#banner3 img, .top-bnr img{
  width:100%;
  height:auto;
}
#banner3{
  padding-bottom:46px;
}
.metaslider .caption{
  padding:10px 40px!important;
  border:3px solid #FFF;
  color:#FFF;
  font-size:30px;
}
.metaslider .caption-wrap{
bottom:50%!important;
left:35%!important;
background: none!important;
width: auto!important;
}
/*CONTACT*/
.buttons-send input[type="submit"]{
  width:100%;
  background:#FFF;
  border:1px solid #000;
  font-family: "futura-pt-condensed";
font-weight: 400;
letter-spacing: 2px;
  font-size: 24px;
border-radius: 0px;
}
.buttons-send input[type="submit"]:hover{
  background:#000;
  border:1px solid #000;
  color:#FFF;
}
#contact .c-form .field label{
  font-family: "futura-pt";
font-weight: 400;
letter-spacing: 2px;
font-size: 12px;
}
#contact .c-form input, #contact .c-form textarea {
width: 98%;
padding: 1%;
}
#contact .left-box{
float:left;
width:46%;
padding:0 2%;
  margin-bottom:50px;
}
#contact .right-box {
width: 46%;
padding: 0 2%;
float: left;
}

#contact table.recruit{ 
  margin:0;
  border-collapse:collapse;
  width: 100% !important;
}
#contact table.recruit td,#contact table.recruit th{
  font-size: 12px;
padding: 5px;
  border-bottom:1px solid #CCC;
  
}
#main-nav{
    display:none;
}
#contact .txt p{font-weight:bold; border-bottom:1px solid #000;}
@media only screen and (min-width: 768px) {
  /* Desktop styles go here */
#press .press-l{
margin: 0px;
max-width: 15%;
width: 15%;
float: left;
margin-left: 1%;
margin-bottom: 30px;
}
#container{
padding-top:70px;
}
  #header{
   position: fixed;
z-index: 9999;
  width:100%;
  top:0;
}
#footer{
position: fixed;
bottom: 0;
z-index: 9999;
  width:100%;
  background:#FFF;
}
  #footer  nav{
float:left;
}
#footer li{
  float:left;
  margin-right: 20px;
  margin-top: 6px;
}
 /*NEWS*/
  .category-news-list .main-image,.news-text{float:left; width:48%;}
  /*LINK*/
#link .link{
  width: 18%;
float: left;
margin: 0.2%;
}
  /*DESIGNER*/
#designer .entry,#designer .main-image{
  float:left;
  width:46.5%;
}
#designer .main-image{
  padding:10px 20px;
}
#designer .entry{
  text-align:left;
  padding: 10px 20px;
}
  h2{
  padding-left:20px;
  font-family: "futura-pt",sans-serif;
font-weight: 400;
letter-spacing: 2px;
}
  body.single-post #post,#page-press{
  width: 70%;
margin: 0;
clear: both;
padding: 10px 0px;
float: left;
}
  #sidebar {
  float: right;
  width: 29%;
  padding-right:10px;
}
  /*SHOP LIST*/
h3.widget-title{
}
.shop-list .main-image,.shop-list .post{
float:left;
  width:47%;
  clear: none;
}
.shop-list .main-image{padding:10px;}
.category-shop-list .text{
  padding-left:20px;
}
  #shop-list .list {
width: 24%;
margin: 5px;
float: left;
background: #FFF;
  -webkit-border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
  #main {
  float: left;
  width: 100%;
}
  #main .post,
#main .page{
  overflow: hidden;
  margin-bottom: 59px;
  border-bottom: 1px solid transparent;
  margin:0 auto;
  padding:10px;
}
  /*LOOK BOOK*/
.look-list p.Looktitle{
position:absolute;
  width:100%;
  text-align:center;
top:50%;
left:0;
margin-top:-12px;
  color:#FFF;
  font-size:40px;
  font-family: "futura-pt-condensed";
font-weight: 400;
  letter-spacing: 2px;
  text-shadow: 1px 2px 3px #666;
}
.look-list{
margin: 1.5% 1.1% 1.5% 1.1%;
width: 31%;
  float: left;
}
.look-list .img a{
  
display: block;
position: relative;
}
.look-list .img img{
  width:100%!important; height:auto!important;
}
  
/*season*/

#season .entry{
  width:48%;
  float:left;
  margin:0;
  padding: 0 0 0 2%;
  font-size:12px;
}
#season .main-image{
  width:50%;
  float:left;
}
#season .main-image img{
  width:100%!important;
  margin:0;
  height:auto;
  padding: 0px;
max-width: 100%;
}
/*season end*/
  #news .item .img img{width:100%; height:auto;}
  #news .item{
width: 24%;
margin: 5px;
float: left;
background: #FFF;
-webkit-border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
  #dc_jqmegamenu_widget-2-item ul.menu{
    border:none!important;
}
  #dc_jqmegamenu_widget-2-item ul li a,#dc_jqmegamenu_widget-2-item ul.menu{
background:none!important;
}
  #main-nav{
    display:none;
}
  .noonav.noo_menu_16 .navbar-brand{
    color:#000;
}
#header {
  height:70px; 
  background:#FFF;
  -webkit-border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

/*HEADER*/
#menu-main-menu li a{
  font-family: "futura-pt",sans-serif;
font-weight: 800!important;
letter-spacing: 2px;

}
#dc_jqmegamenu_widget-2-item ul li .sub-container.non-mega li a:hover{
  color:#5f5f5f!important;

}
/*body.home #header #mainnv{
  margin-left:140px;
}
body.home #logo{
width: 100px;
height: 100px;
text-align:center;
position:absolute;
left:20px;
top: 5px;
z-index: 900;
margin: 0;
float:none;
}*/
#logo{
  width: 60px;
height: 60px;
float:left;
margin: 5px 15px 0px 20px;
}
#header #mainnv{
  float:left;
  margin-top:20px;
}
#header nav#rightnavi{
float:right;
  margin-right:10px;
  margin-top:20px;
}

}/*end of DESKTOP style*/
@media only screen and ( max-width: 40em ) /* 640 */
{
  #privacy-policy #post p{ 
 padding:0 2% !important;
}
  #privacy-policy #post h3{
font-weight: bold;
padding: 15px 2% 10px !important;
font-size: 12px;
}
  #privacy-policy #post ol li{padding: 0 1% 5px !important;}
 h1{
  padding-left:0px !important;
}

  #company table{
width: 98%;
padding: 1%;
}
  #contact table.recruit td, #contact table.recruit th{
    padding: 5px 0.5%;
width: 32px;
}
#company table th{
padding: 5px 0.2%;
width: 90px;
font-size: 12px;
}
#company table td{
font-size: 12px;
}
#company table td a{
  display:block;
}
#company table td a:before{
  content:"\A";
}
  #contact .c-form input, #contact .c-form textarea {
width: 96%;
padding: 2%;
}
#contact .right-box {
width: 96%;
padding: 0 2%;
}
#contact .left-box {
float: none;
width: 96%;
padding: 0 2%;
margin-bottom: 50px;
}
#press .press-l{
margin: 0px;
max-width: 30%;
width: 30%;
  min-height:192px;
float: left;
margin-left: 1%;
margin-bottom: 30px;
}
/*FOOTER*/
  #footer li {
float: none;
margin-right: 0;
margin-top: 6px;
text-align: center;
}
#footer nav {
float: none;
}
/*NEWS*/
#grid #main .category-news-list{
  border-bottom:1px dotted #CCC;
}
 .dpe-flexible-posts li.post{
    padding-bottom:0;
}
 .dpe-flexible-posts li.post{
  border-bottom:1px dotted #CCC;
}
.dpe-flexible-posts img{
display:none;
}
.dpe-flexible-posts h4{
  margin:0;
}
#sidebar .dpe-flexible-posts a{
  display:block;
  padding:10px 0;
}
.category-news-list .main-image, .news-text{
width:96%;
margin:0 auto;
}
/*SNS ICON*/
#rightnavi{
display:none;
}
  /*LINK*/
#link .link{
width: 48%;
float: left;
margin: 0 1%;
}
  /*DESIGNER*/
#designer .entry,#designer .main-image{
  float:none;
  width:96%;
}
#designer .main-image{
  padding:10px 2%;
}
#designer .entry{
  text-align:left;
  padding: 10px 2%;
}
  h2{
  padding-left:0px;
  font-family: "futura-pt",sans-serif;
font-weight: 400;
letter-spacing: 2px;
}
  body.single-post #post,#page-press{
  width: 96%;
margin: 0 auto;
clear: both;
padding: 10px 2%;
float: none;
}
  #sidebar {
  float: right;
  width: 96%;
  padding:2%;
}
  /*SHOP LIST*/

.shop-list .main-image,.shop-list .post{
float:left;
  width:100%;
  clear: none;
}
.shop-list .main-image{padding:0px;}
.category-shop-list .text{
  padding-left:10px;
}
  #shop-list .list {
width: 96%;
margin: 2%;
float: left;
background: #FFF;
  -webkit-border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
   #main .post,
#main .page{
  overflow: hidden;
  margin-bottom: 59px;
  border-bottom: 1px solid transparent;
  margin:0 auto;
  padding:0px;
}
  /*LOOK BOOK*/
.look-list p.Looktitle{
position:absolute;
  width:100%;
  text-align:center;
top:50%;
left:0;
margin-top:-12px;
  color:#FFF;
  font-size:40px;
  font-family: "futura-pt-condensed";
font-weight: 400;
  letter-spacing: 2px;
  text-shadow: 1px 2px 3px #666;
}
.look-list{
margin: 1.5% 0;
width: 100%;
  float: left;
}
.look-list .img a{
  
display: block;
position: relative;
}
.look-list .img img{
  width:100%!important; height:auto!important;
}
  /*season*/

#season .entry{
width: 96%;
float: none;
margin: 0;
font-size: 12px;
padding: 2%;
}
#season .main-image{
  width:100%;
  float:none;
}
#season .main-image img{
  width:100%!important;
  margin:0;
  height:auto;
  padding: 0px;
max-width: 100%;
}
/*season end*/
  #news .item .img img{width:100%; height:auto; padding:0px;}
  #news .item{
width: 95%;
margin: 5px;
float: left;
background: #FFF;
-webkit-border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
div#mainnv{
display:none;
}
#responsive-menu #responsiveSearch,.noo-nav li{
  display:none!important;
}
 #responsive-menu .noo-nav li{
display:block!important;
}
.noo-megamenu .mega-nav, .noo-megamenu .dropdown-menu .mega-nav{
display:none!important;
}
 #header {
 padding: 0px 16px 10px;
background: #000;
color: #FFF;
  height:60px;
}

.noonav.noo_menu_16 .navbar-brand{
background:#000;
  color:#FFF!important;
}
#logo{
width: 60px;
height: 60px;
float: left;
margin: 0px 10px 0px 10px;
}

}
#logo img{
  width:100%;
  height:auto;
}
#header #click-menu {
top: 5px !important;
}
/*SOCIAL*/
#right-nav > li{
  width:20px;
  height:30px;
  margin:0 5px;
  float:left;
}
#right-nav > li > a{
  display:block;
  width:20px;
  height:30px;
  text-indent:-10000px;
  
}
#right-nav > li.menu-item-1055 > a{
  background:url(http://fig-viper.com/wp/wp/wp-content/uploads/2014/06/icon-insta1.png) no-repeat;
  background-position: center;
}
#right-nav > li.menu-item-1054 > a{
  background:url(http://fig-viper.com/wp/wp/wp-content/uploads/2014/06/icon-fb1.png) no-repeat;
  background-position: center;
}
#right-nav > li.menu-item-1056 > a{
  background:url(http://fig-viper.com/wp/wp/wp-content/uploads/2014/06/icon-twi1.png) no-repeat;
  background-position: center;
}

  

#designer .main-image img{
  width:100%!important;
  height:auto!important;
   max-width:100%!important;
}
/*LINK*/

 #link .link img{
  width:100%!important;
  height:auto!important;
   box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
}

/*PRESS*/
body.single-post #grid #post{
  padding:0;
}
#press-achive h2 {
background: #FFF;
color: #000;
font-size:20px;
font-family: "futura-pt-condensed";
font-weight: 400;
letter-spacing: 2px;
  line-height:20px;
  text-align:left;
  padding-left:20px;
}
/*PRESS*/
.media2015 h2,.special h2,.media2014 h2,.media2013 h2,.media2012 h2 {
background: #FFF;
color: #000;
font-size: 20px;
text-align: left;
margin-left: 20px;
}
#press h3{
font-size: 16px;
border-bottom: 1px solid #000;
padding: 0 0 5px 0;
line-height: 20px;
margin-left: 20px;
margin: 0 0 10px 10px;
}
/*LOOK*/
body.single-post #post.look{
width:100%;
}

.ca-item{
width: 23.6%;
min-width: 250px;
height: auto;
padding-left: 0.2%;
}
.ca-item img{
  width:100%;
  height:auto;
}
.slick-slide img{
  width:100%;
  height:auto;
}
.curslide{
  width:90%;
}
body.postid-1128 #post{
  width:100%!important;
}

#shop-list{
width:100%!important;
  min-height: 500px;
}
#shop-list img{
  width:100%!important;
height:auto!important;
}


/*NEWS*/
.item h2{
font-size: 20px;
text-align: left;
padding-left: 0;
}
.main-image img{width:100%!important; height:auto!important; max-width: 600px;}
#grid{width:100%!important;}
.dpe-flexible-posts img{width:100%!important; height:auto!important;}
.metaslider{max-width:100%!important;}

.category-news-list .main-image{
  padding-top:20px;
}
.category-news-list #con{
padding:10px 20px;
}
.news-text{padding:10px 15px;}
.news-text p a{
  position: relative;
  padding-left:20px;
}
.news-text p a:before{
  content:url(http://fig-viper.com/wp/wp/wp-content/uploads/2014/06/link-icon.gif); 
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -10px;
}
.news-text p a{line-height:24px;}
#news{padding:0px; width:100%!important;}



#news .item .img{
  width:100% !important;
  height:auto;
}
#news .text p{font-size:12px;}
#news .text{padding:10px 20px;}
#news .text img{
 width:100% !important;
  height:auto;
}
/****************************************

          General Setting

*****************************************/
.right{float:right: width:50%;}
.left{float:left; width:50%;}
h2.post{border-bottom:1px dotted #000;}
.post-cat img{display:none;}
.post{clear:both; padding-bottom: 20px;}
.post p.date{font-size:10px;}
.disc{float:right; text-align:left; width:680px;}
.post-img{float:left; width:300px; margin-right:20px;}
#vslider_options .cs-title {height:10px; overflow:hidden;} 
#sidebar #vslider_optionscontainer{width:250px; margin:0;}
#sidebar h2{font-size:16px; text-align:center;}
#wpcontent_slider .cs-title h4{color:#000;}
.jdGallery .slideInfoZone h2{font-family: 'Playfair Display', serif; font-style:italic; font-size:16px;}

#topnews{padding:0 0 0 25px;}
p.newsdate{font-size:10px; margin:0;}
#topnews li{float:left; margin:0 25px 0 0;}
html, body {
  margin: 0;
  padding: 0;
}

body {
    color: #333;
  font-size: 14px;
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
    line-height: 160%;
  background: #ffffff;
}
/****************************************

         移行

*****************************************/

@charset "UTF-8";
/* CSS Document */
body{margin:0; padding::0; }



#header #main-nav li a:hover{
  color:#CCC;
}
li{ list-style:none; list-style-type:none;}
ul{margin:0; padding:0;}
li.nv{ float:left; margin-right:43px;}
li.nv-l{ float:left;}
.clear{ clear:both;}
.copy{text-align:right; font-size:12px; float:right; width:450px; padding-right: 30px;}
#footer{margin:0; min-height: 40px; background:#FFF; padding: 0 20px;}
#footer li a{
  font-size:13px;
line-height: 40px;
  font-family: "futura-pt",sans-serif;
letter-spacing: 2px;
}

#footer .copy li{float:right; margin-left:20px; margin-bottom:10px; margin-top:40px;}
#footer .copy p{
  clear:right;
font-family: "futura-pt",sans-serif;
letter-spacing: 2px;
}
#post{ 
  width: 100%;
margin: 0;
clear: both;
padding: 0px;
}

.fixed{
  position: fixed;
  top: 0px;
  z-index: 9999;
}
h1{
  width:98%; 
  padding-left:2%; 
  height:1.2em; 
  font-family: "futura-pt",sans-serif;
font-weight: 800!important;
letter-spacing: 2px;
  font-size:30px;
}

/* main */
#slider{ width:800px; height:450px; margin:0 auto 20px; clear:both;}
.top-slide{}

/* news */
#news #post h2 { font-size:1.4em; letter-spacing:0.1em; text-align:right; padding:0 65px 20px 5px;}
#news #post { width:800px; font-family:メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, georgia, serif, Verdana, Arial, Helvetica, sans-serif;}
/*#news h2 { margin-bottom:70px;}*/
#news #post #map { padding:5px 0 20px 0;}
#news #post #map small { display:block; text-align:right; padding-right:40px;}
#news #post h3 { font-size:1.1em; font-weight:bold; padding-bottom:5px;}
#news #post p { line-height:1.5em; padding:0 20px 5px 0; font-size:12px;}
#news #post p strong{font-size:14px; line-height:2em;}
#news #post h3 a { text-decoration:none;}

#news-list{position:aboslute;border-bottom:1px dotted #000;padding-bottom:5px;}
#news-post{margin-top:15px;width:800px;}
#news-achive{float:left;}


/* collection */
#collection h2{ font-family:"Trebuchet MS", Helvetica, sans-serif; font-weight:normal; text-align:center; margin:0;}
#collection #post span.c-img{ width:390px; height:205px; clear:both; display:block;}
#collection #post span.c-title{ text-align:center; font-size:14px; line-height:2.5em; display:block; }
#collection #post .thum-r{ float:left; width:390px; display:block; margin-bottom:30px;margin-right:10px;}
#collection #post .thum-l{ float:left; width:390px; margin-right:10px; margin-bottom:30px; display:block;}
#collection #post a{text-decoration:none; color:#000;}
#collection #post a:hover{text-decoration:underline; color:#666;}
.collection-img{float:left;margin-left:8px;}

/* onlinestore */
#onlinestore #box-1{float:left;margin:0 30px;}
#box-2{margin:0 30px;}

/* press */
#press h2{ 
  font-family: "futura-pt-condensed";
font-weight: 400;
letter-spacing: 2px;
  text-align:left; 
  margin:0; 
  border-bottom:1px solid #000; 
  height:1.4em; 
  margin-bottom:20px;clear:both;
}
#press p{
font-size: 14px;
font-family: "futura-pt-condensed";
font-weight: 400;
letter-spacing: 2px;
margin: 0;
}

#link #post dl { float:left; width:181px; padding:0 0 10px 7px;}
#link #post dl dt { height:111px;}
#link #post dl dd { text-align:center; padding-top:4px; height:33px;}
#link #post dl dd.icon { text-align:left;}
#link #post dl dd.icon a { text-align:left;}
#press .press-l a{margin:0px;max-width:150px;max-height:212px;}

#press .press-l a img{
  width:100%!important;
  height:auto!important;
}
#post ul.thumb li{max-width:150px;max-height:212px;}
#post ul.thumb img{max-width:150px;max-height:212px;} 
.press-img{position:relative;float:left;width:150px;height:212px;margin:0 25px;margin-bottom:40px;}
.press-sp-img{position:relative;float:left;width:416px;height:574px;margin:0 25px;margin-bottom:40px;}

.page-title{border-bottom:1px dotted #000;padding-bottom:10px;}
#fancybox-title-inside{font-family:"Courier New", Courier, monospace;font-weight:bold;}
#press-list{border-bottom:1px dotted #000;padding-bottom:5px;}
#press-post{margin-top:15px; padding-left: 20px; margin-bottom:30px;}
#press-achive{float:left; width:27%;}


/*shop list*/
#shop-list #post{
  margin-top:40px;
}
#shop-list .info{
  width:220px;
  margin-left:30px;
  float:left;
  clear:left;
  font-size:12px;
}

#shoplist .shop-img{
  width:380px;
  float:right;
  clear:right;
  margin-bottom:20px;
}

#kugiri{
  width:800px;
  height:30px;
  clear:both;
  border-bottom:1px solid #333;
  margin-bottom:30px;
}
#shoplist .info{width:220px;margin-left:30px;float:left;clear:left;font-size:12px;}

/*designer*/
#designer #post{
  margin-top:40px;
}
#designer #post .txt{
  width:640px;
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
text-align:center;font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
#designer #post .img{
  width:560px;
  margin:20px auto 0;
}

#designer .designer-img{
  text-align:center;
  width: 100%;
height: auto;

}
#designer .designer-img img{
  width: 100%!important;
height: auto!important;
}
#designer p{  margin-bottom:50px;}


/*concept*/
#concept #post .txt{
  width:560px;
  margin:20px auto;
  font-size:12px;
}
#concept #post p { padding:0 0 10px 50px; font-size:12px;}
#concept #post p strong { display:block;}
#concept #post p strong span.left { display:inline-block; width:50px;}
#concept #post p strong span.right { display:inline-block; width:13px;}
#concept #post p.padding { }
#concept #post p.padding strong { margin-top:-5px;}
#concept #post p.padding span.left { display:inline-block; width:140px;}
#concept #post p.padding span.right { display:inline-block; width:11px;}
#concept #post ul { padding:0 0 0 50px; margin-top:-10px;}
#concept #post ul li span.left { display:inline-block; width:50px;}
#concept #post ul li span.right { display:inline-block; width:13px;}
#concept h4{margin-left:50px;}


/*company*/
#company table{border-collapse:collapse;}
#company #post tr{
  border-bottom:1px dotted #666;
}

#company #post td{
  padding:10px 0; 
}
#company #post{
  padding-bottom:30px;
}


/*policy*/
#policy #post{
  margin-top:40px;
}

#policy .txt p{ border-bottom:1px solid #000;}

#policy #post h3 { font-weight:bold; padding:15px 0 10px 0; font-size:12px;}
#policy #post ol li { padding-left:33px; padding-bottom:5px;}
#policy #post ol li span { margin-left:-22px;}
#designer .txt p{
  font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;}
#designer h4{font-weight:normal;
  font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;}
#designer .designer-english{margin-bottom:100px;line-height:25px;}
.box1{float:left; width:350px; margin-left:30px;}
.box2{float:right; width:350px; margin-right:30px;}
#privacy-policy #post .txt{
  width:100%;
  margin:0;
  font-size:12px;
  padding-bottom:30px;
}
#privacy-policy #post p{
 padding:0 20px;
}

#privacy-policy  .txt p{border-bottom:1px solid #000;}
#privacy-policy #post h3{font-weight:bold;padding:15px 20px 10px;font-size:12px;}
#privacy-policy #post ol li{padding-left:33px;padding-bottom:5px;}


/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
  text-decoration:none;
  display:block;
  padding:10px 0px;
  background-color:#fff ;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
  margin:0;
  float:left;  
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
  text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
  background-color:#F6C739 ;
  color:#FFF;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
  background-color:#FFF ;
  color: #666;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
  background: url(../img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
  background: url(../img/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{  
   background: url(../img/arrow_down.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{  
  background: url(../img/arrow_down_over.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
  display:none; 
  position: absolute; 
  overflow:hidden; 
  /*the 2px left & right padding lets you have a 1px border 
    on the ul or ol inside since overflow is set to hidden*/
  padding:0 2px;
  margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {  
  /*border around submenu goes here*/   
  background:#fff;  
  box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
  left:0;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
  /*great place to use a background image as a divider*/
  display:block;
  list-style:none;
  position:relative;
  float:left;
}

#subMenusContainer li{
  list-style: none;
}

/* main menu ul or ol elment */
#nav{
  position: relative;
  list-style:none;
  margin:0 0 0 0;
  z-index:5;
  float:right;
  display:block;
}

#subMenusContainer{  display:block;   position:absolute;  top:0;  left:0;  width:100%;  height:0;  overflow:visible;  z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{  float:none;  }

#nav li li a{ /* Just submenu links*/  
  position:relative;
  float:none;
  text-align:center;
  color:#000;
}

#nav li ul { /* second-level lists */
  position: absolute;
  width: 127px;
  margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  margin-top:28px;
}
#nav li ul.acc { /* second-level lists */
  position: absolute;
  width: 142px;
  margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  margin-top:2.2em;
}
#nav li ul.other { /* second-level lists */
  position: absolute;
  width: 110px;
  margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em;  }
#nav li:hover ul ul {  margin-left: -1000em;  }

 /* lists nested under hovered list items */
#nav li:hover ul{  margin-left: 0; }
#nav li li:hover ul {  margin-left: 127px; margin-top:-2.5em; width: 135px;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }


/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6,.navi li{
  font-weight: normal;
        /*font-family: 'Comfortaa', cursive;*/
        font-family: "futura-pt",sans-serif;
font-weight: 400;
letter-spacing: 2px;
}


h1 {
  
}

blockquote{
  margin-bottom: 2em;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 5px solid #ddd;
}


/****************************************

          List

*****************************************/

ul,ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul ul{
  margin-left: 1em;
}


/****************************************

          Link

*****************************************/

a {
  
  color: #000;
  text-decoration: none;
}

a:hover {
  
  color: #CCC;
}
.clear{clear:both;}


/****************************************

          Layout

*****************************************/

#container,
.wrapper {
  margin: 0 auto;
  width: 100%;
}

  #header .alignleft,
  #header .alignright{
    margin-bottom: 20px;
    width: auto;
  }
  #header .alignright{
    width: 200px;
  }





#main,
#sidebar{
  margin-bottom: 0px;
  border-bottom: 1px solid transparent;
}

#footer {
  clear: both;
  
}


/****************************************

          header

*****************************************/

*:first-child+html #header > div{ /* IE7 */
  clear: both;
  zoom:1;
}



#logo a{
  border: none;
}

#description {
  margin-top: 0;
  color: #777;
        text-align:center;
        margin:0 auto;
}

#searchform{
  position: relative;
  margin-top: 0px;
}
  #s{
    padding: 6px 20% 6px 5%;
    width: 75%;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px; 
    font-size: 10px;
  }
  #searchsubmit{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 26px;
    border: none;
    background: url(images/search.png) no-repeat 50% 50%;
  }


/****************************************

          Navigation

*****************************************/


 
 



/****************************************

          header image

*****************************************/

#header-image{
  margin-bottom: 40px;
}


/****************************************

          Breadcrumb

*****************************************/

#breadcrumb{
  margin-bottom: 20px;
}
#breadcrumb li{
  float: left;
  margin-right: .5em;
}


/****************************************

          Main

*****************************************/

a img{
  boredr:0;
}

.sticky{
  /* 先頭固定ポストのスタイル */
}

.post-meta{
  margin-bottom: 1.5em;
}
  .post-meta .post-date,
  .post-meta .category{
    padding-right: 1em;
  }
  .comment-num{ white-space: nowrap; }

.more-link{
  float: right;
}

.navigation{
  overflow: hidden;
  margin-bottom: 40px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: url(images/gray.gif) repeat-y 50% 0;
}
  .navigation > div{
    width: 50%;
  }

  .navigation .alignright{
    text-align: right;
  }

  .navigation a{
    display: block;
    padding: 1em;
    border: none;
  }
    .navigation a:hover{
      background: #CCC;
      color: #000;
    }
      .navigation .alignright a:hover{
        border-left: 1px solid #CCC;
      }

.footer-post-meta{
  margin-top: 40px;
  text-align: right;
}
  .post-author{ padding-left: 1em; }

.page-link{
  margin: 3em 0;
}
.comment-page-link{
  margin: 0 0 3em;
}

  .page-link span,
  .comment-page-link span,
  .comment-page-link a{
    display: inline-block;
    margin-right: 3px;
    padding: 5px 8px;
    border: 1px solid #ddd;
    background: #ddd;
  }
    .page-link a span,
    .comment-page-link a{
      background: #fff;
    }
  
  .page-link a{
    border-bottom: none;
    color: #000;
  }
  
  .page-link a span:hover,
  .comment-page-link a:hover{
    background: #CCC;
    color: #000;
  }


/****************************************

          Comments Area

*****************************************/

#comment-area h3{
  font-size: 150%;
  font-family: 'Josefin Sans', sans-serif;
}

.required{ color: #fe56aa;}

.commets-list,
.trackback-list{
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: 40px;
}
  .commets-list li,
  .trackback-list li{
    overflow: hidden;
    margin-top: -1px;
    padding: 20px 0 0;
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid transparent;
  }
    .commets-list .avatar{
      float: left;
      margin-right: 10px;
      margin-bottom: 10px;
    }

    .comment-meta,
    .reply,
    .comment-notes,
    .form-allowed-tags,
    span.small{
      font-size: 80%;
    }

    .comment-body p{
      clear: both;
    }
    .reply{
      text-align: right;
    }

.bypostauthor{
  /* 記事投稿者のコメントのスタイル */
}

.children{
  padding-left: 2em;
}

#respond{
  margin-bottom: 40px;
}

/****************************************

          index.php Main

*****************************************/

.content-box{
  float: right;
  margin-top: -0.25em;
  width: 420px;
}
  .content-box .more-link{
    margin: 0;
  }

.thumbnail-box{
  float: left;
  width: 160px;
}
  .thumbnail-box img{
    width: 160px;
    height: 160px;
  }


/****************************************

          Sidebar

*****************************************/

#sidebar h2{
  margin-bottom: 10px;
  background:#FFF;
  color:#000;
}
.widget{
  margin-bottom: 60px;
}

#sidebar .widget ul{
  padding-left: 0;
  list-style-position: outside;
  list-style-type: disc;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
  margin:20px 0;
}

.sidebar-thumbnail-box{
  float: left;
  width: 75px;
}

.sidebar-recent-posts-title{
  float: right;
  width: 165px;
}
  #sidebar-recent-posts h3,
  #sidebar-recent-posts p,
  #sidebar-popular-posts h3,
  #sidebar-popular-posts p{
    margin: 0;
  }

.tagcloud a{
  white-space: nowrap;
}


/****************************************

          Footer

*****************************************/

#copyright{
  padding: 20px 0;
  font-size: 80%;
}


/****************************************

          Form

*****************************************/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
  margin: 0;
  margin-bottom: 20px;
  padding: 6px 4px;
  max-width: 100%;
  width: 290px;
  outline: none;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #eee;
  color: #777;
  vertical-align: bottom;
  font-size: 13px;
}

#comment-area input[type="text"],
#comment-area textarea{
  display: block;
}

textarea {
  overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
  border: 1px solid #ff69b4;
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(255,105,180,1);
   -moz-box-shadow: 0 0 3px rgba(255,105,180,1);
  box-shadow:  0 0 3px rgba(255,105,180,1);
   color: #444;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  margin-bottom: 20px;
  padding: 4px 12px;
  padding: 8px 10px;
  border: 1px solid #fe56aa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ff89c4;
  color: #333;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, .75);
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  cursor: pointer;
  /* Old browsers */
}

  .button:hover,
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover {
      border: 1px solid #fe56aa;
    background: #ff89c4;
    color: #fff;
      text-shadow: 0 -1px rgba(0, 0, 0, .4);

  }

  .button:active,
  button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active {
    position: relative;
    top:1px;
  }


/****************************************

          WordPress Misc

*****************************************/

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  margin: 10px;
  padding-top: 4px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f3f3f3;
  text-align: center;
}

.wp-caption-text,
.gallery-caption{
  font-size: 80%;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  margin: 0;
  padding: 0 4px 5px;
  font-size: 11px;
  line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}


/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
  display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
  display: block;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 860px){

/*#header nav#rightnavi {
float: right;
margin-right: 10px;
margin-top: 0px;
z-index: 99999999;
position: relative;
top: -20px;
}
#dc_jqmegamenu_widget-2-item ul.menu{
position:relative;
top:-10px;  
}
*/
#dc_jqmegamenu_widget-2-item ul li a{
padding: 4px !important;
}
#dc_jqmegamenu_widget-2-item ul li a .dc-mega-icon{
display:none !important;
}
#header #mainnv {
    float: left;
    margin-top: 20px;
    width: 80%;
}
#header nav#rightnavi {
    float: right;
    margin-right: 10px;
    margin-top: 0;
    position: relative;
    top: -40px;

}
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 860px) and (max-width: 980px){ 

#dc_jqmegamenu_widget-2-item ul li a .dc-mega-icon{
right:0px !important;
top:11px !important;
}

#dc_jqmegamenu_widget-2-item ul li a{
padding: 4px 8px !important;
}
}



@media (min-width: 980px) and (max-width: 1067px){ 

#dc_jqmegamenu_widget-2-item ul li a{
padding: 4px 15px !important;
}
#dc_jqmegamenu_widget-2-item ul li a .dc-mega-icon {
display: block;
position: absolute;
top: 10px !important;
right: 5px !important;
}
}

@media (min-width: 1068px) and (max-width: 1150px){ 

#dc_jqmegamenu_widget-2-item ul li a{
padding: 4px 15px !important;
}
#dc_jqmegamenu_widget-2-item ul li a .dc-mega-icon {
display: block;
position: absolute;
top: 10px !important;
right: 5px !important;
}
}