@charset "utf-8";

/* --------------
 reset
-------------- */
input,select,textarea {max-width:95% !important;}
h1,h2,h3,h4 {font-size:100%;}

img {max-width:100% !important; height:auto;vertical-align: bottom;}
iframe {max-width:100% !important; border:0;}

/* --------------
 base
-------------- */
body {
	font-size: 16px;
/*	background: #fff url(../img/back.jpg) center center;
	background-size: 130vw 110vh;
	background-attachment: fixed;*/
}

.ifpc {display: none;}

@media screen and (max-width: 320px) { /*以下の時*/
}
@media screen and (min-width: 321px) { /*以上の時*/
}

@media only screen and (orientation : landscape) { /*横向きの際に適用*/
}


img.alignleft, img.alignright, img.aligncenter{
	float:none !important;
	display:block !important;
	margin:10px auto !important;
}

.fs1vw-sp { font-size: 1vw; }
.fs2vw-sp { font-size: 2vw; }
.fs3vw-sp { font-size: 3vw; }
.fs4vw-sp { font-size: 4vw; }
.fs5vw-sp { font-size: 5vw; }
.fs6vw-sp { font-size: 6vw; }
.fs7vw-sp { font-size: 7vw; }
.fs8vw-sp { font-size: 8vw; }
.fs9vw-sp { font-size: 9vw; }
.fs10vw-sp { font-size: 10vw; }

/* =base
---------------------------------------------------- */
#wrapper{
	width:100%;
	margin:0 auto;
}
#siteHeader, .main, .sidebar {
	width:95%;
	min-width: 320px;
	margin: 0 auto;
}
.main, .sidebar {
	max-width: 550px;
}


@media screen and (max-width: 320px) { /*以下の時*/
}
@media screen and (min-width: 321px) { /*以上の時*/
}
/* =pagination
---------------------------------------------------- */

.pagination li {
	margin: .3em;
}
.pagination li.numpage {
	display: none;
}
.pagination li .page-numbers {
	padding: .4em .7em;
}

/* =header
-------------------------------------------------------------- **/
#header {
}

/* =siteHeader
---------------------------------------------------- */
#siteHeader {
	text-align: center;
}

#logo{
	width: 40%;
	float: left;
	margin-top: 10px;
}
#logo a{
}

#home #logo{
	width: 100%;
	float: none;
	margin: 5px auto;
}

#headComment{
	display: none;
	margin:0;
}
#home #headComment{
	display: block;
	margin:5px 0;
}

#headComment img{
}


#headInfoBox a {
}

#headInfo {
	float: right;
	width: 45%;
	margin-top: 10px;
}


#home #headInfoBox a {
	width: 100%;
	float: none;
	margin: 0;
}
#home #logo{
}
#home #headInfo {
	width: 80%;
	float: none;
	margin: 0 auto;
}


#headInfoBox a {
	margin-left: 1%;
	margin-top: 6%;
}

#headInfo {
	width: 59%;
	margin-bottom: 10px;
}


/* =globalNav
---------------------------------------------------- */
#globalNav {
	text-align:left;
	width: auto;
	margin: 0 -2.5%;
}
#globalNav #maingNav {
	margin: -10px;
	text-align: center;
}
#globalNav #maingNav li {
	display: inline-block;
	background: none;
	border: 0;
}

#globalNav #maingNav li a{
	font-size: 4.7vw;
	padding: .2em 5px;
}

/*#globalNav #maingNav li#nav7 a,*/
#globalNav #maingNav li#nav8 a{
	font-size: 3.5vw;
}

@media only screen and (orientation : landscape) { /* 横向きの際に適用 */

}

/* =contents
------------------------------------------ */
.main{
	margin-top:20px;
}
.main h1{
	font-size:1.3em;
}
.main .contents h2{
	background-position:5px 2px;
}
.contents h2{
	margin-top:30px;
}

.contents>h2:first-child,
.contents article:first-child h2,
.contents .firstCont h2{
	margin-top:0px;
}


.spclm2, .spclm3, .spclm4, .spclm5, .spclm6 {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -10px !important;
}
.spclm2 > * {
	width: calc((100% / 2) - 10px );
}
.spclm3 > * {
	width: calc((100% / 3) - 10px );
}
.spclm4 > * {
	width: calc((100% / 4) - 10px );
}
.spclm5 > * {
	width: calc((100% / 5) - 10px );
}
.spclm6 > * {
	width: calc((100% / 6) - 10px );
}

*::-ms-backdrop, .spclm2 > * {
  width: calc(50% - 10px); /* IE11 */
}
*::-ms-backdrop, .spclm3 > * {
  width: calc(33.33% - 10px); /* IE11 */
}
*::-ms-backdrop, .spclm4 > * {
  width: calc(25% - 10px); /* IE11 */
}
*::-ms-backdrop, .spclm5 > * {
  width: calc(20% - 10px); /* IE11 */
}
*::-ms-backdrop, .spclm6 > * {
  width: calc(16.66% - 10px); /* IE11 */
}
.spclm2 > *, .spclm3 > *, .spclm4 > *, .spclm5 > *, .spclm6 > * {
	margin-left: 10px !important;
}

.spclm2 > * >a, .spclm3 > * >a, .spclm4 > * >a, .spclm5 > * >a, .spclm6 > * >a {
	position: relative;
	display: block;
	height: 100%;
}
.chapter > .fll {
	float: left;
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}
.chapter > .fll:nth-child(2n) {
	margin-left: 1%;
	margin-right: 1%;
}
.chapter > .fll:nth-child(2n+1) {
	clear: none;
}





.arcThum{
	text-align:center;
}
.iconSpe{
}
.iconSpe:after{
	top:-50%;
	right:10px;
}

table th{
	display:block;
}
table td{
	display:block;
	margin-top:-1px;
}

.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/

font-size: 0.9em;
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
.scroll table {
	width:100%;
}
.scroll table th,
.scroll table td{
	display: table-cell;
	white-space: nowrap;
	margin: auto;
	padding: 3px 5px;
}


/* 各シェアボタン */

.sclTw,
.sclFb,
.sclLINE,
.sclGgl {
	display:inline-block;
	vertical-align: bottom;
	width: 48.5%;
}

.sclTw,
.sclFb,
.sclLINE,
.sclGgl {
	display:inline-block;
	vertical-align: bottom;
	width: 30%;
}


.sidebar{
	margin-top:10px;
}

/* single_pager */
.single_pager{
	width:98%;
	margin:0 auto;
}
.single_pager li{
	display: block;
}
.single_pager li.prev{
	text-align:right;
}
.single_pager li.next{
	text-align:left;
	border-bottom: #ccc dotted 1px;
}

.tblStage th,
.tblStage td {
	display: table-cell;
	font-size: 4vw;
	
}

@media screen and (max-width: 567px) { /*以下の時*/
}
@media screen and (min-width: 568px) { /*以上の時*/
	
	.sidebar .bannerList li{
		display:inline-block;
	}
	
}
.sidebar .bannerList {
	margin: 5px !important;
}
.sidebar .bannerList:after {
	content: '';
	clear: both;
	display: block;
}
.sidebar .bannerList.bnr-site li {
	float: left;
	width: 49.5%;
	margin: 5px 0;
}

.sidebar .bannerList.bnr-site li:nth-child(2n) {
	margin-left: 1%;
}
.sidebar .bannerList.bnr-site li:nth-child(2n+1) {
	clear: both;
}


.sidebar #primary .bannerList li,
.sidebar .bannerList.bnr-event li {
	float: none;
	width: 90%;
	margin: 5px auto;
}



/* =pageTop
-------------------------------------------------------------- **/
#pageTop {
	right: 5px;
	bottom: 10px;
}

#pageTop a {
	width: 30px;
	height: 30px;
	background-size: 30px;
}


/* =footer
---------------------------------------------------- */
#siteFooter{
	text-align:left;
	font-size:0.9em;
}
.footwrap{
	padding:10px;
}
#siteFooter a{
}
#siteFooter h1{
	font-size:1.0em;
}


/* =copyright
---------------------------------------------------- */
#copyright{
	text-align:center;
}




/* =home
---------------------------------------------------- */
.newsList li a {
	display: block;
	padding: 3px;
}




.order-box {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-ms-flex-flow: column;
	-webkit-flex-flow: column;
	flex-flow: column;
}
.order1 {
	-webkit-order:1;
	order:1;
}
.order2 {
	-webkit-order:2;
	order:2;
}
.order3 {
	-webkit-order:3;
	order:3;
}
.order4 {
	-webkit-order:4;
	order:4;
}
.order5 {
	-webkit-order:5;
	order:5;
}
.order6 {
	-webkit-order:6;
	order:6;
}
.order7 {
	-webkit-order:7;
	order:7;
}
.order8 {
	-webkit-order:8;
	order:8;
}
.order9 {
	-webkit-order:9;
	order:9;
}
.order10 {
	-webkit-order:10;
	order:10;
}



.goodsItem > dd a.fancybox.image {
	display: block;
	width: 60%;
	margin: auto;
}
.goodsItem > dd a.fancybox.image img {
	margin: 0 !important;
}
/*


.goodsItem > dd a.fancybox.image + br {
	display: none !important;
}*/