/**** Base styles ****/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, 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;
}

html {
  overflow-y: scroll;
}

.c-main {
  display: none;
}

body {
	font: 13px 'メイリオ, Helvetica, Helvetica Neue, Arial', Arial, sans-serif;
	background-color: #000; /*#690F0F*/
	color: #333;
	line-height: 1.6em;

}

.desc {
  /*text-align: center;*/
  padding: 15px;
  margin: 0px;
  color: #fff;
}


.bkn {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 5px;
}

.bkn span {
  color: #fff;
  padding-bottom: 5px;
  font-weight: normal;
  font-size: 13px;
}

#kglist {
  /*background-color: #921B1B;*/
  padding: 10px;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}

#kglist2 {
  /*background-color: #921B1B;*/
  padding: 10px;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}

#kglist p {
  color: #fff;
  font-size: 11px;
  line-height: 1.4;
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #C02C2C;
}

#kglist2 small {
  color: #fff;
}

#kglist2 p {
  color: #fff;
  font-size: 11px;
  line-height: 1.4;
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #C02C2C;
}


#kglist p span {
 font-size: 11px;
 font-weight: bold;
}

#kglist2 p span {
 font-size: 11px;
 font-weight: bold;
}

a #kglist {
  text-decoration: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}

a:hover #kglist {
  background-color: #666;
}

a #kglist2 {
  text-decoration: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}

a:hover #kglist2 {
  background-color: #666;
}


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

#kglist2 a {
  color: #fff;
  text-decoration: underline;
  font-size: 12px;
  margin: 0px;
  padding: 0;
  font-weight: bold;
}

a:hover {
  color: #FF4496;
}

.shopinfo a {
  color: #FF4496;
  text-decoration: underline;
}

.mini a {
	color: #FF4496;
}

.mini a:hover {
  color: #FF4496;
}

.linkpink a {
  color: #FF4496;
  text-decoration: underline;
}

.linkpink a:hover {
  color: #FF4496;
}

.h4min {
  font-size: 12px;
  line-height: 1.0;
}

/*
a:active {
  background: hsla( 0, 100%, 100%, 0.5 );
}
*/

h1, h2 {
  font-weight: 100;
  line-height: 1.1em;
  margin-bottom: 0.6em;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 17px;
  font-weight: bold;
}

h3, p, ul, ol, pre, dl {
  margin-bottom: 1.0em;
}

h4 {
	font-size: 10px;
	line-height: 1.2em;
	font-weight: lighter;
	letter-spacing: 1px;
	color: #333;
	border-bottom:1px dotted #666;
}

.pinkbar {
	font-size: 10px;
	line-height: 1.2em;
	font-weight: lighter;
	letter-spacing: 1px;
	color: #fff;
	background-color: #F36;
	background-repeat: repeat-x;
	padding: 2px;
	margin-bottom: 6px;
}

.greenbar {
	font-size: 10px;
	line-height: 1.2em;
	font-weight: lighter;
	letter-spacing: 1px;
	color: #fff;
	background-color: #393;
	background-repeat: repeat-x;
	padding: 2px;
	margin-bottom: 6px;
}

.bluebar {
	font-size: 10px;
	line-height: 1.2em;
	font-weight: lighter;
	letter-spacing: 1px;
	color: #fff;
	background-color: #33C;
	background-repeat: repeat-x;
	padding: 2px;
	margin-bottom: 6px;
}

.skybluebar {
  font-size: 10px;
  line-height: 1.2em;
  font-weight: lighter;
  letter-spacing: 1px;
  color: #fff;
  background-color: #029fe4;
  background-repeat: repeat-x;
  padding: 2px;
  margin-bottom: 6px;
}

.redbar {
  font-size: 10px;
  line-height: 1.2em;
  font-weight: lighter;
  letter-spacing: 1px;
  color: #fff;
  background-color: #C02C2C;
  background-repeat: repeat-x;
  padding: 2px;
  margin-bottom: 6px;
}

.orangebar {
  font-size: 10px;
  line-height: 1.2em;
  font-weight: lighter;
  letter-spacing: 1px;
  color: #fff;
  background-color: #6A9E6A;
  background-repeat: repeat-x;
  padding: 2px;
  margin-bottom: 6px;
}



.khakibar {
  font-size: 10px;
  line-height: 1.2em;
  font-weight: lighter;
  letter-spacing: 1px;
  color: #fff;
  background-color: #3c4e2a;
  background-repeat: repeat-x;
  padding: 2px;
  margin-bottom: 6px;
}


.line-through {
	text-decoration: line-through;
}

h5 {
    font-size: 10px;
	line-height: 1.2em;
	font-weight: lighter;
	letter-spacing: 1px;
	color: #333;
}

em { font-style: italic; }
strong { font-weight: bold; }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted #ccc;
}

hr2 {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #ff0;
    padding: 0;
}



#social_area {
	text-align:right;
	width: 190px;
	overflow:hidden;
}

iframe.twitter-share-button {
    width: 86px!important;
}



/**** #site-nav ****/

#site-nav {
  position: absolute;
  width: 180px;
  padding:  0 10px;
}

#site-nav h1 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0.8em;
  padding-top: 10px;
}

#site-nav h1 a { color: #f06; }
#site-nav h1 a:hover { color: #f06; }

#site-nav h2 {
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 0.3em;
}

#site-nav ul {
  list-style: none;
  padding-left: 0;
  font-size: 12px;
}

#site-nav li {
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

#site-nav li a {
  display: block;
  padding: 3px 5px;
}

#site-nav li.current {
  background: #C8C5C2;
}

#site-nav li.current a { color: #f06; }
#site-nav li.current a:hover { color: #f06; }

#site-nav li ul {
  margin-bottom: 0;
}

#site-nav li li {
  font-size: 11px;
  line-height: 1.4em;
}

#site-nav li li a {
  padding-left: 15px;
}

#site-nav li.selected li a {
  padding: 3px;
  background: none;
}

#site-nav li.selected li a:hover {
  color: #f06;
}

/**** Content ****/

#content {
  padding: 0;
}


.etc p {
  font-size: 10px;
  line-height: 1.3;
}


.copy h2 {
  clear: both;
}

a img {
  border: none;
}

pre, code {
  font-family: Monaco, monospace;
  font-size: 12px;
  background: #111;
  color: #F5F5F5;
}

p code {
  padding: 1px 3px;
}

pre {
  padding: 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}


.hidden { display: none; }

.copy {
  width: 600px;
  line-height: 1.55em;
}

blockquote {
	margin: 0;
	font: italic 18px Georgia, serif;
}

dt {
  font-weight: bold;
  font-size: 14px;
}

dd + dt {
  margin-top: 0.5em;
}

dd {
  margin-left: 1.0em;
}

button {
  -webkit-appearance: push-button;
}

#site-footer {
  clear: both;
  margin: 20px 0px;
  border-top: 2px solid white;
  padding-top: 10px;
  line-height: 30px;
  font-size: 95%;
  font-style: italic;
}

.license-copy {
  font-size: 85%;
}

.demos #copy,
.docs #content {
  max-width: 640px;
}

.docs #content h2 {
  border-top: 2px solid #FFF;
  padding-top: 10px;
}

.docs #content h2:target {
  background: #D26;
  color: white;
  padding: 10px 5px 5px;
}

/**** Docs ****/



.options dl dt { font-weight: normal; }

.options dl dt,
.options dl dd {
  float: left;
  padding: 0 1.2em;;
  background: #161616;
  line-height: 32px;
  height: 32px;
  margin: 0;
}

.options dl.header dt,
.options dl.header dd {
  background: #444;
}

.options dl .option-type {
  font-size: 13px;
  color: #AAA;
  font-style: italic;
}

.options dl dd {
  margin-left: 1px;
}

/**** Demos ****/

#container {
  padding: 5px;
  margin-bottom: 20px;
  border-radius: 5px;
  clear: both;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.centered { margin: 0 auto; }

.box {
  margin: 5px;
  padding: 5px;
  background: #D8D5D2;
  font-size: 11px;
  line-height: 1.4em;
  float: left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.box img,
#tumblelog img {
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right;
  direction: rtl;
}



.col1 { width: 80px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }

.col1 img { max-width: 80px; }
.col2 img { max-width: 610px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

/**** Gutters ****/

.has-gutters .box {
  margin: 5px 0;
}

.has-gutters .col1 { width: 90px; }
.has-gutters .col2 { width: 220px; }
.has-gutters .col3 { width: 370px; }
.has-gutters .col4 { width: 550px; }

/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-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;
      -ms-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;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/**** Primer comparison ****/

#comparison {
  overflow: auto;
}

#comparison .example {
  width: 420px;
  float: left;
  margin-right: 10px;
}

#comparison .box h5 {
  float: left;
  margin-bottom: 0;
  font-size: 30px;
  margin-right: 4px;
  line-height: 28px;
  font-weight: bold;
  color: #FFF;
}

/* Homepage */


table {
	border-collapse: collapse;
}
td {
	font-size:11px;
	line-height:14px;
	border: solid 1px;
	padding: 0.5em;
}
th {
	font-size:11px;
	line-height:14px;
	border: solid 1px;
	padding: 0.5em;
}


.textwhite {
  color: #FFF;
}

.textyellow {
	color: #FF6;
}


/*sabArticle*/
.homepage .item {
  width: 280px;
  float: left;
  padding: 10px;
  margin: 5px;
  background: #fff;
  font-weight: 300;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	box-shadow: 1px 1px 6px #0AD8FF;
}


.homepage .item .red {

  background-color: #921B1B;

}

.homepage .big-text,
.homepage .link {
    font: 0px/0px メイリオ, Helvetica, Helvetica Neue, Arial;
	font-size: 16px;
  color: #FF3868;
  line-height: 1.4em;
}

.homepage .big-textblue,
.homepage .link {
    font: 0px/0px メイリオ, Helvetica, Helvetica Neue, Arial;
	font-size: 16px;
  color: #3cf;
  line-height: 1.4em;
}

.homepage .big-textwhite,
.homepage .link {
    font: 0px/0px メイリオ, Helvetica, Helvetica Neue, Arial;
	font-size: 16px;
  color: #fff;
  line-height: 1.4em;
}

.homepage .link {
  padding: 0;
}


/* subarticle 中身 */

.homepage .mini {
  float: left;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  margin-top:2px;
  margin-bottom:2px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.homepage .mini2 {
  float: left;
  color: #C2C2C2;
  font-size: 11px;
  line-height: 18px;
  text-align: left;
  margin-top:2px;
  margin-bottom:2px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}




.homepage .mini .h {
  color: #f06;
  font-size: 14px;
  line-height:16px;
  font-weight:bold;
  margin-bottom:2px;
}

.homepage .mini .hs {
	color: #0D9EFF;
	font-size: 12px;
	line-height:16px;
	font-weight:bold;
	margin-bottom:8px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0D9EFF;
}

.homepage .mini .hsyellow {
	color: #FF0;
	font-size: 12px;
	line-height:16px;
	font-weight:bold;
	margin-bottom:5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF0;
}


.homepage .miniwhite{
	float: left;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin-top:2px;
	vertical-align: top;
}

.homepage .miniyokokubody{
	float: center;
	color: #666;
	font-size: 14px;
	line-height: 18px;
  font-weight:bold;
	vertical-align: top;
	text-align:center;
}

.homepage .miniyokoku{
	float: center;
	color: #f06;
	font-size: 18px;
	line-height: 24px;
  font-weight:bold;
	vertical-align: top;
	text-align:center;
}

.homepage .mini .imgleft {
  float: left;
  margin-right:10px;
  clear:both;
}

.homepage .mini .imgright {
  float: right;
  margin-left:10px;
  clear:both;
}

.homepage .mini .w0 { width: 610px; }
.homepage .mini .w1 { width: 280px; }
.homepage .mini .w2 { width: 220px; }


.homepage .mini .h2 {
	 font-size: 10px;
	 line-height:15px;
 }

.col2yellow a {
	 font-size: 14px;
	 line-height:15px;
  color: #f06;
 }

.col2yellow a:hover {
	 font-size: 14px;
	 line-height:15px;
  color: #f06;
 }



/*sabArticle　斜め線*/
.homepage .bg001 {
	width: 280px;
	float: left;
	padding: 10px;
	margin: 5px;
	font-weight: 300;
	background-image: url(../img/bg001.png);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 6px #0AD8FF;
}



/*subArticle　blackback*/
.homepage .black {
  width: 280px;
  float: left;
  padding: 10px;
  margin: 5px;
  background: #333;
  font-weight: 300;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	box-shadow: 1px 1px 6px #0AD8FF;
}



/*subArticle　blueback*/
.homepage .blue {
  width: 280px;
  float: left;
  padding: 10px;
  margin: 5px;
  background: #0cf;
  font-weight: 300;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	box-shadow: 1px 1px 6px #0AD8FF;
}


/*subArticle　yellow*/
.homepage .yellow {
  width: 280px;
  float: left;
  padding: 10px;
  margin: 5px;
  background-color: #ff0;
	background-image: url(../img/bg003.gif);
  font-weight: 300;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	box-shadow: 1px 1px 6px #0AD8FF;
}


/*subArticle　redback*/
.homepage .red {
	width: 280px;
	float: left;
	padding: 10px;
	margin: 5px;
	background-color: #921B1B;
	background-image: url(../img/bg003.gif);
	font-weight: 300;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 6px #0AD8FF;
  border: 1px solid #C04040;
}



/*blackback*/
.homepage .link a {
  display: block;
  padding: 10px;
  width: 160px;
  background: #333;
  color: white;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

/*
.homepage .link a:hover {
  background: #A2C;
}
*/

/*sidemenu*/
.homepage .example {
	float: left;
	padding: 10px;
	margin: 5px;
  width: 160px;
  background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 6px #0AD8FF;
}

.homepage .bg002 {
	float: left;
	padding: 10px;
	margin: 10px;
	width: 160px;
	background-image: url(../img/bg002.gif);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 6px #0AD8FF;
	text-align: center;
}

.homepage .bg003 {
	float: left;
	padding: 10px;
	margin: 10px;
	width: 160px;
	background-color: #ff0;
	background-image: url(../img/bg003.gif);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 6px #0AD8FF;
	text-align: center;
}

.homepage .exampleblack {
	float: left;
	padding: 10px;
	margin: 5px;
  width: 220px;
  background: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 6px #0AD8FF;
}

.homepage .exampleblack {
  float: left;
  padding: 10px;
  margin: 5px;
  width: 220px;
  background: #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 1px 1px 6px #0AD8FF;
}

.homepage .exampleblack2 {
  float: left;
  padding: 10px;
  margin: 5px;
  width: 160px;
  background: #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 1px 1px 6px #0AD8FF;
}

.homepage .examplewhite {
  float: left;
  padding: 10px;
  margin: 5px;
  width: 230px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 1px 1px 6px #0AD8FF;
  color: #333;
}


.homepage .example2 {
  float: left;
  padding: 10px;
  margin: 10px;
  width: 160px;
  background: none;
  box-shadow: none;
}


.homepage .example a { display: block; }

.homepage .example img {
  display: block;
  width: 100%;
}

/*
.homepage .example a:hover {
  background: #D26;
  color: white;
}
*/

.homepage .loading {
  background: black;
  color: #D8D5D2;
}

.homepage .loading img {
  float: left;
  padding-right: 5px;
  width: 54px;
}



/*mainArticle*/



.homepage .col2{
  width: 590px;
}


/*mainArticle inter*/

.homepage .col2inter {
  width: 590px;
  background: #fff;
}

.bgyellow {
	background-color: #ff0;
	background-image: url(../img/bg003.gif);
}

/*mainArticle blue*/
.homepage .col2blue {
	width: 590px;
	background-color: #006;
}

/*mainArticle red*/

.homepage .col2red {
  width: 590px;
  background: #600;
}

/*mainArticle blackback*/

.homepage .col2black {
  width: 590px;
  background: #000;
}

.yellow {
  background-color: #ff0;
}

/*mainArticle green*/

.homepage .col2green {
  width: 590px;
  background: #030;
}

/*mainArticle yellowback*/

.homepage .col2yellow {
	width: 590px;
	background-color: #ff0;
	background-image: url(../img/bg003.gif);
	/*text-align: center;*/
}


#mainimg{
  width: 100%;
  height: 180px;
}

#youtube{
  width: 590px;
  height: 338px;
  margin-top:2px;
  margin-bottom:6px;
}

.kyoutyou{
	margin:10px 0;
	padding:8px 14px;
	background-color: #FCF;
	background-image: url(../img/bg003.gif);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.capimg {
  padding-left: 10px;
}

.caption {
  float: left;
  padding-left: 20px;
}

.snsarea {
  padding: 20px;
  margin: 10px;
    background-color: #A7A7A7;
  /*background-image: url(../img/bg003.gif);*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


.c-nav {
  max-width: 500px;
  margin: 0 auto;
  clear: both;
}

.navleft {
  float: left;
  padding-left: 15px;
}

.navright {
  float: right;
  padding-right: 15px;
}

/* screens smaller than 660 */
@media screen and (max-width: 660px) {

  #site-nav {
    width: auto;
    position: relative;
    left: auto;
    top: auto;
    padding-top: 0px;
    height: auto;
    margin-bottom: 20px;
  }

  #content {
    padding-left: 0px;
  }


  /*mainArticle*/


  .homepage .col2 {
    width: 490px;
  }

  .homepage .mini .w0 { width: 490px; }


  #mainimg{
    width: 490px;
  }

  #youtube{
    width: 490px;
    height: 276px;
    margin-top:2px;
    margin-bottom:6px;
  }

  /*mainArticle inter*/

  .homepage .col2inter {
    width: 280px;
    background: #fff;
  }

  /*mainArticle blue*/
  .homepage .col2blue {
  	width: 490px;
  	background-color: #006;
  }

  /*mainArticle red*/

  .homepage .col2red {
    width: 490px;
    background: #600;
  }

  /*mainArticle blackback*/

  .homepage .col2black {
    width: 490px;
    background: #333;
  }

  /*mainArticle blackback*/

  .homepage .col2yellow {
  	width: 490px;
  	background-color: #ff0;
  	background-image: url(../img/bg003.gif);
  	/*text-align: center;*/
  }


}


/* screens smaller than 520 */
@media screen and (max-width: 520px) {

  #container {
  	padding: 0px;
    margin-bottom: 20px;
    border-radius: 5px;
    clear: both;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
  }

    #site-nav {
      width: auto;
      position: relative;
      left: auto;
      top: auto;
      padding-top: 0px;
      height: auto;
      margin-bottom: 20px;
    }

    #content {
      padding-left: 0px;
    }


  /*mainArticle*/

  .homepage .col2 {
    width: 280px;
  }

  .homepage .mini .w0 { width: 280px; }


  #mainimg{
    width: 280px;
    height: 148px;
  }

  #youtube{
    width: 280px;
    height: 158px;
    margin-top:2px;
    margin-bottom:6px;
  }

  /*mainArticle inter*/

  .homepage .col2inter {
    width: 280px;
    background: #fff;
  }

  /*mainArticle blue*/
  .homepage .col2blue {
  	width: 280px;
  	background-color: #006;
  }


  /*mainArticle red*/

  .homepage .col2red {
    width: 280px;
    background: #600;
  }


  /*mainArticle blackback*/

  .homepage .col2black {
    width: 280px;
    background: #333;
  }

  /*mainArticle yellow*/

  .homepage .col2yellow {
  	width: 280px;
  	background-color: #ff0;
  	background-image: url(../img/bg003.gif);
  	/*text-align: center;*/
  }

  #title {
    display: none;
  }

  .desc img {
  /*margin-right: 5px;*/
  margin-top: 5px;
  width: 100%;
  }


}



/* Tumblelog example */

#tumblelog {
  background: #FFF;
  padding: 1.0em;
}

#tumblelog .story {
  margin: 10px;
  border-top: 4px solid #DCB;
  padding-top: 10px;
  background: #FFF;
  float: left;
}

#tumblelog h1, #tumblelog h2, #tumblelog h3 { font-weight: bold;}

#tumblelog .col1 { width: 220px; }
#tumblelog .col2 { width: 460px; }
#tumblelog .col3 { width: 700px; }

#tumblelog .col1 img,
#tumblelog .col2 img,
#tumblelog .col3 img {
  max-width: none;
}

/* Infinite Scroll loader */
#infscr-loading {
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000;
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

/**** Fluid ****/

#container.fluid  {
  padding: 5px 0;
}

/* right margin value is 0.1% less than calculated,
  to allow for rounding errors in Firefox */
.fluid .box {
  margin: 5px 0.9% 5px 1%;
  padding: 5px 1%;
}

.fluid .box.col1 { width: 16%; }
.fluid .box.col2 { width: 36%; }
.fluid .box.col3 { width: 56%; }

/**** Corner stamp ****/

.corner-stamp {
  width: 280px;
  height: 340px;
  padding: 10px;
  margin: 10px;
  float: right;
  background: red;
  color: white;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

/**** Pygments ****/

code .s1,
code .s { color: #78BD55; } /* string */
code .mi, /* integer */
code .cp, /* doctype */
code .kc { color: #5298D4; } /*boolean*/
code .k { color: #E39B79; } /* keyword */
code .kd, /* storage */
code .na { color: #A9D866; } /* markup attribute */
code .p  { color: #EDB; } /* punctuation */
code .o  { color: #F63; }   /* operator */
code .nb { color: #AA97AC;} /* support */

/* comment */
code .c,
code .c1 { color: #666; font-style: italic; }

code .nt { color: #A0C8FC; } /* Markup open tag */

code .nf { color: #9EA8B8; } /* css id */
code .nc { color: #A78352; }  /* CSS class */
code .m  { color: #DE8E50; } /* CSS value */
code .nd { color: #9FAD7E; } /* CSS pseudo selector */

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* 店舗紹介 */

.day-data {
  border-bottom: 1px dotted #666;
  margin-bottom: 10px;
}

.text-right {
  text-align: right;
  float: right;
}

.text-left {
  text-align: left;
  float: left;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.shopinfo_base {
  position: relative;
}

/*.shopinfo_base:after {
  z-index: 0;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #fff;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}*/

.shopinfo {
/*  position: relative;
  background-color: #FFF86B;
  padding: 15px;
  z-index: 1000;*/
}


.shopinfo h3 {
  padding: 0px;
  margin: 0px;
/*  font-size: 20px;*/
  line-height: 1.4;
/*  color: #FF1400;*/
  /*text-decoration: underline;*/
  padding-bottom: 5px;
}

.shopinfo p strong {
/*  font-size: 14px;*/
  padding-top: 5px;
}

.desc strong {
  font-size: 16px;
  line-height: 2;
}

.desc img {
  /*margin-right: 5px;*/
  margin-top: 5px;
}


.mini ul {
  list-style: none;
}

.mini ul li {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  color: #fff;
}

.homepage .adpr {
  margin: 5px;
  padding: 0px;
  background: none;
  font-weight: 300;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  box-shadow: none;
  float: left;
  width: 300px;
}

.f-white {
  font-weight: bold;
  color: #fff;
}

.links {
  height: 1800px;
}

.link-info {
  margin-left: 20px;
}

.linkimg {
  margin-right: 5px;
}

.sougo {
  color: red;
}

#kglist2 strong {
  background-color: #fff;
  font-size: 11px;
  margin-bottom: 5px;
  display: block;
  padding: 3px;
  margin-top: 10px;

}

.sns {
  display: block;
  margin-top: 10px;
}

.bigs {
  display: block;
  width: 300px;
}

.hello {

}



ul.menulist {
  list-style-type: none;
  padding-bottom: 10px;
}

.menulist li {
  color: #333;
  font-size: 12px;
  float: left;
  width: 280px;
  margin-right: 15px;
  margin-top: 0px;
  /*background-color: #888;*/
}


.manga_text {
  color: #333;
  font-size: 13px;
}

.manga-link {
  font-size: 12px;
}

.mini img {
    display: block;
  width: 100%;
}

.fd {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}

.fd:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}