html{
	height:100%;
}
body{	
	height:100%;
    margin:0;
	padding:0;
	background:url(../img/washi1_01.jpg) repeat;
	line-height:22px;
}

.pcview{ display:block}
.spview{ display:none}
.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{ padding:5px 15px;}
@media (max-width: 480px) {
.pcview{ display:none}
.spview{ display:block}
.midasititle{ text-align:center; line-height:30px;}
}
i{margin-right:8px;}
a{color:inherit}
a:hover{text-decoration:underline; color:inherit}
hr{ clear:both; margin:20px 0; display:block ;}

html input[disabled] { background:#eee;}
.container { position:relative; overflow:hidden;}
.midasititle{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;margin:0 0 30px 0;}
.midasi{ display:block;margin:20px 0px;padding: .5em .75em;background-color: #DBD9C5;border-left: 6px solid #7E272D; clear:both}
@media (min-width: 768px) {.container {width: 750px;}}
@media (min-width: 992px) {.container {width: 960px;}}
@media (min-width: 1024px) {.container {width: 960px;}}
@media (min-width: 1200px) {.container {width: 960px;}}
@media only screen and (min-width:760px){
    span.anchorlink {
       position: relative;
       top: -120px;
       display: block;
    }
}

.table.border-none th,
.table.border-none td {
  border:none;
  padding:3px !important;
}

section{ margin-left:230px;}
section.top{ margin-top:480px;}
section.sub{ margin-top:480px;}
@media (max-width: 480px) {
section{ margin-left:0px;}
section.top{ margin-top:30px;}
section.sub{ margin-top:0px;}
}
.menupage .table{ width:80%}
.menupage .table tr td{border:none !important; padding:3px !important;}
.menupage .table tr td:first-child{ width:30%;}
.menupage .table tr td:nth-child(2){ width:50%; padding-left:20px !important;}
.menupage .table tr td:last-child{ text-align:right}
.tab-content{
	overflow:hidden;
	margin-bottom:30px;
}
.tab-content img{ margin:5px;}
@media (max-width: 480px) {
.menupage .table{ width:100%}
.menupage .table tr td:nth-child(2){ width:80%; padding-left:0px !important;}
.menupage .table tr td:first-child{ display:none}
}
/**************************************************************************************
/header
/***************************************************************************************/
.sprogo{background:#fff;padding:0px ; text-align:center; overflow:hidden;}
header{ padding:0px;}
#navToggle { display:block; overflow:hidden; padding:8px; background:#fff;}
#navToggleBtn { float:right; color:#000; display:block; cursor:pointer; border:solid 1px #DDD; border-radius:3px; padding:0 10px;}
header ul{display:none;}
header >ul{ margin:0; padding:5px; background:#eee;}
header ul li {margin:0;border-bottom:dotted 1px #ccc;line-height:3; padding:3px 15px;}
header ul li:nth-child(even){ background:#fff;}
header ul li a {display:block; color:#000; cursor:pointer}
header ul li a::after{ content:"»"; float:right}
header ul li:last-child {border-bottom:none}

/**************************************************************************************
/sidebar
/***************************************************************************************/
.sidebar{
	height:100%; min-height:100%; 
	width:220px;
	padding:10px;
	background:url(../img/washi1_01.jpg) repeat;
	/*background:url(../img/unr257-07-01.jpg) top left repeat;*/
	overflow:hidden;
	position:absolute;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	top:0;
	left:0%;
	z-index:999;
}
.sidebar .headtop{ height:35px; background:url(../img/unr257-07-01.jpg) top left repeat; margin:-21px -21px 20px -21px}
.sidebar>.rogo{height:350px; padding-top:30px;}
.sidebar>nav{ margin-top:-70px;}
.sidebar>nav>ul{ list-style:none; margin:0; padding:0;}
.sidebar>nav>ul>li:first-child{ display:none;}
.sidebar>nav>ul>li>a{ display:block;}
.sidebar>nav>ul>li>a::before{ content:"◉";}
.sidebar>nav>ul>li>a:hover{ text-decoration:none;}
.sidebar>nav>ul>li{
	width:60px; margin:3px; background:#7E272D; color:#fff; float:left; padding:28px 18px 0 10px; height:220px; font-size:15px;
	-ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	letter-spacing: 6px;
	background:url(../img/menubg.png) top left no-repeat; background-size:contain;}
.sidebar>nav>ul>li:hover{ opacity:0.9}
.sidebar .wigetarea{ padding-top:30px; clear:both; display:block; overflow:hidden}
	
/***************************************************************************************
/footer
/***************************************************************************************/
#footer{overflow:hidden; background:#7E272D; color:#fff; display:block; height:230px;
/*background:url(../img/vol5-2.jpg) top left repeat; */
background:url(../img/unr257-07-01.jpg) center center repeat;
	/*background-size: cover;*/

padding-bottom:50px;}
#footer ul{ list-style:none; padding:16px 8px;}
#footer .menu{ padding:0; margin:0;}
#footer .menu li::before{ content:"» ";}
#footer h2{ margin:0; padding:0}
#footer .copylight{ text-align:center; padding:10px;}
#footer ul:nth-child(3){ font-size:12px;}

@media (max-width: 480px) {
#footer{height:auto; padding:10px; width:auto}
#footer img{ width:50%}
#footer .menu li{ float:left; padding:2px 8px; border:solid 1px #fff; margin:3px;}
}

/***************************************************************************************
/form
/***************************************************************************************/
.send label{ font-size:14px;}
.wpcf7-form-control { width:100%; border-radius:3px; border:solid 1px #ddd}
.wpcf7-number{ width:60px; text-align:center;}
/***************************************************************************************
/swiper
/***************************************************************************************/
.swiper-container {
	position:absolute;
	top:0px;
	z-index:1;
        width: 100%;
        height: 410px;
        margin: 25px auto;
		padding:10px 0 10px 200px;
		background:url(../img/unr257-07-01.jpg) top left repeat;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        width: 760px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;/* box-shadow */
    }
	.swiper-slide-prev::before,
	.swiper-slide-next::before{
	/* 透過した黒を重ねる */
	background-color:rgba(8,17,1,0.9);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 20px;
	right: 0;
	bottom: 20px;
	left: 0;
	content: ' ';
}
	.swiper-container.subpage2 .swiper-slide-prev::before,
	.swiper-container.subpage2 .swiper-slide-next::before{
	/* 透過した黒を重ねる */
	background-color:#1E0302;
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 20px;
	right: 0;
	bottom: 20px;
	left: 0;
	content: ' ';
	}
	.swiper-container.subpage .swiper-slide-prev::before,
	.swiper-container.subpage .swiper-slide-next::before{
	/* 透過した黒を重ねる */
	background-color: rgba(0,0,0,1);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 20px;
	right: 0;
	bottom: 20px;
	left: 0;
	content: ' ';
	}
	.swiper-container.access .swiper-slide-prev::before,
	.swiper-container.access .swiper-slide-next::before{
	/* 透過した黒を重ねる */
		background:url(../img/slider/4.jpg) top left repeat;
	}
.swiper-container.shorthead {
        height: 250px;
        margin: 20px auto;
		padding:10px 0;
    }
.swiper-container.shorthead .swiper-slide-prev::before,
.swiper-container.shorthead .swiper-slide-next::before{
	top: -9px;
	bottom: -9px;
}

@media (max-width: 480px) {
.swiper-pagination{ display:none}
.swiper-container {
	height:auto;
	position:static;
        margin: 0px auto;
		padding:10px 0px;
    }
    .swiper-slide {
		width:100%;
    }
    .swiper-slide img{
		height:100%;
	}
	.swiper-container.subpage .swiper-slide-prev::before,
	.swiper-container.subpage .swiper-slide-next::before{
	background-color: none;
	}
}