/* Theme: acitpo
 * Child Theme: acitpo_child
 * Theme Name: acitpo_child
 * Theme URI: https://github.com/rogerhub/acitpo
 * Description: jebjapan official information
 * Version: 1.4
 * Author: jeb japan
 * Author URI: http://jebjapan.co.jp/
 * Tags: jeb japan
 * 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: 'Source Sans Pro',sans-serif;font-size : 12px ;line-height : 22px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;overflow: background-color:#003; }
p{line-height:1.6;}

/*-------------------------------
bg
-------------------------------*/
.top {
background:-webkit-linear-gradient(120deg, #42b3cc, #42b32f);
background:-webkit-linear-gradient(120deg, #42b3cc, #42b32f);
background:-moz-linear-gradient(120deg, #42b3cc, #42b32f);
background:-o-linear-gradient(120deg, #42b3cc, #42b32f);
background:linear-gradient(120deg, #42b3cc, #42b32f);
}
.about {
background:-webkit-linear-gradient(120deg, #c39, #fd6);
background:-webkit-linear-gradient(120deg, #c39, #fd6);
background:-moz-linear-gradient(120deg, #c39, #fd6);
background:-o-linear-gradient(120deg, #c39, #fd6);
background:linear-gradient(120deg, #c39, #fd6);
}
.business{
background:-webkit-linear-gradient(120deg, #c39, #003);
background:-webkit-linear-gradient(120deg, #c39, #003);
background:-moz-linear-gradient(120deg, #c39, #003);
background:-o-linear-gradient(120deg, #c39, #003);
background:linear-gradient(120deg, #c39, #003);
}

/*-------------------------------
header
-------------------------------*/
#page-top {
    position: fixed;
    bottom: 35px;
    left: 20px;
font-family: 'Source Sans Pro',sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 700;color : #000; z-index: 1000001;}

#page-top a {
    text-decoration: none;
    width: 86px;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}


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

a.no:link{ color : #000; text-decoration : none ;font-family: 'Source Sans Pro',sans-serif;}
a.no:hover{ color : #000; text-decoration : none ;font-family: 'Source Sans Pro',sans-serif;}
a.no:active{ color : #000; text-decoration : none ;font-family: 'Source Sans Pro',sans-serif;}
a.no:visited{ color : #000; text-decoration : none ;font-family: 'Source Sans Pro',sans-serif;}

a.nav:link{ color : #fff; text-decoration : none ;font-family: 'Source Sans Pro',sans-serif;}
a.nav:hover{ color : #fff; text-decoration : none ;font-family: 'Source Sans Pro',sans-serif;}
a.nav:active{ color : #fff; text-decoration : none ;font-family: 'Source Sans Pro',sans-serif;}
a.nav:visited{ color : #fff; text-decoration : none ;font-family: 'Source Sans Pro',sans-serif;}

a.line:link{ color : #000; text-decoration : underline ;font-family: 'Source Sans Pro',sans-serif;}
a.line:hover{ color : #000; text-decoration : underline ;font-family: 'Source Sans Pro',sans-serif;}
a.line:active{ color : #000; text-decoration : underline ;font-family: 'Source Sans Pro',sans-serif;}
a.line:visited{ color : #000; text-decoration : underline ;font-family: 'Source Sans Pro',sans-serif;}

.no:link{ text-decoration : none ;}
.no:hover{  text-decoration : none ;}
.no:active{  text-decoration : none ;}
.no:visited{  text-decoration : none ;}


/*-------------------------------
font
-------------------------------*/
p.content_center { font-family: 'Source Sans Pro', sans-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: center; text-justify: center;}

p.tl { font-family: 'Source Sans Pro', sans-serif; font-size : 14px ;padding : 0px ;line-height : 22px ;letter-spacing: 1px ;font-weight: 700;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: center;}

p.tx18 { font-family: 'Source Sans Pro', sans-serif;font-size : 18px ;padding : 0px ;line-height : 26px ;letter-spacing: 0px ;font-weight: 700;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.tx18_f { font-family: 'Source Sans Pro', sans-serif;font-size : 18px ;padding : 0px ;line-height : 26px ;letter-spacing: 0px ;font-weight: 700;color : #fff;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.EVENT { font-family: 'Source Sans Pro', sans-serif;font-size : 18px ;padding : 0px ;line-height : 26px ;letter-spacing: 0px ;font-weight: 700;color : #c00;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.AUTHENTIC { font-family: 'Source Sans Pro', sans-serif;font-size : 18px ;padding : 0px ;line-height : 26px ;letter-spacing: 0px ;font-weight: 700;color : #369;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.TOOL { font-family: 'Source Sans Pro', sans-serif;font-size : 18px ;padding : 0px ;line-height : 26px ;letter-spacing: 0px ;font-weight: 700;color : #f93;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.FOOD { font-family: 'Source Sans Pro', sans-serif;font-size : 18px ;padding : 0px ;line-height : 26px ;letter-spacing: 0px ;font-weight: 700;color : #f39;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.J-STYLE { font-family: 'Source Sans Pro', sans-serif;font-size : 18px ;padding : 0px ;line-height : 26px ;letter-spacing: 0px ;font-weight: 700;color : #096;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.BACKSTAGE { font-family: 'Source Sans Pro', sans-serif;font-size : 18px ;padding : 0px ;line-height : 26px ;letter-spacing: 0px ;font-weight: 700;color : #09f;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}



p.tx16 { font-family: 'Source Sans Pro', sans-serif;font-size : 16px ;padding : 0px ;line-height : 24px ;letter-spacing: 0px ;font-weight: 700;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.tx16-sans-serif { font-family: 'Times New Roman', 'Times', sans-serif;font-size : 16px ;padding : 0px ;line-height : 24px ;letter-spacing: 0px ;font-weight: 600;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.tx14 { font-family: 'Source Sans Pro', sans-serif;font-size : 14px ;padding : 0px ;line-height : 22px ;letter-spacing: 0px ;font-weight: 700;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.tx14_center { font-family: 'Source Sans Pro', sans-serif;font-size : 14px ;padding : 0px ;line-height : 22px ;letter-spacing: 0px ;font-weight: 700;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: center; text-justify: center;}

p.tx14-sans-serif { font-family: 'Times New Roman', 'Times', sans-serif;font-size : 14px ;padding : 0px ;line-height : 22px ;letter-spacing: 0px ;font-weight: 200;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.tx12 { font-family: 'Source Sans Pro', sans-serif;font-size : 12px ;padding : 0px ;line-height : 20px ;letter-spacing: 0px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.tx12-sans-serif { font-family: 'Times New Roman', 'Times', sans-serif;font-size : 12px ;padding : 0px ;line-height : 20px ;letter-spacing: 0px ;font-weight: 600;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.tx10 { font-family: 'Source Sans Pro', sans-serif;font-size : 10px ;padding : 0px ;line-height : 14px ;letter-spacing: 0px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left;}

p.new { font-family: 'Source Sans Pro', sans-serif;font-size : 12px ;padding : 0px ;line-height : 18px ;letter-spacing: 0px ;font-weight: 400;color : #f00;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left; text-justify: left;}

p.tx10-sans-serif_red { font-family: 'Times New Roman', 'Times', sans-serif;font-size : 10px ;padding : 0px ;line-height : 18px ;letter-spacing: 0px ;font-weight: 400;color : #f00;word-wrap : break-word ;text-overflow : ellipsis ;text-align: right; text-justify: auto;}

p.faq { font-family: 'Source Sans Pro', sans-serif;font-size : 10px ;padding : 0px ;line-height : 12px ;letter-spacing: 0px ;font-weight: 700;color : #f00;word-wrap : break-word ;text-overflow : ellipsis ;text-align: right; text-justify: right;}

p.credit { font-family: 'Source Sans Pro', sans-serif;font-size : 10px ;padding : 0px ;line-height : 18px ;letter-spacing: 0px ;font-weight: 400;color : #fff;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left;}

/*-------------------------------
blog detail
-------------------------------*/


.entry-content:after, .entry-content dl:after, .comment:after, .comment-content:after, .comment-content dl:after, .navigation:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.main {
  margin: auto;
  max-width: 900px;
  padding: 0px; 
  text-align: center;

.assistive-text, .screen-reader-text {
  display: none; }

.aligncenter, div.aligncenter {
  display: block;
  margin: 0 auto; }

.site-header {
  margin: 55px 0;
  text-align: center; }

.site-name {
  font-family: 'Source Sans Pro', sans-serif; font-size : 14px ;padding : 0px ;line-height : 22px ;letter-spacing: 1px ;font-weight: 700;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: center; 
  font-size : 20px ;padding : 0px ;line-height : 13px ;letter-spacing: 1px ;font-weight: 600;color : #333;word-wrap : break-word ;}
  margin: 30px 0 15px; }
  .site-name a {
    color: #333;
    display: block;
    position: relative;
    text-decoration: none; }
    .site-name a:active {
      top: 1px; }

.site-description  { 
  font-family: 'Source Sans Pro', sans-serif; font-size : 16px ;padding : 0px ;line-height : 22px ;letter-spacing: 1px ;font-weight: 400;color : #333;word-wrap : break-word ;text-overflow : ellipsis ;}

.site-page {
font-family: 'Source Sans Pro', sans-serif; font-size : 14px ;padding : 0px ;line-height : 22px ;letter-spacing: 1px ;font-weight: 700;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: center;}

article.page:hover {
  margin-bottom: 80px; }

body.is-scrolling article.post:hover, body.is-scrolling article.page:hover {
  margin-bottom: 80px !important; }

.entry-feature img {
  display: block; }

.entry-title {
  padding: 0 20px;
  word-wrap: break-word;
  -webkit-word-wrap: break-word;
  -ms-word-wrap: break-word;
  -moz-word-wrap: break-word;
  -o-word-wrap: break-word; }
  
  .entry-title a { font-family: 'Source Sans Pro', sans-serif; font-size : 14px ;padding : 0px ;line-height : 22px ;letter-spacing: 1px ;font-weight: 700;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: center;}

.entry-content {  list-style: none;
  font-family: 'Source Sans Pro', sans-serif;font-size : 12px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 700;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}
  
  article.format-image.post .entry-content, article.format-image.page .entry-content {
    margin: 0; }
    article.format-image.post .entry-content img, article.format-image.page .entry-content img {
      display: block; }
  article.format-video.post .entry-content, article.format-video.page .entry-content {
    margin: 0; }
  .entry-content blockquote { }
    .entry-content blockquote cite {
      display: block;
      font-size: 0.47059em;
      padding: 0; }
  .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    padding: 0 20px; }
  .entry-content address,
  .entry-content pre {
    padding: 0 20px; }
  .entry-content pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word; }
  .entry-content p, .entry-content ol, .entry-content ul {
    margin: 20px 0;
    padding: 0 20px; }
    article.format-image.post .entry-content p:first-child, article.format-image.page .entry-content p:first-child, article.format-image.post .entry-content ol:first-child, article.format-image.page .entry-content ol:first-child, article.format-image.post .entry-content ul:first-child, article.format-image.page .entry-content ul:first-child {
      padding: 0; }
    article.format-image.post .entry-content p.wp-caption-text, article.format-image.page .entry-content p.wp-caption-text, article.format-image.post .entry-content ol.wp-caption-text, article.format-image.page .entry-content ol.wp-caption-text, article.format-image.post .entry-content ul.wp-caption-text, article.format-image.page .entry-content ul.wp-caption-text {
      padding: 0 20px; }
    article.format-video.post .entry-content p:first-child, article.format-video.page .entry-content p:first-child, article.format-video.post .entry-content ol:first-child, article.format-video.page .entry-content ol:first-child, article.format-video.post .entry-content ul:first-child, article.format-video.page .entry-content ul:first-child {
      padding: 0; }
    .entry-content p ul, .entry-content p ol, .entry-content ol ul, .entry-content ol ol, .entry-content ul ul, .entry-content ul ol {
      margin-top: 0;
      margin-bottom: 0; }
  .entry-content > p:first-child, .entry-content > ol:first-child, .entry-content > ul:first-child, .entry-content > blockquote:first-child {
    margin-top: 0; }
  .entry-content > p:last-child, .entry-content > ol:last-child, .entry-content > ul:last-child, .entry-content > blockquote:last-child {
    margin-bottom: 0; }
  .entry-content li {
    padding-left: 10px;
    padding-right: 20px; }
  .entry-content ol {
    list-style: decimal outside none;
    margin-left: 55px;
    padding: 0; }
    .entry-content ol li {
      padding-left: 0; }
  .entry-content ul {
    list-style: disc outside none;
    margin-left: 40px;
    padding: 0; }
  .entry-content dl {
    margin: 20px 0;
    padding: 0 20px; }
    .entry-content dl dt {
      border-top: 1px solid #333333;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      clear: left;
      float: left;
      margin: 0;
      padding: 0.25em;
      width: 30%; }
    .entry-content dl dd {
      border-top: 1px solid #333333;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      float: left;
      width: 70%;
      padding: 0.25em; }
  .entry-content .gallery dl {
    margin: 0;
    padding: 0; }
  .entry-content .gallery dt {
    border: none;
    clear: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto; }
  .entry-content .gallery dd {
    border: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto; }
  .entry-content table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px; }
  .entry-content td, .entry-content th {
    border: 1px solid #333333;
    padding: 0.3em; }
  .entry-content th {　}
  .entry-content iframe, .entry-content embed, .entry-content object {
    max-width: 100%; }
  .entry-content .gallery-caption,
  .entry-content .wp-caption {
    max-width: 100%;
    min-width: 100%; }

.entry-attribution, .entry-content blockquote cite, .comment-content blockquote cite {
  margin: 20px 0 20px 1em;
  padding: 0 20px; }

.format-link　{
  font: 1.875em/1.3 'Source Sans Pro', sans-serif;
  letter-spacing: 1px ;}
  .format-link .entry-content a {
    text-decoration: none; }

.entry-tags {
  color: #bbbbbb;
  font: 13px/1.4 'Source Sans Pro', sans-serif;
  letter-spacing: 1px ;}
  margin: 20px 0 20px 0;
  padding: 0 20px; }
  .entry-tags a {
    color: #bbbbbb;
    display: inline-block;
    margin-right: 15px;
    text-decoration: none; }
    .entry-tags a:last-child {
      margin-right: 0; }
    .entry-tags a:before {
      content: "#";
      display: inline; }
    .entry-tags a:hover {
      color: #a0a0a0; }

.entry-meta {
  display: none;	
  font-size : 10px ;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  float: left;
  letter-spacing: 1px ;
  height: 0;
  width: 100%;
  transition: margin-bottom 0.2s;
  -webkit-transition: margin-bottom 0.2s;
  -ms-transition: margin-bottom 0.2s;
  -moz-transition: margin-bottom 0.2s;
  -o-transition: margin-bottom 0.2s; }
  article.post:hover .entry-meta {
    margin-bottom: 0; }
  article.page:hover .entry-meta {
    margin-bottom: -60px; }
  .entry-meta a {
    color: #fff;
    text-decoration: none; }
    .entry-meta a:hover {
      color: #fff; }
  .entry-meta .date-link, .entry-meta .category-links, .entry-meta .author-link {
    opacity: 0;
    transition: opacity 0.2s 0.1s;
    -webkit-transition: opacity 0.2s 0.1s;
    -ms-transition: opacity 0.2s 0.1s;
    -moz-transition: opacity 0.2s 0.1s;
    -o-transition: opacity 0.2s 0.1s; }
    article.post:hover .entry-meta .date-link, article.page:hover .entry-meta .date-link, article.post:hover .entry-meta .category-links, article.page:hover .entry-meta .category-links, article.post:hover .entry-meta .author-link, article.page:hover .entry-meta .author-link {
      opacity: 1; }
  .entry-meta .date-link {
    clear: left;
    float: left;
    padding-left: 20px; }
  .entry-meta .category-links {
    clear: left;
    float: left;
    padding-left: 20px; }
  .entry-meta .author-link {
    float: right;
    clear: right;
    padding-right: 20px; }

.page-links {
  margin: 20px 0;
  padding: 0 20px; }

body.is-scrolling article.post:hover, body.is-scrolling article.page:hover {
  margin-bottom: 80px !important; }

/*-------------------------------
navi
-------------------------------*/
.navigation {
  margin: 0px 0 80px 0;
  padding-top: 0px; }
  .navigation a {
  font-family: 'Source Sans Pro', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 700;color : #000;z-index: 1000001;
    display: block;}

  .navigation .nav-previous a {font-family: 'Source Sans Pro', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 700;color : #000;z-index: 1000001;
 }
  .navigation .nav-next a {font-family: 'Source Sans Pro', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 700;color : #000;z-index: 1000001;
 }

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

.k {border : 2px solid #fff;
background-color: #fff;}

.k_red {border : 1px solid #f36;
background-color: #fff;}

.k_no {border : 1px solid #fff;
     background-color: #fff;
}

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

.tx {
  list-style: none;
  padding:  10px 10px 10px 10px;
  background: #fff;
  font-family : 'Source Sans Pro', sans-serif;font-size : 14px ;line-height : 22px ;letter-spacing: 0px ;font-weight: 700;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;} 

dt {
  list-style: none;
  padding:  10px 10px 10px 10px;
  background: #fff;
  font-family : 'Source Sans Pro', sans-serif;font-size : 12px ;padding : 0px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 600;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;} 
 
dd {
  list-style: none;
  padding:  10px 10px 10px 10px;
  background: #fff;
  font-family : 'Source Sans Pro', sans-serif;font-size : 12px ;padding : 0px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 200;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;} 
 
.jt {list-style-type: none;}
 
.jt li img {vertical-align:bottom;}

.subtitle {
   text-align: left; font-family: 'Source Sans Pro', sans-serif; font-size : 12px ;padding : 0px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 700;color : #000; z-index: 1000001;}

 
#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;}

/*-------------------------------
container
-------------------------------*/

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

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

.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: 380px; overflow: hidden;}
.col_fix3 { width: 320px; height: 360px; overflow: hidden;}

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

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

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

.pgtop { 
   position: fixed; 
   bottom: 20px; 
   right: 20px; 
   text-align: right;
   font-family: 'Source Sans Pro', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 700;color : #fff; z-index: 1000001;}

/*-------------------------------
navi-menu
-------------------------------*/
.menu  {
   position:fixed;
   top: 40px;
   left: 10px;
   font-family: 'Source Sans Pro', sans-serif; font-size : 16px ;padding : 0px ;line-height : 16px ;letter-spacing: 1px ;font-weight: 700;color : #fff;z-index: 10000001;}
   
.menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  width: 260px;
  height: 0px;
  text-align: left;
     background-color: #003;
     filter:alpha(opacity=90);
     -moz-opacity:0.90;
     -khtml-opacity: 0.90;
     opacity:0.90;
}
.menu ul li a {
  color: #fff;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#003;
  color:#fff;
}
.menu ul li ul {
  position: absolute;
  top: 20px;
  width: 260px;
  z-index: 10000000;

}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 320px;
  height: 0px;
  background:#003;
  padding:0 0 0 20px;
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#009;
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height: 50px;
}
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  z-index: 9999999;
}


/*-------------------------------
js
-------------------------------*/
/* 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;}
.footer_serch { clear: both; position: fixed; bottom: 15px; right: 22px; z-index: 2001; width: 250px;}
.footer2 { clear: both; position: fixed; bottom: 15px; right: 22px; z-index: 2001;}
}
/*-------------------------------
tablet
-------------------------------*/
@media only screen and (min-width:480px) and (max-width:900px) {
    body {
        padding: 0px;
    }
    
.box {
    overflow: auto;
    margin: 10px;
    padding : 5px 5px 5px 5px ;
    float: left;
    text-align: center;
}

.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: 20px;
    left: 0px;
    margin: auto;
    padding: 0px;
    }
img { width: 270px; height: auto;}
.logo {
    width: auto;
}
.logo img {
    display: block;
    width: 100%;
    height: auto;
}
.col { width: 320px; }
.col2 { width: 320px; }
.col3 { width: 320px; }
.col680  { width: 320px; }
}