html{overflow-y:scroll; position:relative; color:#333; line-height:1.2em;}



body,

legend,input,select,textarea,pre,code,button,

h1,h2,h3,h4,h5,h6

{

	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;

	font-size:14px;

	word-wrap:break-word;

}

html,

body,

section,aside,nav,header,footer,

p,

dl,ul,ol,dt,dd,li,

h1,h2,h3,h4

{padding:0; margin:0;}



select,input,

textarea{max-width:100%;}

ul{list-style:none;}

label:hover{cursor:pointer;}

button:hover{cursor:pointer; opacity:0.8;}

button[disabled="disabled"]{opacity:0.5; cursor:not-allowed;}



hr{clear:both;}

a, a:hover{

	cursor:pointer;

	text-decoration:none;

}

a:hover, .hover:hover{opacity:0.8;}

a:hover img{background-color:rgba(255,255,255,0.01);}

img{vertical-align:bottom; border:none; max-width:100%;height:auto;}

i, label *{vertical-align:middle;}



/* standard class */

.clearfix {display: inline-block;}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

* html .clearfix {

    height: 1%;

}

.clearfix {

    display: block;

}



h1,

h1 *,

h2,

h2 *,

h3,

h3 *,

h4,

h4 *

{font-size:16px;}

aside h1,

aside h1 *,

aside h2,

aside h2 *,

aside h3,

aside h3 *,

aside h4,

aside h4 *

{font-size:15px;}

form{margin:0;}



.nowrap{white-space:nowrap}

.boxs *{box-sizing:border-box;}

.ib{display:inline-block; *zoom:1; *display: inline; vertical-align:top;}

.table{display:table}

.tr{display:table-row}

.cell{display:table-cell}

.h24, i.h24:before{height:12px !important; line-height:12px !important; padding:0 !important;}

.black{color:#000}

.grey0{color:#333;}

.grey{color:#666;}

.grey2{color:#999;}

.comments-paginate a.page-numbers,

.white, .hover-white:hover, .bg-hover-blue:hover{color:#fff;}

.white2{color:#f2f2f2;}

.error-msg,

.red, .error{color:#DD0000;}

.green{color:#27ae60;}

.blue,

.hover-blue:hover{color:#3366CC;}

.yellow{color:#fab704}

.bg-red{background-color:#e46e5c;}

.comments-paginate a.page-numbers,

.bg-black{background-color:#000;}

.bg-white{background-color:#fff;}

.bg-grey{background-color:#454545;}

.bg-grey * {color:#f2f2f2;}

.bg-grey2, .hover-bg-grey2:hover{background-color:#eee;}

.bg-yellow{background-color:#fab704}

.bg-hover-white:hover{background-color:#fff !important;}

.z-index2{position:relative; z-index:2;}

.z-index3{position:relative; z-index:3;}

.z-index4{position:relative; z-index:4;}

.absolute{position:absolute;}

.hidden{display:none;}

.bordered{border:1px solid #ddd; background:#fff;}

.bordered-top{margin-top:-1px;}

.bordered-bottom{margin-bottom:-1px;}

.bordered-left{margin-left:-1px;}

.bordered-right{margin-right:-1px;}

.border-none{border:none;}

.p0{padding:0 !important;}

.ps0{padding-left:0 !important;padding-right:0 !important;}

.pb0{padding-bottom:0 !important}

.p10{padding:10px;}

.p20{padding:20px;}

.p20notop{padding:0px 20px 20px;}

.p2{padding:2px;}

.ps2{padding-left:2px; padding-right:2px;}

.p4{padding:4px;}

.ps4{padding-left:4px; padding-right:4px;}

.ps10{padding-left:10px; padding-right:10px;}

.ps1em{padding-left:1em; padding-right:1em;}

.ps2em{padding-left:2em; padding-right:2em;}

.pv10{padding-top:10px; padding-bottom:10px;}

.pt10{padding-top:10px;}

.pb10{padding-bottom:10px;}

.pr4{padding-right:4px;}

.pl4{padding-left:4px;}

.pr10{padding-right:10px;}

.pl10{padding-left:10px;}

.border-top{border-top:1px solid #ccc;}

.border-bottom{border-bottom:1px solid #ccc;}

.border-bottom-dotted{border-bottom: 1px dotted #ccc;}

.border-2px{border-width:2px;}

.border-3px{border-width:3px;}

.border-4px{border-width:4px;}

.border-left{border-left:1px solid #ccc;}

.border-left4{border-left:4px solid #ccc;}

.border-right{border-right:1px solid #ccc;}

.border-blue{ border-color:#4da7d8;}

.border-black{border-color:#000;}

.border-white{border-color:#fff;}

input.error,

.error-msg,

textarea.error,

.border-red{ border-color:#EE6557;}

.border-grey{border-color:#666;}

.msauto{margin-left:auto; margin-right:auto;}

.m0{margin:0 !important;}

.m10{margin:10px;}

.ms10{margin-left:10px; margin-right:10px;}

.mb10{margin-bottom:10px;}

.mb20{margin-bottom:20px;}

.m2{margin:2px;}

.mr5{margin-right:5px;}

.mr10{margin-right:10px;}

.mr20{margin-right:20px;}

.ml10{margin-left:10px;}

.mt10{margin-top:10px;}

.mt20{margin-top:20px;}

.bold {font-weight:bold !important;}

.normal {font-weight:normal !important;}

.text-center{text-align:center;}

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

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

.w10{width:10%;}

.w15{width:15%;}

.w20{width:20%;}

.w25{width:25%;}

.w30{width:30%;}

.w33{width:33.3333%;}

.w40{width:40%;}

.w50{width:50%;}

.w60{width:60%;}

.w65{width:65%;}

.w66{width:66%;}

.w67{width:67%;}

.w70{width:70%;}

.w75{width:75%;}

.w80{width:80%;}

.w85{width:85%;}

.w90{width:90%;}

.w95{width:95%;}

.w25px{width:25px;}

.w80px{width:80px}

.w100px{width:100px}

.w120px{width:120px;}

.w150px{width:150px;}

.w200px{width:200px;}

.w100{width:100%;}



.lblue{

	background:#F3FCFF!important;

	color:#222222!important;

}



.f120{font-size:120%;}

.f150{font-size:150%;}

.f90{font-size:90%;}

.f13{font-size:13px;line-height:130%;}

.f12{font-size:12px;line-height:160%;}

.f11{font-size:11px;line-height:130%;}

.f30{font-size:30px;line-height:130%;}

.f20{font-size:20px;line-height:130%;}

.bold{font-weight:bold;}



.col30{float:left;width:30%;height:auto;}

.col40{float:left;width:40%;height:auto;}

.col50{float:left;width:50%;height:auto;}

.col60{float:left;width:60%;height:auto;}

.col70{float:left;width:70%;height:auto;}



.wauto{width:auto;}

.lh14{line-height:14px;}

.lh20{line-height:20px;}

.lh24{line-height:24px;}

.lh28{line-height:28px;}

.lh32{line-height:32px;}

.lh36{line-height:36px;}

.lh40{line-height:40px;}

.lh2{line-height:2;}

.pull-left{float:left;}

.pull-right{float:right;}

.square20{width:20px; height:20px; line-height:22px; vertical-align:middle;}

.square20 i{line-height:20px !important; vertical-align:top;}

.vam{vertical-align:middle;}

.vat{vertical-align:top;}

.vab{vertical-align:bottom;}

.indent1em{margin-left:1em; text-indent:-1em;}

.indent1em i:before{margin-right:-0.4em;}

.radius,

.error-msg,

.comment-respond,

.form-submit input[type="submit"],

form input, form textarea, form select

{

    -webkit-border-radius:4px; /* webkit */

       -moz-border-radius:4px; /* fx */

         -o-border-radius:4px; /* opera */

            border-radius:4px;

}

.radius-top{

    -webkit-border-radius:4px 4px 0 0; /* webkit */

       -moz-border-radius:4px 4px 0 0; /* fx */

         -o-border-radius:4px 4px 0 0; /* opera */

            border-radius:4px 4px 0 0;

}

.radius-bottom{

    -webkit-border-radius:0 0 4px 4px; /* webkit */

       -moz-border-radius:0 0 4px 4px; /* fx */

         -o-border-radius:0 0 4px 4px; /* opera */

            border-radius:0 0 4px 4px;

}

.shadow{

	border:1px solid #ddd;

	box-shadow:1px 1px 2px 1px #f5f5f5,

		1px -1px 2px 1px #f5f5f5,

		-1px -1px 2px 1px #f5f5f5,

		-1px 1px 2px 1px #f5f5f5;

}

.shadow-top{

	box-shadow:0px -1px 2px 1px #ddd;

}

.shadow-bottom{

	box-shadow:0px 1px 2px 1px #ddd;

}

.shadow-inset{

	border:1px solid #ddd;

	box-shadow:1px 1px 2px 1px rgba(100,100,100,0.1) inset,

		1px -1px 2px 1px rgba(100,100,100,0.1) inset,

		-1px -1px 2px 1px rgba(100,100,100,0.1) inset,

		-1px 1px 2px 1px rgba(100,100,100,0.1) inset;

}



.emboss{

	text-shadow:-1px -1px 1px #999,

				1px 1px 1px #bbb;

}



.bubble-bottom{position:relative;}

.bubble-bottom:before{

	content:'';

	position:absolute; width:0; height:0;

	bottom:-6px; left:50%; margin-left:-6px;

	border-top: 6px solid #000;

	border-left:6px solid transparent;

	border-right: 6px solid transparent;

}

.bubble-bottom-mini:before{bottom:-3px;}

.bubble-bottom.bg-blue:before{

	border-top-color:#4da7d8;

}

.bubble-bottom.bg-red:before{

	border-top-color:#e46e5c;

}

.bubble-bottom.bg-grey:before{

	border-top-color:#454545;

}



.bubble-top{position:relative;}

.bubble-top:before{

	content:'';

	position:absolute; width:0; height:0;

	top:-6px; left:50%; margin-left:-6px;

	border-bottom: 6px solid #000;

	border-left:6px solid transparent;

	border-right: 6px solid transparent;

}

.bubble-bottom.bg-blue:before{

	border-bottom-color:#4da7d8;

}

.bubble-bottom.bg-red:before{

	border-bottom-color:#e46e5c;

}

.bubble-bottom.bg-grey:before{

	border-bottom-color:#454545;

}



.bubble-left{position:relative;}

.bubble-left:before{

	content:'';

	position:absolute; width:0; height:0;

	top:50%; margin-top:-6px; left:-6px;

	border-right: 6px solid #ccc;

	border-top:6px solid transparent;

	border-bottom: 6px solid transparent;

}

.bubble-left:after{

	content:'';

	z-index:10;

	position:absolute; width:0; height:0;

	top:50%; margin-top:-6px; left:-5px;

	border-right: 6px solid #fff;

	border-top:6px solid transparent;

	border-bottom: 6px solid transparent;

}

.bubble-left.bg-grey2:before,

.bubble-left.bg-grey2:after{

	border-right-color:#eee;

}

.error-msg{position:relative;}

.error-msg:before{

	content:'';

	position:absolute; width:0; height:0;

	left:50%; margin-left:-6px; top:-6px;

	border-bottom: 6px solid #e46e5c;

	border-left:6px solid transparent;

	border-right: 6px solid transparent;

}

.error-msg:after{

	content:'';

	z-index:10;

	position:absolute; width:0; height:0;

	left:50%; margin-left:-6px; top:-5px;

	border-bottom: 6px solid #fff;

	border-left:6px solid transparent;

	border-right: 6px solid transparent;

}



a.square20:hover

{

	background-color:#16A6B6;

	background-position:right -55px;

	color:#fff;

}



a.full{

	background-color:#fff;

	display:inline-block; *zoom:1; *display: inline;

	width:100%;

	height:100%;

}

a.full:hover,

a.full:hover *

{

	background-color:#4da7d8;

	color:#fff;

}



.normal, .normal12{font-size:13px;}

.smaller, .smaller *{font-size:11px;}

.x-small{font-size:10px;}

.larger, .larger *{font-size:14px;}

.x-large, .x-large *{font-size:16px;}

.xx-large, .xx-large *{font-size:20px;}

.xxx-large{font-size:30px;}



.block{display:block;}



.btn{

	padding:8px 30px;

	cursor:pointer;

}

.btn:hover{

	opacity:0.9;

}



.thumbnail{

	display:inline-block;

	padding:2px;

	border:1px solid #ccc;

	background:#fff;

}

.thumbnail img{

	max-width:100%;

	width:100%;

	max-height:100%;

	height:auto;

	vertical-align:bottom;

}

.noimage{

	background:#f5f5f5;

}



.divides li:after,

.divide:after{content:' | '; color:#ccc;}

.divides-slash li:after{ content:' / '; }

.divides li:last-child:after,

.divides-slash li:last-child:after,

.divide:last-child:after{content:'' !important;}

.divides li:after{color:#ccc;}

.divides-grey li:after, .divide-grey:after{ color:#333; }



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



.stars i:before{

	margin-left:0; margin-right:1px;

}



/* form */

input, textarea, select{

	border:1px solid #ccc;

	padding:2px;

	box-sizing:border-box;

}

input{height:30px;}

select{padding:4px; min-height:30px; line-height:30px;}

input[type^="radio"], input[type^="checkbox"]{

	margin:0;

}

input[type="file"]{

	margin:0; padding:0;

	border:none;

	color:#666;

}

input.error, textarea.error, .error-msg{

	border-width:1px;

	border-style:solid;

}

form label.required{

	box-sizing:border-box;

	padding-right:3em;

	position:relative;

}

form label.required:after{

	content: '必須';

	border:1px solid #ff6600;

	border-radius:4px;

	padding:0 0.2em;

	line-height:15px;

	position:absolute; top:50%; margin-top:-7.5px; right:1em;

	font-size:11px;

	vertical-align:middle;

	color:#ff6600;

}

.error-msg{

	font-size:13px;

	padding:0.2em 0.5em;

	margin: 10px 0 0;

	display:inline-block; *zoom:1; *display:inline;

}





/* header */

header h1 a,

header h2 a{

	color:#333;

	font-size: 32px;

}



/*  breadcrumb */

#breadCrumb{

	border-bottom:1px solid #ccc;

}

body > .wrap > #breadCrumb > .wrap{

	border-left:1px solid #ccc;

	border-right:1px solid #ccc;

}

#breadCrumb li{

	display:inline-block; *zoom:1; *display: inline;

	line-height:40px;

	height:40px;

	vertical-align:bottom;

}

#breadCrumb .c1{display:none;}

#breadCrumb .regist{

	float:right;

	margin-top:-40px;

	line-height:40px;

	width:240px;

	border-left:1px solid #ccc;

	text-align:center;

}



/* footer */

body > .wrap > footer{

	clear:both;

}



/* main */

#primary h1,

#primary h2,

#primary h3,

#primary h4,

#primary-sub h2,

#primary-sub h3,

#primary-sub h4,

#secondary h2,

#secondary h3,

#secondary h4

{

	font-weight:normal;

}

#primary,

#secondary

{

	display:inline-block;

	vertical-align:top;

	padding:20px 0;

}



/* primary */





/* secondary */





/* index.php */



/* content-single * editor対応 */

#content-single{}

#content-single ul{list-style:inside}

#content-single ol{list-style:decimal inside}

#content-single dl{list-style:inside}

#content-single li,

#content-single dt,

#content-single dd{padding-left:2em; text-indent:-1em;}



.js_stars i{color: #aaa;}

.js_stars a.fixed i

{color:#fab704}/* rating stars */



.js_stars a.hovered i

{color:#fab704;}







@media screen and (max-width: 768px){

	.rb768{display:block; width:inherit; float:inherit;}

	.rb	{display:block !important; width:inherit; float:inherit !important;}

	*{font-size:13px}

	.rnormal{font-size:13px;}

	.rsmaller{font-size:11px;}

	.btn.rsmaller{line-height:11px;}

	.rfont14{font-size:14px;}



	.rnone, .res768none{display:none}

	.rbgnone{background:inherit;}

	.rb

	, form label.ib

	, form label.ib + div

	{display:block; width:auto !important; float:inherit !important;}

	.rib{display:inline-block !important; *zoom:1 !important; *display:inline !important;}

	.rcell{display:table-cell !important;}

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

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

	.rtext-left-childs *{text-align:left !important;}

	.rtext-right-childs *{text-align:right !important;}

	.rtext-center{text-align:center;}

	.rps1em{padding-left:1em; padding-right:1em;}

	.rindent2em___{padding-left:2em; padding-right:1em;}

	.rp4{padding:4px;}

	.rp2{padding:2px;}

	.rps4{padding-left:4px; padding-right:4px;}

	.rps6{padding-left:6px; padding-right:6px;}

	.rp10{padding:10px;}

	.rps0{padding-left:0; padding-right:0;}

	.rp0{padding:0px;}

	.rms10{margin-left:10px; margin-right:10px;}

	.rms0{margin-right:0; margin-left:0;}

	.rbordernone{border:none;}

	.rm10{margin:10px;}

	.rms0{margin-left:0; margin-right:0;}

	.rm0{margin:0 !important}

	.rborder-none{border:none;}

	.rborder-bottom{border-bottom:1px solid #ccc;}

	.rw100{width:100% !important; max-width:100% !important;}

	.rw80{width:80%;}

	.rw75{width:75%;}

	.rw66{width:66.66%}

	.rw60{width:60%;}

	.rw50{width:50%;}

	.rw40{width:40%;}

	.rw33{width:33.333%;}

	.rw20{width:20%;}

	.rw60px{width:60px;}

	.rwhite{color:#fff !important;}

	.rpull-right{float:right;}

	.rpull-left{float:left !important;}





.res-youtube{

	position:relative;

	padding-top:56.27%;

}

.res-youtube iframe{

	position:absolute;

	top:0; left:0;

	width:100%;

	height:100%;

}



	/* tableをブロック要素に */

	table.rb,

	table.rb tbody,

	table.rb tr{

		background:none;

		display:block;

	}

	table.rb th,

	table.rb td{

		display:block;

		text-align:left !important;

		width:inherit;

		border:none;

	}

	table.rb {border:none;}



	/* tableをブロック要素に */

	table.rb2,

	table.rb2 tbody,

	table.rb2 tr{

		background:none;

		display:block;

	}

	table.rb2 th,

	table.rb2 td{

		display:block;

		text-align:left !important;

		border:none;

	}

	table.rb2 {border:none;}

}





@media screen and (max-width: 640px){

	.res640none{display:none !important}

}