/*
Theme Name: Smpl Skeleton CHILD
Template: smpl-skeleton
Description: smpl-skeleton の子テーマ
*/


@import url("../smpl-skeleton/style.css");


/* Table of Contents
==================================================
	#Global Reset
	#Structural Customization
	#Header
	#Navigation Bar
	#Typography
	#Tables
	#Widgets
	#WP Blog
	#Styled Buttons
	#Tabs
	#Toggles
	#Callouts
	#Comments
	#WP Gallery
	#Misc
*/



/* @group Global 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, dt, dd, 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;
	vertical-align: baseline;
}

html/*ADDED*/ {
	height:100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


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

table.pad td {
	padding: 10px;
}

pre,code {
	white-space: normal;
	background-color: #ededed;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	font: 12px/24px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
	margin: 5px 0;
	padding: 5px;
}

p code {display: inline;}

body {
	line-height: 150%;
	-webkit-text-size-adjust: 100%;
	/*background-image: url('images/border_top.png');
	background-repeat: repeat-x;
	background-position: top left;*/	
}



body.black-bg{
	line-height: 150%;
	-webkit-text-size-adjust: 100%;
	background: #000000;
}


body.white-bg{
	line-height: 150%;
	-webkit-text-size-adjust: 100%;
	background: url(images/white-bg.png) center top repeat-y;
}

body.color-bg{
	line-height: 150%;
	-webkit-text-size-adjust: 100%;
	background: url(images/color-bg.png) center top repeat-y;
}

body.bw-bg{
	line-height: 150%;
	-webkit-text-size-adjust: 100%;
	background: black;
}

body.full-bg {
	height:100%;
	margin-top:-16px;
	margin-bottom: 5em;
	background: #ececec;
}

body.full-bg #white {
	height:120%;
	min-height:1800px;
	padding-bottom:20px;
}

body.full-bg .content {
	height:120%;
	background: #ffffff;
}

#white {
	background: url(images/white.png) center top repeat-y;
	margin:0 auto 0 auto;
	height:100%;
}

@media only screen and (max-width: 800px){
	#white {
	background: url(images/white.png) center top repeat-y;
	margin:0 auto 0 auto;
	width: 100%;
	height:auto;
	}
}

#black {
	background: url(images/black.png) center top repeat-y;
	margin:0 auto 0 auto;
	height:100%;
}

@media only screen and (max-width: 800px){
	#black {
	background: url(images/black.png) center top repeat-y;
	margin:0 auto 0 auto;
	max-width: 100%;
	height:100%;
	}
}

#color {
	background: transparent;
	margin:0 auto 0 auto;
	height:100%;
}

.box-white {
	backgroud:#ffffff;
	padding:10px 15px;
}

/* @end */


/* @group Structural Customization */

body.sidebar-right #wrap #content {
  float: left;
}

body.sidebar-right #wrap #sidebar {
  float: right;
}

body.sidebar-right #wrap #sidebar .widget-container {
  margin-left: 20px;
  margin-right: 0px;
}

body.sidebar-left #wrap #content {
  float: right;
}

body.sidebar-left #wrap #sidebar {
  float: left;
}

body.sidebar-left #wrap #sidebar .widget-container {
  margin-left: 0px;
  margin-right: 20px;
}

@media only screen and (min-width: 320px) and (max-width: 800px) {
  #wrap #content {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* @end */

/* @group Header */

#header {
	clear: both;
	margin-top: 16px;
}

#header .inner {
	padding-top: /*15px*/0;
	padding-bottom: /*20px*/0;
}

#header .header_extras {
	float: right;
}

h1#site-title {
	font-size: 3.5em;
	margin: 0;
	padding: 0;
	line-height: 100%;
	letter-spacing: -2px;
}

h1#site-title a,
#header h1#site-title a:hover {
	color: inherit;
	text-decoration: none;
	text-shadow: 0px 1px 0px #FFF;
}

/* Header Tagline */

#header span.site-desc {
	margin: 0;
	padding: 0;
	line-height: 100%;
	letter-spacing: -1px;
	font-size: 1.25em;
}

/* Image Header */

#header #site-title.graphic a {
	text-indent: -9999em;
	display: block;
	background-repeat: no-repeat;
	background-position: left;
}


/* @end */

/* @group Navigation Bar */

#navigation {
	margin-bottom: /*20px*/0;
	clear: both;
}

#navigation ul,
#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#navigation ul {
	width: 100%;
 	background: -moz-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent;
 	background: -webkit-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent;
	-pie-background: linear-gradient(#FCFCFC, #ECECEC);
    border-color: #EAEAEA #F5F5F5 #F5F5F5 #F5F5F5;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -pie-box-shadow: 0 1px 1px #ccc;
    position: relative;
    behavior: url("./wp-content/themes/skeleton/PIE.php");
}


#navigation ul li {
 	background: -moz-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent;
 	background: -webkit-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent;
	-pie-background: linear-gradient(#FCFCFC, #ECECEC);
	background-image: none;
	border-right: 1px solid #e3e3e3;
    position: relative;
    behavior: url("./wp-content/themes/skeleton/PIE.php");
}

#navigation ul li a {
	background-image: none;
	padding: 15px 20px;
	text-decoration: none;
	display: block;
	font-weight: bold;
	text-shadow: 1px 1px 0px #fff;
}

/* Navbar Hover Links */

#navigation ul li:hover a,
#navigation ul li a:hover {
	color: #545454;
	background: #f1f1f1;
 	background: -moz-linear-gradient(270deg, #FFFFFF, #F1F1F1) repeat scroll 0 0 transparent;
 	background: -webkit-linear-gradient(270deg, #FFFFFF, #F1F1F1) repeat scroll 0 0 transparent;
	-pie-background: linear-gradient(#FFFFFF, #F1F1F1);
	border-bottom: 1px solid #F1F1F1;
    position: relative;
    behavior: url("./wp-content/themes/skeleton/PIE.php");
}

#navigation ul li:hover li a {
	color: #595959;
	font-weight: normal;
}

/* Navbar Active Links */

#navigation ul li.active a {
	color: #333;
	background: #fff;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px solid #fff;
}


/* Nav Sublevel */

#navigation ul.sub-menu,
#navigation ul.children {
 	background: -moz-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent;
 	background: -webkit-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent;
    border-color: #EAEAEA #F5F5F5 #F5F5F5 #F5F5F5;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

#navigation ul.sub-menu li,
#navigation ul.children li {
	border: none;
}

/* Nav Sublevel Links */

#navigation ul.sub-menu li a,
#navigation ul.children li a {
	background: #f0f0f0;
	padding: 5px 0px 5px 8px;
	height: 32px;
	line-height: 32px;
	border-radius: 0;
	min-width: 210px;
	border-bottom: none;
	position: static;
    behavior: none;
}

/* Nav Sublevel Hover */

#navigation ul.sub-menu li a:hover,
#navigation ul.children li a:hover {
	background: #fff;
	border-bottom: none;
}

/* @end */


/* @group Footer */

#footer {
	border-top: 1px solid #d6d6d6;
	font-size: .9em;
    margin: 20px auto 0 auto;
	clear: both;
	padding: 10px 0 10px 0;
}

#footer.noborder {
	border: none;
	padding-top: 0;
}

#footer #credits {
	font-size: 11px;
	color: #9f9f9f;
	text-align: center;
}

/*
body.full-bg #footer #credits {
  .grid(full);
  background: #ffffff;
  border-top: 0.0625em solid lightgrey;
  bottom: 0; // !important helps maintain set height 
  color: #000000;   
  height: 5em; // !important - must be < = body margin-bottom
  position: absolute; // !important clears
}*/

.themeauthor,
.themeauthor a:link,
.themeauthor a:hover,
.themeauthor a:visited {
	font-size: 11px;
	color: #AEAEAE;
	text-decoration: none;
}

/* Footer Menu */

#footermenu {
  font-size: .85em;
  margin:  10px auto 0px auto;
  text-align: center;
  position: relative;
  clear: both;
  text-shadow: none;
}

#footermenu ul {
	display: inline-block;
}

#footermenu ul, #footermenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footermenu li {
	color: #ccc;
	float: left;
}


#footermenu li a {
  margin: 0px 10px;
  padding: 0;
  float: none;
  background: none;
  display: inline;
  text-decoration: none;
  border-bottom: none;
  font-weight: normal;
}

#footermenu li.menu-item-last span {
  display: none;
}

/* @end */


/* @group Typography */

h1, h2, h3, h4, h5 {
	letter-spacing: /*-1px*/0.01em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
	text-decoration: none;
}


h1 {line-height: 140%; margin-bottom: 14px;}
h2 {line-height: 130%; margin-bottom: 10px; }
h3 {line-height: 130%; margin-bottom: 8px; }
h4 {line-height: 125%; margin-bottom: 8px; }
h5 {line-height: 120%; margin-bottom: 8px;}
h6 {
	font-size: 14px;
	line-height: 120%;
	margin-bottom: 8px;
	color: inherit;
	font-weight: bold;
	text-transform: uppercase;
	color: #375199;
}

@media only screen and (max-width: 480px){
h1 {font-size: 22px; margin-bottom: 14px;}
}

.subheader { color: #777; }
.normal {font-weight: normal;}
.bolder {font-weight: bolder;}


/*p tag*/
p { margin: 0 0 15px 0; 
	font-size:18px;
}
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
strong { font-weight: bold; color: #333333; }
small { font-size: 80%; }

.cr p {font-size:13px; margin-bottom:5px; line-height:16px; color:#ffffff;}
.cr strong { font-weight: bold; color: #666666; }

@media only screen and (max-width: 800px){
.cr p {font-size:15px; margin-bottom:7px; line-height:19px; color:#ffffff;}
}

/*	Blockquotes  */

blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ccc; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
a, a:visited {text-decoration: none; outline: 0; }
a:hover, a:focus { text-decoration: none;}
p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: disc inside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px;}
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
abbr,acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
	cursor: alias;
}
cite {
	font-style: italic;
	font-family: Georgia, serif;
}
q {
	font-style: italic;
}


/* # Image Alignment Classes
============================================================== */

.alignright {
	float: right;
	margin: 0px 0px 10px 15px;
}

.alignleft {
	float: left;
	margin: 0px 15px 10px 0px;
}

.alignleftleft {
	float: left;
	margin: 0px 10px 10px 0px;
	width:47%;
	height:auto;
}
@media only screen and (max-width: 767px){
	.alignleftleft {
	width:100%;
	height:auto;
	}
	.alignzero {
	width:100%;
	height:auto;
	margin:0;
	}
}
@media only screen and (max-width: 767px){
	.sp-invisible {
	display:none;
	}
}

.aligncenter {
	display:block;
	margin:0 auto 10px auto;
}

.full-width {
	width:100%;
	height:auto;
	overflow:hidden;
}

/* #Images
================================================== */

img.scale-with-grid,
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100% !important;
	height: auto;
}


/* WP Captions */

.wp-caption {
	text-align: center;
	padding: 5px;
	margin: 10px auto;
}


.wp-caption {
	border: 1px solid #fff;
	background-color: #f6f6f6;
	color: #666;
	text-shadow: 1px 1px 0px #fff;
	-webkit-box-shadow:1px 1px 6px #ddd;
	-moz-box-shadow:1px 1px 6px #ddd;
	box-shadow:1px 1px 6px #ddd;
	position: relative;
	behavior: url('../wp-content/themes/skeleton/css/PIE.php');
}

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

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	padding: 0px 0 5px 0;
	margin: -10px 0 0 0;
}

.wp-caption.alignleft {
	margin: 0px 20px 0px 0px;
}
.wp-caption.alignright {
	margin: 0px 0px 0px 10px;
}


/* @end */

/* @group Tables */

table {
	margin: .5em 0 1em;
}

table th {
	text-align: left;
	border: 1px solid #d1d1d1;
	padding: .4em .8em;
	background: #ddd url(images/gradient_small_trans.png) repeat-x 0 top;
	font-weight: bold;
}

table td {
	border: 1px solid #d1d1d1;
	padding: 10px;
}

/* @end */

/* @group Widgets */


li.widget-container {
	list-style: none;
}

.widget-container ul ul {
	list-style: square;
	margin-left: 1.3em;
}

.widget-container select {
	max-width: 100%;
}

.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}

.widget_search label {
	display: none;
}

.widget-container {
	margin: 0 0 28px 0;
	padding-top: 1px;
}

.widget-container ul {
	margin-left: 0;
}

.widget-title {
	font-weight: normal;
}

input#searchsubmit {
	margin-bottom: 0;
}

.widget-container a:link,
.widget-container a:visited {
	text-decoration: none;
}

.widget-container a:active,
.widget-container a:hover {
	text-decoration: underline;
}

.widget-container .entry-meta {
	font-size: 11px;
}

#wp_tag_cloud div {
	line-height: 1.6em;
}


#sidebar .widget_recent_entries ul,
#sidebar .widget_categories ul,
#sidebar .widget_archive ul,
#sidebar .widget_recent_comments ul,
#sidebar .widget_meta ul {
	list-style: none;
}
#sidebar .widget_recent_entries li,
#sidebar .widget_categories li,
#sidebar .widget_archive li,
#sidebar .widget_recent_comments li,
#sidebar .widget_meta li {
	border-bottom: 1px solid #eee;
}


/* Search Form */


#searchform input#s {
	float: left;
	-webkit-border-radius:4px 0px 0px 4px;
	-moz-border-radius:4px 0px 0px 4px;
	border-radius:4px 0px 0px 4px;
	height: 32px;
}
#searchform #searchsubmit {
	margin:0;
	-webkit-border-radius:0px 4px 4px 0px;
	-moz-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
	height: 32px;
	line-height: 1 !important;
}
#content #searchform label {
	float: left;
	line-height: 32px;
	height: 32px;
	padding-right: 10px;
}



/* WP Calendar Widget */

#wp-calendar {
	font-family: arial,helvetica,sans-serif;
	width: 100%;
	font-size: .85em;
}

#wp-calendar td {
	padding: 4px 0;
	text-align: center;
	border: 1px solid #d2d2d2;
	background-color: #ededed;
	text-shadow: #fff 1px 1px 0;
	color: #7c7c7c;
}

#wp-calendar td.pad {
	background-color: #e5e5e5;
}

#wp-calendar td#today {
	color: #fff;
	background-color: #6e6e6e;
	text-shadow: 1px 1px 0px #333;
}

#wp-calendar caption {
	font-weight: bold;
}

#wp-calendar th {
	font-style: normal;
	background: #ddd url(images/gradient_small_trans.png) repeat-x 0 top;
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	text-shadow: #ebebeb 0 1px 0;
}

/* WP RSS Widget */

.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Indent Sidebar Lists */

.widget-container ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}

/* Page Menus/Custom Menus */

li.page_item,li.menu-item {
	padding: 0;
	margin: 0;
	list-style: none;
}


li.page_item a,li.menu-item a {
	display: block;
	border-bottom: 1px solid #eee;
	padding: 8px 0px 8px 24px;
	line-height: 120%;
	font-weight: bold;
	background: url(images/arrow_bullet.png) no-repeat 10px;
}

li.page_item a:hover,li.menu-item a:hover {
	background: url(images/arrow_bullet_hover.png) no-repeat 10px;
}

/* Page Menus/Custom Menus - Sublevels */

li.page_item li a,li.menu-item li a {
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	color: #666;
	line-height: 175%;
	font-weight: normal;
}
li.page_item li a:hover,li.menu-item li a:hover {
	background: none;
}

li.page_item a:hover,
li.menu-item a:hover {
	text-decoration: none;
	color: #333;
}

/* @end */



/* @group WP Blog Styles */

.sticky {
	padding: 1em 0;
	margin: 1em auto;
	border: 10px solid #eee;
	border-left: none;
	border-right:none;
}

.entry-meta,.entry-utility {
	font-size: 11px;
	color: #666;
	padding-bottom: 10px;
	margin-bottom: 10px;
	/*border-bottom: 1px solid #eee;*/
}
.cat-links,.comments-link,.meta-sep,.entry-utility {
	font-size: 11px;
	color: #666;
}

.post {
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.post.single {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

a.more-link {
	display: block;
	float: right;
	font-weight: bold;
}

.skeleton_relatedposts h4 {
	border-bottom: 1px solid #eee;
}

.skeleton_relatedposts ul {
	color: #666;
	list-style: square;
	margin-left: 20px;
}

.skeleton_relatedposts ul li {
}



/* @end */


/* @group Buttons */

button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button a  {
  background-image: none;
  margin: .5em 0;
  margin-bottom: 0 !important;
  display: inline-block;
  font-stretch: narrower;
  font-weight: normal;
  white-space: nowrap;
  padding: .5em 1em !important;
  font-size: 1em !important;
  color: white !important;
  line-height: 1.5em;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: none;
  text-shadow: 0 1px 0px #185597;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #1d65b3;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a72c0), color-stop(100%, #1d65b3));
  background: -webkit-linear-gradient(top, #2a72c0 0%, #1d65b3 100%);
  background: -o-linear-gradient(top, #2a72c0 0%, #1d65b3 100%);
  background: -ms-linear-gradient(top, #2a72c0 0%, #1d65b3 100%);
  background: -moz-linear-gradient(top, #2a72c0 0%, #1d65b3 100%);
  background: linear-gradient(top bottom, #2a72c0 0%, #1d65b3 100%);
  background-clip: border-box;
  -pie-background: linear-gradient(top, #2a72c0, #1d65b3);
  behavior: url("PIE.htc");
  position: relative;
  background-repeat: repeat-x;
}

.button a:hover {
  text-decoration: none !important;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
a.button:hover {
  background: #156bc6;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #156bc6), color-stop(100%, #156bc6));
  background: -webkit-linear-gradient(top, #156bc6 0%, #156bc6 100%);
  background: -o-linear-gradient(top, #156bc6 0%, #156bc6 100%);
  background: -ms-linear-gradient(top, #156bc6 0%, #156bc6 100%);
  background: -moz-linear-gradient(top, #156bc6 0%, #156bc6 100%);
  background: linear-gradient(top bottom, #156bc6 0%, #156bc6 100%);
  background-clip: border-box;
  -pie-background: linear-gradient(top, #156bc6, #156bc6);
  behavior: url("PIE.htc");
  position: relative;
  cursor: pointer;
}

button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
a.button:active {
  -webkit-box-shadow: inset 0 2px 6px 0 #0e4177, inset 0 0 0 0 #0e4177, 0 1px 1px 0 #eeeeee;
  -moz-box-shadow: inset 0 2px 6px 0 #0e4177, inset 0 0 0 0 #0e4177, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 2px 6px 0 #0e4177, inset 0 0 0 0 #0e4177, 0 1px 1px 0 #eeeeee;
}

a.button span.btn_caption {
  color: #acd3f1 !important;
  text-shadow: 0 1px 0 #3B639B;
}

/* @end */

/* @group Comments */

#respond {margin:0px;float:left;border-top: 1px solid #eee;padding-top: 10px;width: 100%;}

#respond input[type=text] { width:300px; margin-right:20px; }
#respond textarea {width:550px; height:120px; padding:10px; }
#comments { float:left; margin:0;}

#comments {border: 0;width: 100%;}
body.dark #comments {background: url(images/dark/divider.png) repeat-x right top;}

#comments h2 {
	font-size: 1.5em;
	border-bottom: 1px solid #eee;
	font-weight: bold;
}
#comments h6 {font-family: "Times New Roman", Times, serif;letter-spacing: normal;text-transform: uppercase;margin: 10px 0px;}

#comments .comment-meta { margin:0px 0px 20px 0px; display:block;}
#comments .commentlist { margin:0px; float:left; list-style:none; width:100%;  }
#comments .commentlist ul { list-style:none; margin:0; padding:0; clear:both; }
#comments .commentlist li {margin:0; padding:0;  display:block;}
#comments .commentlist li li { margin:0 0 20px 25px; }
#comments .commentlist li li .comment-meta{ width:445px; }
#comments .commentlist li li li {margin:0 0 20px 25px;}
#comments .commentlist li li li .comment-meta{ width:420px; }
#comments .commentlist li li li li {margin:0 0 20px 25px; }
#comments .commentlist li li li li .comment-meta{ width:395px; }
#comments .commentlist li li li li li {margin:0 0 20px 25px;}
#comments .commentlist li li li li li .comment-meta{ width:370px; }

#comments .single-comment { margin-bottom:20px; }
#comments .comment-author { float:left; margin: 0px 10px 6px 0px; display:inline; width:50px; }
#comments .comment-author cite { clear:both; font-weight:bold; }

#comments .vcard {
	float:left;
	clear:both;
	display:block;
	width:100px;
	min-height: 100px;
	padding:20px 0;
}
#comments .vcard img.avatar {
	border: 1px solid #eee;
	padding: 2px;
	background:#f4f4f4;
}

#comments .vcard {
	background:url(images/comment_author_bg.png) no-repeat top right;
}


/* Pingbacks */


#comments .commentlist li.pingback,
#comments .commentlist li.pingback ul,
#comments .commentlist li.pingback ul li,
#comments .commentlist li.pingback .vcard {
	margin: 0;
	padding: 0;
}

#comments .commentlist li.pingback .vcard {
	background:none;
	width: 0;
}
#comments .commentlist li.pingback p {
	font-size: .80em;
	line-height: 1.45em;
	color: #6D6D6D;
}
#comments .commentlist li.pingback h6 {
	text-transform: none;
}


/* @end */

/* @group WP Gallery */

.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}

.gallery .gallery-row {
	display:block;
	clear: both;
	overflow: hidden;
	margin: 0;
}

.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
}
.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail {
	max-width: 79%;
	height: auto;
	padding: 0;
	margin: 5px auto;
	border: 1px solid #fff;
	background-color: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    -pie-box-shadow: 0px 0px 5px #ccc;
    position: relative;
    behavior: url("./wp-content/themes/skeleton/PIE.php");
}

.gallery-caption {
	color: #666;
	font-size: 11px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}

/* @end */


/* @group Pagination */


/* Single Posts and Attachment Pages */

#nav-below {
	width: 100%;
	display: inline-block;
	padding-bottom: 6px;
	font-size: 12px;
}
#nav-below a {
	text-decoration: none;
}

.nav-prev {
  background: url(./images/arrow_bullet_left.png) no-repeat left center;
  padding-left: 18px;
}
.nav-next {
  background: url(./images/arrow_bullet.png) no-repeat right center;
  padding-right: 18px;
}

.nav-prev {float: left;}
.nav-next {float: right;}


/* Default Multi-Page Navigation */

.page-link {
	padding: 4px 0;
	font-size: .90em;
}
.page-link a {
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	padding: 2px 4px;
	line-height: 1;
}

/*  wp-pagenavi
/* ------------------------------------ */

.wp-pagenavi {
  position: relative;
  text-align: center;
}

.wp-pagenavi span.pages {
  text-align: center;
  color: #999999;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: .45em;
  font-size: 11px;
  line-height: 1;
}

.wp-pagenavi a, .wp-pagenavi span.current {
  font-size: 12px;
  padding: 4px;
  margin: 0px 8px 10px 0px;
  text-decoration: none;
  border-bottom: 2px solid;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
  border-bottom: none;
}
.pages {
  display: inline-block;
  width: 100%;
}

.pages a {
  text-decoration: none;
}

.pages span.newer,
.pages span.older {
  font-size: 11px;
  line-height: 20px;
  font-weight: bold;
}

p.paged {
  padding: 10px 0px 10px 0px;
  margin: 0;
  font-weight: bold;
}


#navigation span.current {
  font-weight: bold;
  padding: 0px 4px;
  border: 0px solid #fff;
  background-color: transparent;
}

/* Numbered Pagination */

.pagination {
  clear: both;
  padding: 0px 0 20px 0;
  position: relative;
  font-size: 11px;
  line-height: 13px;
  margin: 0px auto;
  display: block;
  text-align: center;
}

.pagination span, .pagination a:link {
  display: inline-block;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
}

.pagination a:hover,
.pagination .current {
  padding: 6px 9px 5px 9px;
}

/* Post Pagination Links */

.post_pagination {
  margin-top: 20px;
  margin-bottom: 10px;
}

.prevpost {
  float: left;
}

.nextpost {
  float: right;
}

/* pagination links */

.prevpost a,.nextpost a {
  font-size: .95em;
  display: block;
  text-decoration: none;
  font-weight: bold;

}

.prevpost a:hover,.nextpost a:hover {
  color: inherit;
  text-decoration: none;
  background-color: #fff;
}

/* @end */



/* @group Misc */


/* Apply CSS class of "guest" to hide menu items from logged-in users */

body.logged-in li.guest {
	display: none;
}



/* #Forms (see formalize.css)
================================================== */


label,legend {
	font-weight: bold;font-size: 13px;
	display: inline-block;
}

input[type="checkbox"] {display: inline; }

/* # Misc Typography Balancing to Maintain Vertical Rhythm
============================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.add-top { margin-top: 20px !important; }
.bypostauthor,.gallery-caption {}

/* @end */



/* @group IE CSS3 */

html.ie #navigation,
html.ie a.button,
html.ie .cta,
html.ie .wp-caption,
html.ie #breadcrumbs,
html.ie a.more-link,
html.ie .gallery .gallery-item img,
html.ie .gallery .gallery-item img.thumbnail,
html.ie .widget-container,
html.ie #author-info {
	behavior: url("PIE.php");
	position: relative;
}

/* @end */



.contact_form{
   display: block;
	margin-top:20px;
	padding:15px 20px 0px 20px;
	background:#e5e5e5;
   }

.contact_form p{
	font-size:14px;
	color:#6d6d6d;
	margin:2px 0 8px 0;
}


.wpcf7-text{
	width:100%;
}

.wpcf7-form-control.wpcf7-submit{
	margin:0 auto;
   display: block;
	text-align:center;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

 
.clearfix:after{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   }
 
.clearfix{
   overflow:hidden;
   }

.sent .contact_form {
        display:none;
}


.complete-display{
display: none;
}
.sent .complete-display{
display: block;
}

.screen-reader-response{
display: none;
}

.wpcf7-response-output{
	margin:20px;
	font-size:16px;
	color:#4e4e4e;
}


#newyear {
        background:#f8f8f8;
        padding:10px;
        margin-bottom:20px;
}

#newyear p {
        font-size:15px;
}

@media screen and (max-width: 480px) {
        #newyear img {
        width:100px;
        }
        .wp-caption {
        width:120px !important;
        margin:0 10px 10px 0 !important;
        }
        #newyear p {
        font-size:12px;
        line-height:13px;
        }
        #newyear p.wp-caption-text {
        font-size:10px;
        line-height:13px;
        }
}

#year {
}

#year p {
	font-size:18px;
	line-height:26px;
	letter-spacing:0.1em;
	padding-right:10px;
}


#year p.title {
	font-size:23px;
	font-weight:bold;
	line-height:32px;
	letter-spacing:0.08em;
	margin-bottom:15px;
}


#year p.title2 {
	font-size:22px;
	font-weight:bold;
	line-height:32px;
	letter-spacing:0.02em;
	margin-bottom:15px;
}


#year .site {
	font-size:14px; 
	color:#ff6600;
	letter-spacing:0.01em;
}

#year .copy {
	font-size:14px; 
	color:#999999;
	letter-spacing:0.01em;
}


#year h3 {
	font-size:30px;
	font-weight:bold; 
	letter-spacing:0.08em;
	border-bottom:dotted #999999 3px; 
	padding-top:0px; 
	margin-top:10px; 
	margin-bottom:25px; 
	margin-left: 10px;
}

#year h3.newyear {
	font-weight:bold; 
	color:#cc0000;
	border-bottom:dotted #cc0000 3px; 
}

#year a { color:#ff6600; text-decoration:none; }


#year img {
	float:left; 
	border:0; 
	margin:0px 25px 15px 10px; 
}


#year .year {
	background: url(images/bg.jpg) center top repeat-x;
	margin:10 0;
	height:20px;
	width:940px;
}

@media only screen and (max-width: 800px){
	#year p.title,  #year p.title2{
	font-size:20px;
	}
	#year p {
	font-size:16px;
	}
	#year h3 {	
	font-size:25px;
	}
	#year img {
	margin-left:0;
	}
}

@media only screen and (max-width: 480px){
	#year p {
	padding: 0 10px;	
	font-size:16px;
	line-height:21px;
	letter-spacing:0.05em;
	}
	#year p.title, #year p.title2 {
	font-size:20px;
	font-weight:bold;
	line-height:25px;
	letter-spacing:0.02em;
	margin-bottom:15px;
	}
}


.uta-block {
	position:relative;
	margin: 50px auto 0 auto;
	max-width: 1200px;
	text-align:center;
}
.uta-block2 {
	margin: 0 auto;
	max-width: 800px;
	text-align:center;
}

img.uta {
	display: block;
	background: url(images/film.png) no-repeat;
	width: 300px;
	margin:20px 25px;
	padding:35px 5px;
	float: left;
}

@media only screen and (max-width: 1200px){
	.uta-block2 {
	min-width:770px;
	margin-left:20%;
	}
	img.uta {
	background: url(images/film.png) no-repeat;
	width: 29%;
	height: auto;
	margin:10px;
	padding:35px 5px 5px 5px;
	}
}

@media only screen and (max-width: 748px){
	.uta-block,  {
	margin: 20px auto 0 auto;
	}
	.uta-block2 {
	max-width:310px;
	margin-left:16%;
	}
	img.uta {
	background: url(images/film.png) no-repeat;
	width: 26%;
	height: auto;
	margin:5px;
	padding:35px 5px 5px 5px;
	}
}





#video-movie {
	position: relative;
	width: 100%;
}
#video-movie:before {
	content:"";
	display: block;
	padding-top: 56.25%;
}
.movie {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

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

video {
	max-width: 100%;
	height: auto;
}






@media screen and (max-width: 480px) {
	.title-info {
		float: left;
		max-width: 230px;
		padding-bottom:0px;
	}
	.site-title img {
	margin-top:10px;
	max-width:250px/*8em*/;
	max-height: /*3em*/;
  	}
	video {
	max-width: 100%;
	height: auto;
	}
	#video-movie img.movie-android {	
	width: 100%;
	height: auto;
	}
}


#casting {
	color:#6e6e6e;
	padding:20px 20px 20px 40px;
}
#casting h4 {
	font-size:22px;
}

#casting a {
	color:#08529c;
}

@media screen and (max-width: 480px) {
#casting {
	color:#6e6e6e;
	padding:10px;
}
#casting h4 {
	font-size:16px;
}
}

@media screen and (max-width: 480px) {
	img.colorbox-2136, img.2136 {
		max-width:100%;
		height: auto;
	}
}


hr.ala {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #fff;
	margin-bottom:35px;
}
hr.ala:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #fff;
}


@media screen and (min-width: 481px) {
	.pc-none {
	display: none;
	}
}

@media screen and (max-width: 480px) {
	.sp-none {
	display: none;
	}
}

#iframe-wrapper {
    position: relative;
    width: 100%;
}
#iframe-wrapper:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}
#iframe-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



img.img-middile {
	margin-top:8%;
}
@media screen and (max-width: 480px) {
	img.img-middile {
	margin:0;
	}
}

@media screen and (max-width: 480px) {
#boxbox {
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
}

.box1 {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;

}
.box2 {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}
}