/* Theme: acitpo
 * Child Theme: acitpo_child
 * Theme Name: acitpo_child
 * Theme URI: http://github.com/rogerhub/acitpo
 * Description: Katabami Shiro official website
 * Version: 1.4
 * Author: enamel.
 * Author URI: http://katabamishiro.jp/textile/
 * Tags: Katabami Shiro blog
 * License: GPLv2 or greater
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * 
 * Acitpo WordPress Theme, Copyright 2013 RogerHub
 * Acitpo WordPress Theme is distributed under the terms of the GNU GPL v2 */
/* http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain) */
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body{font-family: 'Cormorant Garamond',sans-serif;font-size : 12px ;line-height : 22px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ; overflow: scroll!important;}

/*-------------------------------
bg
-------------------------------*/

p{line-height:1.6;}
/* Example page */
strong{font-weight: bold;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

/*-------------------------------
webfont
-------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,500');

/*-------------------------------
href
-------------------------------*/
a:link{ color : #000; text-decoration : underline ; font-family:  'Cormorant Garamond', serif; }
a:hover{ color : #000; text-decoration : underline ; font-family:  'Cormorant Garamond', serif; }
a:active{ color : #000; text-decoration : underline ; font-family:  'Cormorant Garamond', serif; }
a:visited{ color : #000; text-decoration : underline ; font-family:  'Cormorant Garamond', serif; }

a.no:link{ color : #000; text-decoration : none ;font-family:  'Cormorant Garamond', serif; }
a.no:hover{ color : #000; text-decoration : none ;font-family:  'Cormorant Garamond', serif; }
a.no:active{ color : #000; text-decoration : none ;font-family:  'Cormorant Garamond', serif; }
a.no:visited{ color : #000; text-decoration : none ;font-family:  'Cormorant Garamond', serif; }

/*-------------------------------
font
-------------------------------*/
p.title { font-family: 'Cormorant Garamond', serif; font-size : 32px ;padding : 0px ;line-height : 32px ;letter-spacing: 0.05em ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: center;}

p.title2 { font-family: 'Cormorant Garamond', serif; font-size : 14px ;padding : 0px ;line-height : 14px ;letter-spacing: 0.05em ;font-weight: 300;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left;}

p.tx12{ font-family: 'Cormorant Garamond', serif; font-size : 12px ;padding : 0px ;line-height : 16px ;letter-spacing: 0.05em ;font-weight: 300;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left;}

p.tx10 { font-family: 'Cormorant Garamond', serif; font-size : 10px ;padding : 0px ;line-height : 12px ;letter-spacing: 0.05em ;font-weight: 300;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left;}

p.serif {font-family : serif;font-size : 12px ;padding : 2px;line-height : 20px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto; } 
/*-------------------------------
detail
-------------------------------*/
.passBT{font-size:12px;text-align:center;background-color:#fff;color:#000;border:2px solid #000;border-radius:4px;padding:10px 10px 10px 10px;border-box;width: 200px;text-align:center;display: block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;}

li {list-style-type: none;}
img {border: 0px;}

.k {border : 0px solid #fff;}

.tx ul{
  margin: 0;z-index: 100001;
}

.tx {
  list-style: none;
  padding:  20px 17px 20px 20px;
  background: #fff;
  font-family : 'Cormorant Garamond', serif;font-size : 10px ;line-height : 18px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;} 

.tx2 ul{
  margin: 0;z-index: 100001;
}

.tx2 {
  list-style: none;
  padding:  0px 20px 20px 10px;
  background: #fff;
  font-family : 'Cormorant Garamond', serif;font-size : 10px ;line-height : 18px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;} 

.tx3 {
  list-style: none;
  padding:  0px;
  background: #fff;
  font-family : 'Cormorant Garamond', serif;font-size : 10px ;line-height : 18px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;} 
  
.tx_color {
  list-style: none;
  padding:  20px 17px 20px 20px;
  background: #fff;
  font-family : 'Cormorant Garamond', serif;font-size : 10px ;line-height : 18px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto; } 
  
.tx_color2 {
  list-style: none;
  padding:  20px 17px 20px 20px;
  background: #366;
  font-family : 'Cormorant Garamond', serif;font-size : 10px ;line-height : 18px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto; } 

dt {
  list-style: none;
  background: #fff;
  font-family : serif;font-size : 12px ;padding : 0px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 700;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;} 
 
dd {
  list-style: none;
  background: #fff;
  font-family : serif;font-size : 12px ;padding : 5px 100px 5px 5px;line-height : 20px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;} 
 
.subtitle {
   text-align: left; font-family: 'Cormorant Garamond', serif; font-size : 12px ;padding : 0px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 400;color : #000; z-index: 1000001;}

#Category {
   position: absolute;
   top: 98px;
   width: 100%;
   margin: 0 auto;
   text-align: center;
}
 
#tb { border: 0px; border-collapse: collapse; } 
#tb TD { padding: 0px 20px 0px 0px; vertical-align: top;} 

#tb2 { border: 0px; border-collapse: collapse; } 
#tb2 TD { padding: 0px; vertical-align: top;} 

#tb3 { border: 0px; border-collapse: collapse; } 
#tb3 TD { padding: 3px; width: 300px;} 

#tb_left { border: 0px; border-collapse: collapse; } 
#tb_left TD { padding: 0px; text-align: left;} 

.nobr {display: inline;}
.r {float: right;}
.c {text-align: center;}
.ri {text-align: right;}


/*-------------------------------
navi
-------------------------------*/
.info  {
   position:absolute;
   top: 90px;
   left: 20px;
   text-align: left;
   font-family: 'Cormorant Garamond',sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 400;color : #000; z-index: 100002;}
     
.back  {
   position:fixed;
   top: 100px;
   left: 20px;
   text-align: left;
   font-family: 'Cormorant Garamond',sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 0px ;font-weight: 400;color : #000; z-index: 1000001;}
   
.prev  {
   position:fixed;
   top: 100px;
   right: 20px;
   text-align: right;
   font-family: 'Cormorant Garamond',sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 0px ;font-weight: 400;color : #000; z-index: 1000001;}

.prev_top  {
   position:absolute;
   top: 80px;
   right: 20px;
   text-align: right;
   font-family: 'Cormorant Garamond',sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 0px ;font-weight: 400;color : #000; z-index: 1000001;}

.next  {
   position:fixed;
   top: 100px;
   right: 20px;
   text-align: right;
   font-family: 'Cormorant Garamond', serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 0px ;font-weight: 400;color : #000; text-decoration : none ;z-index: 1000001;}

/*-------------------------------
navi-menu
-------------------------------*/
.menu  {
   position:fixed;
   top: 40px;
   left: 10px;
   font-family: 'Cormorant Garamond', serif; font-size : 14px ;padding : 0px ;line-height : 16px ;letter-spacing: 0px ;font-weight: 500;color : #fff;z-index: 100000000001;}
   
.menu ul li {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
  float: left;
  position: relative;
  width: 100px;
  height: 0px;
  background: #fff;
  text-align: left;
     background-color: #fff;
     filter:alpha(opacity=90);
     -moz-opacity:0.90;
     -khtml-opacity: 0.90;
     opacity:0.90;
}
.menu ul li a {
  color: #000;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#c9c7c0;
  color:#898780;
}
.menu ul li ul {
  position: absolute;
  top: 40px;
  width: 260px;
  z-index: 100000000000;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 260px;
  height: 0px;
  background:#c9c7c0;
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#fff;
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height: 26px;
}
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  z-index: 99999999999;
}

#Category {
   position: absolute;
   top: 80px;
   width: 100%;
   margin: 0 auto;
   text-align: center;
}

.cat_navi  {
   position:fixed;
   top: 30px;
   right: 8px;
   z-index: 1000000000000;}
   
 .cat_navi ul{
  margin: 12px;
  padding: 10px;
  font-family: 'Cormorant Garamond',sans-serif; font-size : 14px ;padding : 0px ;line-height : 16px ;letter-spacing: 0px ;font-weight: 400;color : #000;z-index: 100000001;}

.cat_navi ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  position: relative;
  width: 140px;
  height: 0px;
  text-align: right;
     background-color: #fff;
     filter: alpha(opacity=90);
     -moz-opacity:0.90;
     -khtml-opacity: 0.90;
     opacity:0.90;
}
.cat_navi ul li a {
  color: #000;
  display: block;
  text-decoration: none;
}
.cat_navi ul li:hover, .menu ul li a:hover {
  background:#c9c7c0;
  color:#898780;
}
.cat_navi ul li ul {
  position: absolute;
  top: 20px;
  width: 140px;
  z-index: 10000000;

}
.cat_navi ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 140px;
  height: 0px;  
  padding: 0 0 0 10px;
  background:#c9c7c0;
}
.cat_navi ul li ul li:hover, .menu ul li ul li a:hover {
  background:#ccc;
}
.cat_navi ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height: 33px;
}
.cat_navi * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  z-index: 9999999;
}  
.prev  {
   position:fixed;
   top: 125px;
   left: 20px;
   text-align: left;
   font-family: 'Cormorant Garamond', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 400;color : #000;z-index: 1000001;}

.next_title  {
   position:fixed;
   top: 125px;
   right: 20px;
   text-align: right;
   font-family: 'Cormorant Garamond', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 400;color : #000;
   z-index: 1000001;}
   
.back  {
   position:fixed;
   top: 100px;
   left: 20px;
   text-align: left;
   font-family: 'Cormorant Garamond',sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 400;color : #000; z-index: 1000001;}
   
.next  {
   position:fixed;
   top: 100px;
   right: 20px;
   text-align: right;
   font-family: 'Cormorant Garamond', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 400;color : #000;
   z-index: 1000001;}
   
div.post .navigation {
    border-top: 1px ;
}

div.post .previous {
   position:fixed;
   top: 125px;
   left: 20px;
   text-align: left;
   font-family: 'Cormorant Garamond', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 0px ;font-weight: 400;color : #000;z-index: 1000001;
}
   
div.post .next {
   position:fixed;
   top: 125px;
   right: 20px;
   text-align: right;
   font-family: 'Cormorant Garamond', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 0px ;font-weight: 400;color : #000;
   z-index: 1000001;}

 
/*-------------------------------
container
-------------------------------*/
#container_top {
    position: absolute;
    top: 65px;
    left: 0px;
    margin: auto;
    padding : 0px 0px 0px 0px ;
}
	
.banner { position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	display: block;
	z-index: -1;}

.collection {margin: 140px 0 0 -450px; 
	position: absolute;  
	top: 0%; 
	left: 50%; 
	width: 900px;
	height: 674px;
	display: block;
}

#container {
    position: absolute;
    top: 50px;
    left: 0px;
    margin: auto;
    padding : 0px 0px 0px 0px ;
}

.wrap {
   position: absolute;
   width: 100%;
   top: 50px;
   margin: 0 auto;
   text-align: center;
   }
.box {
    overflow: auto;
    margin: 21px;
    padding : 0px 0px 0px 0px ;
    float: left;
}

.news {
    position: absolute;
    top: 200px;
    left: 80px;
    margin: auto;
    padding : 0px 0px 0px 0px ;
}

.news_list {
    position: absolute;
    top: 300px;
    left: 80px;
    margin: auto;
    font-family : serif;font-size : 12px ;padding : 5px 40px 5px 5px;line-height : 20px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;
    
}

.col { width: 320px; overflow: hidden;}
.col_detail { width: 320px; overflow: hidden;}
.col2 { width: 640px; overflow: hidden;}
.col680 { width: 680px; overflow: hidden;}
.col_blog { width: 680px; height: 800px;overflow: hidden;}
.col2_fix { width: 640px; height: 313px; overflow: hidden; text-align: left;}
.col3 { width: 900px; overflow: hidden;}
.col_fix2 { width: 320px; height: 462px; overflow: hidden;}
.col_fix3 { width: 320px; height: 290px; overflow: hidden;}
.col_fix4 { width: 320px; height: 326px; overflow: hidden;}

.wrap {
   position: absolute;
   width: 100%;
   top: 20px;
   margin: 0 auto;
   text-align: center;
   }
   
.fixed {
   position:fixed;
   top: 20px;
     z-index: 1000000;}
     
 #container {
    position: absolute;
    overflow: hidden;
    top: 80px;
    left: 0px;
    margin: auto;
    padding : 0px 0px 0px 0px ;
}

.bt {
	margin: -30px 0 0 -100px; 
	position: absolute;  
	top: 50%; 
	left: 50%; 
	width: 200px;
	height: 60px;

}
.attn {
	margin: -15px 0 0 -200px; 
	position: absolute;  
	top: 60%; 
	left: 50%; 
	width: 400px;
	height: 30px;
	font-family: 'Cormorant Garamond', serif; font-size : 12px ;padding : 0px ;line-height : 14px ;letter-spacing: 0.05em ;font-weight: 500;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: center;
}
.box {
    overflow: hidden;
    margin: 21px;
    padding : 0px 0px 0px 0px ;
    float: left;
}

.col { width: 320px; }
.col2 { width: 640px; }
.col3 { width: 900px; }

/* clearfix */
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.transitions-enabled.masonry {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.transitions-enabled.masonry  .masonry-brick {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}
   
/*-------------------------------
footer
-------------------------------*/

.footer { clear: both; position: fixed; bottom: 15px;left: 22px; z-index: 2001;}

#page-top {
    position: fixed;
    bottom: 35px;
    left: 20px;
z-index: 10000000000001;}
#page-top a {
    text-decoration: none;
    width: 86px;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}

/*-------------------------------
tablet
-------------------------------*/
@media only screen and (min-width:480px) and (max-width:900px) {
    body {
        padding: 0px;
    }
.col { width: 320px; }
.col_detail { width: 640px; }
.col2 { width: 640px; }
.col680 { width: 680px; overflow: hidden;}
.col_fix { width: 320px; height: 780px; }
.col2_fix { width: 640px; height: 780px; }
.col3 { width: 640px; overflow: hidden;}


/*-------------------------------
sp
-------------------------------*/
@media screen and (max-device-width: 480px) {
    body {
        padding: 0 15px;
    }
    #container{
    top: 60px;
    left: 0px;
    margin: auto;
    padding: 0px;
    }
.logo {
    width: auto;
}
.logo img {
    display: block;
    width: 100%;
    height: auto;
}
.menu  {
   position:fixed;
   top: 20px;
   left: 10px;
   font-family: 'Cormorant Garamond', sans-serif; font-size : 14px ;padding : 0px ;line-height : 16px ;letter-spacing: 0px ;font-weight: 400;color : #fff;z-index: 100000000001;}
p.tx10 { font-family: 'Cormorant Garamond', serif; font-size : 8px ;padding : 0px ;line-height : 10px ;letter-spacing: 0.05em ;font-weight: 300;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left;}
.col { width: 320px; }
.col2 { width: 320px; }
.col3 { width: 320px; }
.col680  { width: 320px; }
}
.news {
    position: absolute;
    top: 150px;
    left: 5px;
    margin: auto;
    padding : 0px 0px 0px 0px ;
    width: 300px;
}
.news_list {
    position: absolute;
    top: 180px;
    left: 5px;
    margin: auto;
}

.attn {
	margin: -15px 0 0 -100px; 
	position: absolute;  
	top: 60%; 
	left: 50%; 
	width: 200px;
	height: 30px;
	font-family: 'Cormorant Garamond', serif; font-size : 12px ;padding : 0px ;line-height : 14px ;letter-spacing: 0.05em ;font-weight: 500;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: center;
}
}