body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 85%;
	line-height: 150%;
	background-image: none;
	width: 100%;
	text-align: center;
	background-color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6, p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.green {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #006200;
	margin-top: 5px;
}
.contentsFlow img {
	margin-bottom: 5px;
}

h3 {
	font-size: 165%;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #808080;
	clear: both;
	margin-bottom: 10px;
	background-image: none;
	margin-top: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0080FF;
	line-height: 130%;
}
h4 {
	background-image: url(../image/c.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
}

#header {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	display: block;
	margin: 0px;
}
#headerwrapper {
	width: 100%;
	padding-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	z-index: 1500;
	display: block;
}
#buttonWrapper {
	width: 100%;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-image: none;
	padding: 0px;
	position: -webkit-static;
	z-index: 500;
	border-bottom-width: 0px;
	display: none;
}

#buttoncover {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: none;
}
#button {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
}

#button ul {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#button li {
	margin: 0px;
	padding: 0px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#button li a {
	margin: 0px;
	padding: 0px;
	float: left;
}
#clearPhone {
	margin: 0px;
	padding: 0px;
	clear: both;
}
a:link {
	color: #000080;
	text-decoration: underline;
}
a:visited {
	color: #000080;
	text-decoration: underline;
	padding: 0px;
}
a:hover {
	color: #00699B;
	text-decoration: underline;
}
a:active {
	color: #00699B;
	text-decoration: underline;
}

#wrapper {
	width: 99%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	text-align: left;
}
#middle {
	width: 100%;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 7px;
	margin-bottom: 0px;
	padding: 0px;
}
#footer a:link {
	color: #400000;
	text-decoration: none;
	padding: 5px;
	font-weight: bold;
}

#footer a:visited {
	color: #400000;
	padding: 5px;
	font-weight: bold;
}
#footer a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #400000;
	padding: 5px;
	font-weight: bold;
}
#footer a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #400000;
	padding: 5px;
	font-weight: bold;
}
#footer li {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	list-style-type: disc;
	margin-bottom: 20px;
	padding: 0px;
}
#footer ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#footer p {
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: block;
}

#footerWrapper {
	clear: both;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: #5AB500;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	color: #400000;
}
#footer {
	height: auto;
	width: 100%;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	color: #400000;
	text-align: left;
	clear: both;
	float: left;
	background-color: #0080FF;
	background-image: none;
	font-weight: bold;
}
.clear {
	clear: both;
}
#photoWrapper {
	width: 100%;
	clear: both;
	height: auto;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	display: none;
}
#photoWrapper img {
	width: 100%;
	clear: both;
	height: auto;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	display: block;
}
#photoWrapper3 {
	width: 100%;
	clear: both;
	height: auto;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	display: block;
}
#photoWrapper3 img {
	width: 100%;
	clear: both;
	height: auto;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	display: block;
}





#photo {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#photo00 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/h200.gif);
}
#photo00 img {
	height: auto;
	width: 100%;
	display: block;
}

#photo01 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/h201.gif);
}
#photo01 img {
	height: auto;
	width: 100%;
	display: block;
}
#photo02 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/h202.gif);
}
#photo02 img {
	height: auto;
	width: 100%;
	display: block;
}
#photo03 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/h203.gif);
}
#photo03 img {
	height: auto;
	width: 100%;
	display: block;
}
#photo04 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/h204.gif);
}
#photo04 img {
	height: auto;
	width: 100%;
	display: block;
}
#photo05 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/h205.gif);
}
#photo05 img {
	height: auto;
	width: 100%;
	display: block;
}

#photo06 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/h206.gif);
}
#photo06 img {
	height: auto;
	width: 100%;
	display: block;
}
#photo07 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/h207.gif);
}
#photo07 img {
	height: auto;
	width: 100%;
	display: block;
}
#photo08 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/h208.gif);
}
#photo08 img {
	height: auto;
	width: 100%;
	display: block;
}
#photo09 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/h209.gif);
}
#photo09 img {
	height: auto;
	width: 100%;
	display: block;
}
#photo10 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/h210.gif);
}
#photo10 img {
	height: auto;
	width: 100%;
	display: block;
}
#photoWrapper2 {
	width: 100%;
	clear: both;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}
.PhotoLeftnone {
	margin-bottom: 5px;
	clear: both;
}
.PhotoRightnone {
	margin-bottom: 5px;
	clear: both;
}
.clear10 {
	clear: both;
	height: 5px;
}
.clear20 {
	clear: both;
	height: 5px;
}
h5 {
	font-size: 100%;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 5px;
	clear: both;
	margin-top: 10px;
}

.buttom5 {
	margin-bottom: 5px;
}
#infoRight {
	width: 100%;
	padding-left: 12px;
	overflow: auto;
	width: 100%;
	height: 4em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.link {
	width: 98%;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.link h6 {
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0px;
	padding: 0px;
	background-image: url(../image/linkh6-2.gif);
	background-repeat: no-repeat;
	height: auto;
}
.link p {
	padding-left: 0px;
	line-height: 125%;
}
.photoBox {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
}
.photoBox ul {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
.photoBox li {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	list-style-type: disc;
	padding: 0px;
}
.photoBox2 {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
}
.photoBox2 ul {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
.photoBox2 li {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	list-style-type: disc;
	padding: 0px;
}

img {
	max-width: 100%;
	height: auto;
	clear: both;
	width: 100%;
}
*{
	padding:0;
	margin-top: 2;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}
a{
	color:#666;
	margin: 0px;
	padding: 0px;
}
div#news{
	padding: 0px;
	margin: 0px;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.phoneNone {
	display: none;
}
.companyTbl {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
	border-collapse: collapse;
}
.companyTbl th {
	padding: 3px;
	border: 1px dotted #808080;
	font-weight: normal;
	text-align: left;
	width: 75px;
	background-color: #DEF;
}
.companyTbl td {
	padding: 3px;
	border: 1px dotted #808080;
}
.companyTbl ul {
}
.companyTbl li {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 1.5em;
}
.menuTbl {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
	border-collapse: collapse;
}
.menuTbl th {
	padding: 3px;
	border: 1px dotted #808080;
	font-weight: normal;
	text-align: left;
	width: 60px;
}
.menuTbl td {
	padding: 3px;
	border: 1px dotted #808080;
}
.menuTbl ul {
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: disc;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.menuTbl li {
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
}

.menuTbl2 {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
	border-collapse: collapse;
	font-size: 90%;
}
.menuTbl2 th {
	padding: 3px;
	border: 1px dotted #808080;
	font-weight: normal;
	text-align: left;
	width: 160px;
}
.menuTbl2 td {
	padding: 3px;
	border: 1px dotted #808080;
}
.menuTbl2 ul {
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: disc;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.menuTbl2 li {
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
}



.even {
	background-color: #EBEBEB;
}
#up {
	clear: both;
	width: 50%;
	text-align: right;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
#up img {
	width: 45%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding: 0px;
	margin-bottom: 0px;
	clear: both;
	margin-top: 0px;
	display: block;
}
.kuwashikuha a {
	padding: 7px;
	margin-top: 10px;
	border: 1px solid #008000;
	float: right;
	text-decoration: none;
	margin-bottom: 15px;
}
.kuwashikuha a:hover {
	padding: 7px;
	margin-top: 10px;
	border: 1px solid #008000;
	float: right;
	text-decoration: none;
	background-color: #008000;
	color: #FFF;
	margin-bottom: 15px;
}
.clearspace {
	clear: both;
	text-align: right;
}
#header img {
	display: block;
}
#smTop {
	width: 100%;
	display: block;
}
.kakomi {
	background-color: #0080ff;
	background-repeat: no-repeat;
	border-radius: 11px;
	color: #FFF;
	font-size: 50%;
	padding-top: 6px;
	padding-right: 9px;
	padding-bottom: 6px;
	padding-left: 9px;
	font-weight: bold;
}
.redBig {
	font-size: 150%;
	font-weight: bold;
	color: #F00;
	margin-bottom: 5px;
}
ol.list_parentheses{
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
}

ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
.kakudaimoji {
	font-size: 145%;
	font-weight: bold;
	line-height: 140%;
	color: #000;
}
.photoBox img {
	margin-bottom: 3px;
}
.photoBox2 img {
	margin-bottom: 3px;
}


.box2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-bottom: 20px;
	clear: both;
	height: auto;
}
.box3 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-bottom: 20px;
	clear: both;
	height: auto;
	margin-top: 0px;
}
.box3 img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-bottom: 5px;
	clear: both;
	height: auto;
	margin-top: 0px;
	padding: 0px;
}

.box3 ul {
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	list-style-type: disc;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.box3 li {
	padding: 0px;
	list-style-type: disc;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#page-top {
    position: fixed;
    bottom: 15px;
    right: 20px;
    font-size: 90%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #ff8080;
}
#page-top2 {
    position: fixed;
    bottom: 15px;
    right: 100px;
    font-size: 100%;
}
#page-top2 a {
    background-image: linear-gradient(150deg, rgba(247, 166, 12, 1) 10%, rgba(255, 34, 87, 1) 40%, rgba(154, 39, 238, 1) 68%, rgba(35, 102, 247, 1) 90%);
    text-decoration: none;
    color: #fff;
    width: 110px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top2 a:hover {
    text-decoration: none;
    background: #ff8080;
}
#page-top3 {
	position: fixed;
	bottom: 15px;
	right: 220px;
	font-size: 100%;
	display: block;
}
#page-top3 a {
    background: #f00080;
    text-decoration: none;
    color: #fff;
    width: 110px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top3 a:hover {
    text-decoration: none;
    background: #ff8080;
}



.contentsLine {
	clear: both;
	margin-bottom: 20px;
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	padding: 3px;
}
.contentsMenuphoto img {
	width: 100%;
	height: auto;
}

.contentsLine img {
	width: 100%;
	height: auto;
}
.contentsLine ul {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.contentsLine li {
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
}
.contentsLine h3 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: none;
	font-size: 130%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #000;
	clear: both;
	font-weight: bold;
	margin: 0px;
}

.contents {
	clear: both;
	margin-bottom: 20px;
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	padding: 3px;
}
.contents ul {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contents li {
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 0px;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.contents ol {
	list-style-type: none;
}
.contentsMenu {
	clear: both;
	margin-bottom: 20px;
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	padding: 3px;
}
.contentsMenu ul {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contentsMenu li {
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 0px;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.contentsMenu ol {
	list-style-type: none;
}
.contentsMenu ol li {
	font-size: 130%;
	font-weight: bold;
	color: #400000;
	list-style-type: none;
	padding: 5px;
}
.contentsMenu img {
	width: 100%;
}
.contentsWorks {
	clear: both;
	width: 100%;
	float: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.contentsWorks img {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.contentsAlbum {
	clear: both;
	width: 100%;
	float: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.contentsAlbum img {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.contentsMenuphoto {
	clear: both;
	width: 100%;
	float: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.contentsSns {
	clear: both;
	width: 967px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	display: none;
}

h3 span {
	display: block;
	font-size: 70%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #400000;
}
/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 2px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
    background : #fff;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
	position: fixed;
	z-index : 2;
	top  : 0;
	left : 0;
	color: #000;
	background: #fff;
	text-align: center;
	transform: translateX(100%);
	transition: all 0.6s;
	width: 100%;
	display: block;
}

nav.globalMenuSp ul {
  background: #ccc;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #000;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(0%);
}


/*========================
　smartphone　bottom menu
　========================*/


.mini-text{font-size:11px;}/*文字大きさ*/

ul.bottom-menu {
	position: fixed;
	left:0;
	bottom:0;
	width: 100%;
	height:45px;/*高さ*/
	margin:0;
	padding:0;
	background-color:#f5f5f5;/*背景色*/
	border-top:2px solid #808080;/*バーの上の線*/
	border-bottom:2px solid #808080;/*バーの下の線*/
	z-index:30;
	display: block;
}

ul.bottom-menu li {
    float:left;
    width:25%;
    background-color:#f5f5f5;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:27px;/*アイコンのサイズ*/}

.bottom-menu li a {
    display: block;
    color:#929292;/*アイコン＆文字の色*/
    padding-top:10px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;}

.bottom-menu li a:hover {
    color:#400000;/*マウスオーバー時の色*/}

/* === 展開メニュー === */

ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index:1;}

ul.menu-second-level li a{
    border-top:1px dashed #a9a9a9;/*展開の枠点線*/
        font-size:16px;/*展開メニューの文字サイズ*/
        line-height:32px;/*文字の縦幅*/}

.menu-second-level li a:hover {
    height:100%;
    background: lightgrey;/*マウスオーバーの色*/}

li.menu-width-max ul.menu-second-level {
    position: absolute;
    bottom: 47px;/*高さ*/
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;}

li.menu-width-max:hover ul.menu-second-level {
    bottom: 47px;/*高さ*/
    visibility: visible;
    opacity: 1;}

li.menu-width-max ul.menu-second-level li {
    float: left;
    width: 100%;
    border: none;}
	
/*スマホの時だけ*/
@media(max-width: 767px){ 

/*ボトムメニュー付けたのでフッタを底上げする*/
#footer{margin-bottom:47px;
}


.line-green{color: #00B900}
.fb-blue{color: #4267b2}
.insta{color: #800080}
.tel-red{color: #ff0000}

.questionwrapper {
	padding: 10px;
	float: left;
	width: 95%;
	border: 1px dotted #808080;
	clear: both;
	margin-bottom: 20px;
	margin-left: 0px;
}
.questionLeft {
	float: left;
	height: 30px;
	width: 30px;
}
.questionRight {
	float: right;
	width: 89%;
}
.answerLeft {
	float: left;
	height: 30px;
	width: 30px;
}
.answerRight {
	float: right;
	width: 89%;
}
.qcover {
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
.acover {
	width: 100%;
	float: left;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #808080;
	padding-top: 3px;
}