/*
Theme Name: QUADRA Template
Theme URI: http://ibsa-nomadstudy.com/
Description: 国産無料No.1テンプレートを目指して作られたテンプレート【QUADRA】。
Version: 0.9.1
Author: iBSA
Author URI: http://ibsa-nomadstudy.com/
*/
@charset "utf-8";

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

 Reset

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

html,body {
	width: 100%;
}

body,
h1,h2,h3,h4,h5,h6,
p,
ul,
ol,
dl,dt,dd,
form,
fieldset {
	margin: 0;
	padding: 0;
}

ul{
	list-style: none;
}

li {
  font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
}

img {
	border: 0;
	vertical-align: top;
}

td img {
	vertical-align: baseline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset {
	border: 0;
}

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

 Font
 reference YUI Library - Fonts - Example: Setting the font size with YUI Fonts

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

body {
	/*font-family:メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;*/
	line-height: 1.5;
	/*font-size: 13px;*/
}

select,
input,
textarea,
button {
	font-size: 99%;
}

.slider-arrow {
	font-size: 200%;
}

.page-title,
.site-title,
.entry-title {
	font-size: 167%;
}

.widget_profile dt span#name,
.archive-title,
#reply-title {
	font-size: 138.5%;/*18px*/
}

.widget-title,
h1,h2,h3,h4,h5,h6 {
	font-size: 116%;/*15px*/
	line-height: 1.2;
	font-weight: normal;
}

.header-widget-title {
	font-size: 116%;/*15px*/
	line-height: 1.5;
	font-weight: normal;
}

p,ul,ol,dt,dd,th,td {
	font-size: 108%;/*14px*/
}

.widget_profile dt,
.widget_profile dd,
.foot-meta,
.entry-meta {
	font-size: 94%;/*12px*/
}

.date:before {
  content: "\f073";
  font-family: FontAwesome;
  padding-right: 2px;
}

.post-author:before {
  content: "\f007";
  font-family: FontAwesome;
  margin-left: 5px;
  padding-right: 2px;
}

.unit-2col .categories-links:after,
.unit-2col .entry-date:after {
	content: "";
	display: block;
}

sup {
	margin: 0;
	padding: 0;
	font-size: 77%;/*10px*/
	line-height: 110%;
	vertical-align: top;
}

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

 Base

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

/*ナビゲーション*/
#page .full-width-nav {
	margin-bottom: 10px;
}

#page .full-width-nav ul {
	float: none;
	font-size: 94%;
}

#page .full-width-nav ul li {
	margin-left: 0;
	border-right: 1px solid #FFF;
}

#page .full-width-nav ul a {
	display: block;
	padding: 10px 20px;
	text-aligh: center;
	text-decoration: none;
}

#page .full-width-nav ul a:hover {
	text-decoration: underline;
}

#page .full-width-nav #site-navigation {
	padding-bottom: 0;
}

.breadcrumbs {
	margin: 0 0 10px 10px;
	font-size: 75%;/*12px*/
}

.scrollFixIt,
#site-navigation-toggle {
	display: none;
}

img {
	max-width: 100%;
}

.site-header {
	position: relative;
}

.header-widget {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
}

.comment-list {
	list-style: none;
}

#site-navigation-toggle .tri,
.menu-toggle,
.screen-reader-text,
.comment-form-comment label {
	display: none;
}


.site-footer,
.pager {
	background-color: #FFF;
	font-family: FontAwesome;
}

#content .article-main,
.site-footer,
.foot-meta,
.pager,
.widget,
.comments-area,
.archive-header {
	background-color: #FFF;
	font-family: FontAwesome;
}

.archive-title {
	padding: 10px;
}

.entry-header div.entry-title-area {
    margin:-14px -14px 10px -14px;
    padding:14px 14px 10px 14px;
}

.site-title {
	display: block;
	min-height: 40px
}

.site-title {
	font-weight: bold;
}

/*
.site-description {
	height: 50px;
}
*/

#headers h3 {
	border: 0;
}

.social-link {
	float: right;
}

.social-link a {
	display: block;
	position: absolute;
	background: url(images/socail-button.gif) 0 0 no-repeat;
	margin-left: 3px;
	margin-bottom: 15px;
	width: 41px;
	height: 41px;
	text-indent: -9999px;
	top: 0;
}

.social-link a.g-plus {
	right: 94px;
}

.social-link a.facebook {
	background-position: -44px 0;
	right: 47px;
}

.social-link a.twitter {
	background-position: -88px 0;
	right: 0;
}

#site-navigation {
	padding-bottom: 10px;
	text-align: right;
}

#navbar {
	margin-top: 8px;
	margin-bottom: 8px;
}

.nav-menu ul {
	margin: 0 0 0 0;
	float: right;
}

.nav-menu li {
	float: left;
	margin-left: 20px;
}

#main {
	margin-bottom: 30px;
}

#wrap {
	float: left;
	width: 76.3%;
}

#content {
	float: right;
	width: 69%;
}

#primary,
#secondary {
	position: relative;
}


#primary {
	width: 29%;
	float: left;
}

#secondary {
	width: 22%;
	float: right;
}


.hentry,#primary .widget,#secondary .widget {
	border: 1px solid #ccc;
}


#content .post {
	margin-bottom: 15px;
	word-wrap: break-word;
}

#page .single .post {
	margin-bottom: 3px;
} 

/*entry*/
.entry-title {
	margin-bottom: 3px;
}

.entry-title a {
	text-decoration: none;
}

.entry-meta {
	margin-bottom: 8px;
}

.entry-thumbnail {
	float: left;
	width: 230px;
}

.entry-thumbnail img {
	width: 230px;
}

.lead,
.article-thumbnail,
.entry-content p {
	margin-bottom: 1em;
}

.has-thumbnail .entry-str {
	padding-left: 240px;
}

.entry-str a:hover {
	position: relative;
	top: 0;
	right: 3px;
}

.more-link {
	float: right;
	display: block;
	margin: 5px 0; 
	padding: 6px 6px;
	text-decoration: none; 
	line-height: 1.1;
}

.article-main {
	margin-bottom: 3px;
	padding: 14px;
}

.foot-meta {
	padding: 8px 5px;
	text-align: center;
	font-family: FontAwesome;
}

.foot-meta .categories-links:before {
  content: "\f07b";
  margin-right: 2px;
}

.foot-meta .tags-links:before {
  content: "\f02b";
  margin: 0 2px 0 0.5em;
}

.foot-meta .comments-link:before {
  content: "\f075";
  margin-right: 2px;
}

.article-buz {
	margin-top: 12px;
	margin-bottom:  10px;
}

.article-buz > div,
.article-buz .twitter,
.article-buz .facebook,
.article-buz .google,
.article-buz .pinterest {
	display: inline-block;
}

.fb-comments,
.fb-comments iframe,
.fb-comments span {
	width:100% !important;
}

.fb-comments {
	max-width: 500px;
}

.article-buz .facebook iframe {
	height: 20px !important;
}

.pager {
	margin-bottom: 3px;
	padding: 10px;
	text-align: center;
}

.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 11px;
	line-height: 13px;
}
 
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #fff !important;
	background: #555;
}
 
.pagination a:hover{
	color: #fff;
	background: #999;
}
 
.pagination .current{
	padding: 6px 9px 5px 9px;
	background: #000;
	color: #fff;
}

.comments-area {
	margin-bottom: 3px;
	padding: 15px;
}

#reply-title {
	margin-top: 15px;
	margin-bottom: 5px;
}

.comment-author {
	margin-bottom: 5px;
}

.comment-form-comment textarea {
	width: 99%;
}

.form-submit {
	margin-top: 10px;
	text-align: right;
}

.form-submit input {
	padding: 4px 12px;
	border: 0;
	font-weight: bold;
}

.page-title,
.comments-title,
.archive-title {
	margin-bottom: 10px;
	font-weight: bold;
}

.comment-metadata {
	margin: 5px 0;
}

.comment-content {
	margin-bottom: 10px;
}

/*widget*/
.widget {
	margin-bottom: 10px;
	padding: 10px; 
}

.widget div.widget_title_area {
    margin: -10px -10px 0px -10px;
    padding: 10px 10px 0 10px;
}

.widget-title {
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.widget-title span.ico {
	display: none;
}

.widget ul {
	text-indent: 0;
	margin-left: 5px;
	position: relative;
}

.widget li {
	margin-bottom: 0.2em;
}

.widget li:before {
  content: "\f04b";
  font-size: 0.7em;
  padding-right: 5px;
}

.widget table {
	width: 100%;
}

.widget_calendar td {
	text-align: center;
}

.widget_search {
    	padding: 0;
	border: 2px solid #c0c0c0;
}

.widget_search .widget_title_area {
    margin: 0 !important;
}

.widget_search #s {
	display: block;
	background: url(images/icon-search.png) 4px 50% no-repeat;
	width: 84%;
	padding: 5px 5px 5px 28px;
	border: 0;
}

.widget_search #searchsubmit {
	display: none;
}

#headers .widget_search {
	padding: 5px 0 0 2px;
	border: 2px solid #c0c0c0;
	height: 32px;
}

#headers .widget_search #s {
	width: 81%;
}

.site-footer .widget_search #s {
	width: 82%;
}

.val:before {
  margin-right: 5px;
}

.widget_categories .val:before {
  content: "\f07b";
}

.widget_archive .val:before {
  content: "\f133";
}

.widget_meta .val:before {
  content: "\f090";
}

.widget_search .val:before {
  content: "\f002";
}

.widget_tag_cloud .val:before {
  content: "\f02c";
}

.widget_profile .val:before {
  content: "\f007";
}

.widget_links .val:before {
  content: "\f0c1";
}

.widget_pages .val:before {
  content: "\f15c";
}

.widget_recent_comments .val:before {
  content: "\f086";
}

.widget_recent_entries .val:before {
  content: "\f044";
}

.widget_text .val:before {
  content: "\f0c6";
}


.widget_profile .photo {
	float: left;
}

.widget_profile dt {
	margin-bottom: 6px;
}

.widget_profile dt span#name {
	margin-bottom: 3px;
}

.widget_profile dt span {
	display: block;
}

.widget_profile dl div {
	padding-left: 60px;
}

#fb-root {
	display: inline-block;
}

#commentform p {
	margin-bottom: 10px;
}

#commentform p label {
	display: block;
}

.unit-2col .box {
	float: left;
	width: 49%;
}

.unit-2col .last {
	float: right;
}

.site-footer {
	overflow: hidden;
	padding-top: 15px;
}

.site-footer .widget {
	float: left;
	margin: 0 1%;
	display: block;
	width: 20%;
}

.site-footer .site-info {
	padding: 10px 10px 10px 10px;
	text-align: center;
	position: relative;
}

.site-footer .site-info,
.site-footer .site-info a {
	text-decoration: none;
}

.site-footer .topback {
	position: absolute;
	top: 0;
	right: 15px;
        background: #fff;
	color: #000;
	padding: 1em;
}

.site-footer a.topbacklink:before {
	  content: "\f077";
}

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

 Clear

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

#main,
.nav-menu,
.inner,
.unit,
.unit-2col,
.site-header,
.social-link,
.entry-content,
.comment-author {
 zoom: 1;
}

.entry-content p:after,
#main:after,
.nav-menu:after,
.inner:after,
.unit:after,
.unit-2col:after,
.site-header:after,
.social-link:after,
.entry-content:after,
.comment-author:after {
 content: '';
 display: block;
 clear: both;
 overflow: hidden;
}

/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/

.box {
	width: 100%; 
	height: 100%;
}

.unit-slider {
	position: relative;
	margin-bottom: 10px;
}

.slider {
	width: 100%;
	overflow: hidden;
}
	
	.slides {
		height: 100%;
		/* Simple clear fix */
		overflow: hidden;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide {
			height: 100%;
			float: left;
			clear: none;
		}

		.slider-arrow {
			position: absolute;
			display: block;
			margin-bottom: -20px;
			width: 34px;
			height: 34px;
			text-decoration: none;
			text-align: center;
			line-height: 0;
			text-indent: -9999px;
			background-image: url(images/arrow.png);
			background-repeat: no-repeat;
		}

			.slider-arrow--right {
				bottom: 50%; right: -18px;
				background-position: -32px 11px;
			}

			.slider-arrow--left {
				bottom: 50%; left: -20px;
				background-position: 10px 11px;
			}

	.slider-nav {
		position: absolute;
		bottom: 20px;
	}

		.slider-nav__item {
			width: 19px;
			height: 7px;
			float: left;
			clear: none;
			display: block;
			background: #fff;
			border: 1px solid #000;
		}


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

 Two-col-left Two-col-right

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

.col-none #colophon,
.two-col-left #colophon,
.two-col-right #colophon {
	background: none;
	margin-top: 15px;
	padding-top: 0;
}

.col-none #colophon .inner,
.col-none #secondary,
.two-col-left #colophon .inner,
.two-col-left #secondary,
.two-col-right #colophon .inner,
.two-col-right #secondary {
	display: none;
}

.col-none #wrap,
.two-col-left #wrap,
.two-col-right #wrap {
	width: 100%;
}

.col-none #wrap #primary {
    display: none;
}

.col-none #wrap #content {
	width: 100%;
}

.two-col-left #wrap #primary,
.two-col-right #wrap #primary {
	width: 24%;
}

.two-col-left #wrap #content,
.two-col-right #wrap #content {
	width: 75%;
}

.two-col-right #wrap #primary {
	float: right;
}

.two-col-right #wrap #content {
	float: left;
}

.two-col-left #wrap #primary {
	float: left;
}

.two-col-left #wrap #content {
	float: right;
}


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

 Three-col-right

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

.three-col-right #wrap {
	float: right;
}

.three-col-right #secondary {
	float: left;
}

.three-col-right #content {
	width: 68.5%;
}

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

 Three-col-left

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

.three-col-left #wrap {
	float: left;
}

.three-col-left #primary {
	float: right;
}

.three-col-left #content {
	float: left;
	width: 68.5%;
}


.demoSpan1 li:before{content:''; height:0; width:0; display:block; border:10px transparent solid; border-right-width:0; border-left-color:#333; position:absolute; top:0; left:0;}

/*メイリオ;12:10*/
body{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}