﻿/*******************************************************************************
  COMMON
********************************************************************************/
html,body{overflow-x:hidden; box-sizing: border-box;}
*{box-sizing: border-box;}
body{position: relative; overflow: hidden;min-height: 100vh; min-height: -webkit-fill-available;}

.container {
	width: 1000px;
	margin: 0 auto;
	font-family:'Noto Sans JP','メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック',sans-serif;
	font-size:16px;
	line-height:1.6;
	font-feature-settings: "palt";
    word-wrap: break-word;
    overflow-wrap: break-word;
	box-sizing: border-box;
	position: relative;
    z-index: 0;
}
#breadcrumb{width: 1000px}
dl,dt,dd,ul,li,ol,li{
	margin:0;
	padding:0;
	text-decoration:none;
}
#container:after, .content:after, .inner:after, dl:after{
    visibility: visible;
    font-size: 1em;
}


img {
	margin:0;
	padding:0;
	vertical-align:bottom;
}
a, a:link{background:none; text-decoration:none;}

th {font-family:'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック',sans-serif;}

input, select {
/*  -webkit-appearance: none;
  appearance: none;*/
  border: 1px solid #000;
  border-radius: 0px;
  font-size: 16px;
  padding: 10px;
}

.container:after, .content:after, .inner:after, dl:after,.clearfix:after{display: none;}
.container a{color: #000;} 
.container a:hover,#container a:active{color: #00CCFF;}
/*pagetop*/
#gotop{display: none;}
#pagetop {
	position: fixed;
	bottom: 1em;
	right: 1em;
	z-index:50;
	width:4em;
	height:4em;
	border-radius:50%;
	overflow:hidden;
	text-align: center;
}
#pagetop a {
	position: relative;
	display:block;
	width:100%;
	height:100%;
	padding:0;
	background-image: none;
	background-color:rgba(119,119,119,0.4);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;	
}
#pagetop a:before{
	content: "\25B2";
	display: block;
	position: absolute;
	color: #FFF;
	font-size: 2em;
    text-indent: 0;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
}
#pagetop a:hover {
	text-decoration: none;
	background-color: #a5a5a5;
}
.fullsize{
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
	position: relative;
}
.disc{
	position: relative;
	padding-left: 1em;
}
.disc:before{
	content: "\30FB";
	display: block;
	position: absolute;
	left: 0;
	top:0;
}
.asterisk{
	position: relative;
	padding-left: 1em;
}
.asterisk:before{
	content: "\203B";
	display: block;
	position: absolute;
	left: 0;
	top:0;
}
.square{
	position: relative;
	padding-left: 1em;
}
.square:before{
	content: "\25A0";
	display: block;
	position: absolute;
    font-size: 0.8em;
	left: 0;
	top:0;
}
/*--1000px以下------------------------------------*/
@media only screen and (max-width: 1000px) {
.container{	width:100%; padding: 0 4%; overflow-x: hidden;}
#breadcrumb{width: 100%}
.fullsize{
	margin-left: -4.4%;
	margin-right: -4.4%;
	padding-left: 4.4%;
	padding-right: 4.4%;
}
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
#breadcrumb{display: none;}

}
/*--460px以下------------------------------------*/
@media screen and (max-width: 460px)  {
.container {
    font-size: 3.6vw;
}
}