/* .reservation ------------------------- */
.reservation {
	position: relative;
	margin: 10rem auto;
	width: 80%;
	padding: 4rem 2rem 0;
	border: 2px solid #00a7eb;
	border-radius: 10px;
	background: white;
}
.reservation h5 {
	position: absolute;
	top: -1rem;
	font-size: 1.8rem;
	margin: 0;
	padding: 0 1.5rem;
	background: white;
	color: #00a7eb;
	left: 50%;
	margin-left: -22rem;
}
.reservation h5:before ,
.reservation h5:after {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 2rem;
	top: 0;
}

.reservation h5:before {
	border-left: 1px solid;
	left: 0;
	transform: rotate(-40deg);
}
.reservation h5:after {
	border-right: 1px solid;
	right: 0;
	transform: rotate(40deg);
}
.reservation .link-list {
	width: 60%;
	margin: 0 auto 3rem;
}
.reservation .link-list a {
	display: block;
	width: 50%;
	float: left;
	padding: 0.5rem;
}
.reservation .link-list a img {
	border-radius: 5px;
	padding: 0;
}
/* .reservation ------------------------- */


/* #main-slider ------------------------- */
#main-slider {
	position: relative;
}
#main-slider img {
	width: 100%;
}
#main-slider .logo {
	position: absolute;
	width: 100%;
	bottom: -15%;
	z-index: 66;
}
#main-slider .logo img {
	width: auto;
}
@media screen and (max-width:768px) {
	#main-slider .logo img {
		width: 30%;
	}
	#main-slider .slider-space ul{
		padding: 0;
	}
}
/* #main-slider ------------------------- */


/* #body-copy --------------------------- */
#body-copy {
	padding-top: 15rem;
}
#body-copy h3 {
	padding-bottom: 2%;
	font-size: 28px;
	line-height: 1.6em;
	font-weight: 600;
	color: #00a7eb;
	letter-spacing: 0.075em;
}
#body-copy p {
	line-height: 3rem;
	padding-bottom: 1rem;
}

@media screen and (max-width:768px) {
    #body-copy > div {
        width: 100%;
        display: inline-block;
    }
    #body-copy .body-copy-outline {
        color: #00a7eb;
        line-height: 1.7em;
        font-size: 2rem;
        display: block;
        margin-bottom: 2rem;
    }
    #body-copy p {
        text-align: left;
    }
}

/* #body-copy --------------------------- */


/* #characteristic ---------------------- */
#characteristic {
}
#characteristic ul {
	list-style-type: none;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
#characteristic ul li {
	position: relative;
	float: left;
	padding: 5rem 2rem;
}
#characteristic ul li .sample-image img {
	width: 100%;
}
#characteristic ul li .sample-image span {
	display: block;
	position: absolute;
	width: 5rem;
	height: 5rem;
	background: white;
	vertical-align: middle;
	text-align: center;
	line-height: 4rem;
	font-size: 2.5rem;
	color: #00a7eb;
	border: 3px solid #00a7eb;
	border-radius: 50%;
	top: 2.5rem;
	left: 0.5rem;
}
#characteristic ul li strong.title {
	color: #00a7eb;
	display: block;
	height: 6rem;
	line-height: 6rem;
	margin: 1rem 0;
	font-size: 20px;
	letter-spacing: 0.075em !important;

}
#characteristic ul li div.info {
	color: #00a7eb;
	padding: 1rem 2rem;
	border: 2px dotted #00a7eb;
	border-radius: 50px;
	font-size: 12px;
}
#characteristic ul li p{
	padding: 2rem 0 0;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	font-size: 14px;
}

@media screen and (max-width:768px) {
    #characteristic{
        text-align: center;
        margin-bottom: 10rem;
    }
    #characteristic > div{
        width: 100%;
        display: inline-flex;
    }
    #characteristic .main-title img{
        width: 60%;
    }
    #characteristic ul{
        width: 100%;
    }
    #characteristic ul li {
        text-align: left;
        float: none;
        padding: 0;
        border-bottom: 1px solid #00a7eb;
    }
    #characteristic ul li .title-area{
        display: inline-block;
        position: relative;
        width: 100%;
        background: url(../images/common/arrow-right-blue.png) no-repeat right center;
        background-size: 14px 14px;
    }
    #characteristic ul li .title-area.active{
        background: url(../images/common/arrow-down-blue.png) no-repeat right center;
        background-size: 14px 14px;
    }

    #characteristic ul li strong.title {
        color: #00a7eb;
        display: block;
        margin: 1rem 0;
        margin-left: 5.3rem;
        font-size: 16px;
        line-height: 1.5em;
        text-align: left
    }

    #characteristic ul li .title-area span{
        display: block;
        position: absolute;
        width: 4rem;
        height: 4rem;
        background: white;
        vertical-align: middle;
        text-align: center;
        line-height: 3.5rem;
        font-size: 14px;
        color: #00a7eb;
        border: 3px solid #00a7eb;
        border-radius: 50%;
        top: 1.8rem;
    }

    #characteristic ul li div.detail{
        text-align: center;
    }

    #characteristic ul li div.info {
        border-radius: 25px;        /* CSS3草案 */
        -webkit-border-radius: 25px;    /* Safari,Google Chrome用 */
        -moz-border-radius: 25px;   /* Firefox用 */
        width: 100%;
        display: inline-block;
        margin-top: 2rem;
        font-size: 1.6rem;
        font-weight: 800;
    }
}

/* #characteristic ---------------------- */


/* #point ------------------------------- */
#point .media-list .media {
	padding-top: 5rem;
	padding-bottom: 5rem;
	border-bottom: 1px dashed #00a7eb;
}
#point .media-list .media:last-child {
	border-bottom: 0;
}
#point .media-list .media .media-body {
	width: 60%;
	padding-right: 45px;
}
#point .media-list .media .media-body .media-heading {
	margin-bottom: 2rem;
}
#point .media-list .media .media-body strong {
	display: block;
	color: #00a7eb;
	font-size: 18px;
	line-height: 1.7em;
	margin-bottom: 2rem;
}
#point .media-list .media .media-body p {
	line-height: 1.7em;
	letter-spacing: 0.075em;
        font-size: 14px;
}

#point .media .media-list .media-body p {
	line-height: 2.5rem;
}
#point .media-list .media-right {
	padding-top: 3rem;
	width: 30%;
}

@media screen and (max-width:768px) {
    #point{
        margin-bottom: 10rem;
    }
    #point .main-title{
        margin-bottom: 3rem;
    }
    #point .main-title img{
        width: 60%;
    }
    #point .media-list {
        text-align: center;
    }
    #point .media-list .media {
        width: 100%;
        display: inline-block;
        text-align: left;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: -1px;
        border-bottom: none;
    }
    #point .media-list .media .media-body{
        width: 100%;
        display: inline-block;
		padding-right: 0;
    }
    #point .media-list .media .media-body h5{
        background: url(../images/common/arrow-down-blue.png) no-repeat right center;
        background-size: 12px 12px;
    }
    #point .media-list .media .media-body > div{
        margin-bottom: 2rem;
    }
    #point .media-list .media .media-body .media-heading {
        padding-top: 8%;
        padding-bottom: 8%;
        margin-bottom: 0;
        border-top: 1px solid #00a7eb;
        text-align: left;
    }
    #point .media-list .media .media-body .media-heading > img{
        width: 80%;
    }
    #point .media-list .media .media-body strong {
        margin-top: 2rem;
    }
    .main-title{text-align: center; margin-bottom: 30px;}
}
 .point01{width: 77% !important;}
 .point02{width: 64% !important;}
 .point03{width: 36% !important;}
 .point04{width: 65% !important;}



/* #point ------------------------------- */


/* #trouble ------------------------------- */
#trouble {
}
#trouble .main-title {
	margin-bottom: 8%;
}
#trouble ul {
	width: 70%;
	list-style-type: none;
	padding-left: 0;
	margin: 0 auto;
}
#trouble ul li {
	width: 50%;
	/*height: 3.5rem;*/
	float: left;
	line-height: 3.5rem;
	font-size: 18px;
}
#trouble ul li:before {
	display: inline-block;
	content: "";
	width: 1rem;
	height: 1rem;
	margin-right: 0.5rem;
	border: 1px solid #000;
}
#trouble div .main-image {
	margin: 5rem auto;
	width: 90%;
}
@media screen and (max-width:768px) {
    #trouble .main-title img{
        width: 60%;
    }
    #trouble ul {
        text-align: left;
        width: 100%;
        padding: 3rem 2rem;
        background-color: #f9f9f9;
    }

    #trouble ul li {
        width: 100%;
        line-height: 1.9em;
        font-size: 14px;
    }
    #trouble div .main-image {
	    width: 100%;
    }
}
/* #trouble ------------------------------- */


/* #profile ------------------------------- */
#profile {
}
#profile div.row {
	margin-top: 10rem;
}
#profile div.row h5.name {
	font-size: 28px;
	color: #00a7eb;
	font-weight: bolder;
	margin-bottom: 15px;
}
#profile div.row h5.name small.job {
	font-size: 14px;
	display: block;
	color: black;
	margin-bottom: 10px;
}
#profile div.row h5.name strong {
	display: block;
	float: left;
}
#profile div.row h5.name small.ruby {
	display: block;
	float: left;
	font-size: 14px;
	color: #00a7eb;
	font-weight: normal;
	padding-top: 10px;
	padding-left: 5px;
}
#profile div.row .profile-outline {
	color: #00a7eb;
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}
#profile div.row p {
	font-size: 14px;
	line-height: 1.5em;
}
#profile div.row .profile-photo img + img {
	margin-top: 10rem;
}
#profile div.row .profile-box {
	border: none;
	border-radius: 0;
	background: none;
	margin: 20px auto 0;
	padding: 0;
}
#profile div.row .profile-box h5 {
	border: 1px dashed #00a7eb;
	border-radius: 10px;
	color: #00a7eb;
	background: white;
	width: 50%;
	min-width: 250px;
	padding: 15px 0 10px;
	margin: -60px auto 0;
	font-size: 24px;
}
#profile div.row .profile-box h5 small {
	display: block;
	font-style: italic;
	font-size: 18px;
	font-weight: normal;
	margin-top: 5px;
}
#profile div.row .profile-box table {
	margin-top: 8%;
	color: #444;
	margin-bottom: 10%
}
#profile div.row .profile-box table thead th {
	height:  auto;
	color: white;
	background: #444;
}
#profile div.row .profile-box table th ,
#profile div.row .profile-box table td {
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
}
#profile div.row .profile-box {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
#profile .profile-price .profile-box .caution{
	display: block;
	font-size: 12px;
	font-weight: lighter;
	text-align: left;
	margin-bottom: 10%;
	line-height: 1.4em;
	letter-spacing: 0.075em;
	margin-top: 2%
}
.bigTtl{color: #fff;
    padding: 1rem 2rem;
    border-radius: 50px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.09em;
    margin-bottom: 3%;
        background-color: #e8446c;}
.bigTtl small{color: #fff;
}
.chiryoTtl{text-align: left;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 1%;
	color: #444;
	line-height: 1.4em;
	padding-left: 17%
}
.chiryoTxt{
	text-align: left;
	font-weight: 600;
	font-size: 14px !important;
	margin-bottom: 2%;
	font-weight: lighter;
	line-height: 1.5em !important;
	padding-left: 17%;
}
.mB2{margin-bottom: 2%;}
.mB5{margin-bottom: 5%;}
.mB8{margin-bottom: 8%;}

#profile .profile-menu .profile-box table {
}
#profile .profile-menu .profile-box table thead th {
	font-size: 16px;
}
#profile .profile-menu .profile-box table td {
	padding: 50px 7px 80px;
	line-height: 2;
	font-size: 12px;
	background: white;
	color: #00a7eb;
}
#profile .profile-price .profile-box table tr {
	height: auto;
	padding: 4% 0;
}
#profile .profile-price .profile-box table thead th {
	padding: 4% 0;
	width: 23%;
	font-size: 12px;
	border-right: 2px solid white;
}
#profile .profile-price .profile-box table thead th:last-child {
	border: 0;
}
#profile .profile-price .profile-box table tbody th {
	background: #f9f9f9;
		font-size: 12px;
		padding: 4% 1%;

}
#profile .profile-price .profile-box table tbody td {
	background: white;
	border-left: 2px solid #f7f7f7;
	border-bottom: 2px solid #f7f7f7;
		padding: 4% 2%;
}
@media screen and (max-width:768px) {
    #profile {
        text-align: center;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto 5rem;
    }
    #profile .main-title img{
        margin-bottom: 2rem;
    }
    #profile .main-title img{
        width: 60%;
    }
    #profile .profile-image > img{
		width: 80%;
		margin-bottom: 3rem;
    }

    #profile div.row {
        display: inline-block;
        margin-top: 3rem;
        width: 90%;
    }

    #profile div.row .profile-outline {
        font-size: 2rem;
    }

    #profile div.row .profile-outline small{
        font-size: 12px;
    }
    #profile div.row .profile-menu ,
    #profile div.row .profile-price {
	    margin-top: 3rem;
        width: 100%;
        height: auto;
    }
    #profile div.row .profile-menu img,
    #profile div.row .profile-price img{
        width: 100%;
    }
}
/* #profile ------------------------------- */

/* #voice --------------------------------- */
#voice .media-list {
	height: 300px;
	overflow-y: scroll;
}
#voice .media-list .media {
	margin-top: 5rem;
}
#voice .media-list .media .media-body {
	padding-left: 20px;
}
#voice .media-list .media .media-body .media-heading {
	line-height: 2rem;
	font-size: 26px;
	margin-bottom: 10px;
}
#voice .media-list .media .media-body .media-heading strong {
	display: block;
}
#voice .media-list .media .media-body .media-heading small {
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
}
#voice .media-list .media .media-body p {
	font-size: 16px;
	line-height: 2.5rem;
}
@media screen and (max-width:768px) {
    #voice .main-title{
        margin-bottom: 2rem;
    }
    #voice .main-title img{
        width: 40%;
    }
    #voice > div > ul {
        margin: 0;
        padding: 0;
    }
    #voice .media .media-body {
        margin-bottom: 3rem;
    }
    #voice .media .media-body {
        width: 90%;
        display: inline-block;
        text-align: left;
    }
    #voice .media .media-body p{
	    line-height: 1.9em;
    }

    #voice .media .media-body .media-heading {
        margin-top: 1rem;
        line-height: 4rem;
        font-size: 24px;
        font-weight: bold;
    }
    #voice .media .media-body .media-heading small{
        font-size: 14px;
        margin-bottom: 5%;
    }

    #voice .media .media-body > img {
        margin: 0 auto 3%;
        width: 100%;
    }
}
/* #voice --------------------------------- */


/* #flow ---------------------------------- */
#flow {
	background: #f0faff;
	padding-top: 25px;
}
#flow div strong {
	display: block;
	font-size: 16px;
	margin: 10px auto 15px;
}
#flow div p {
	line-height: 1.7em;
	margin-bottom: 20px;
}
#flow .flow-step {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 35px;
}
#flow .flow-step .media {
	position: relative;
	background: white;
	padding: 35px 0 15px;
	min-height: 10rem;
	margin-top: 0;
	border-top: 1px solid #00a7eb;
}
#flow .flow-step .media:first-child {
	border: 0;
	border-radius: 10px 10px 0 0;
}
#flow .flow-step .media:last-child {
	border-radius: 0 0 10px 10px;
}
#flow .flow-step .media:before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #00a7eb;
}
#flow .flow-step .media:first-child:before {
	border-top: 0;
}
#flow .flow-step .media .media-left {
	width: 15%;
	vertical-align: middle;
	padding-right: 0;
}
#flow .flow-step .media .media-right {
	width: 35%;
	vertical-align: middle;
	padding-right: 5px;
}
#flow .flow-step .media .media-body {
	width: 50%;
	vertical-align: middle;
	margin-left: 10%;
	padding-left: 20px;
}
#flow .flow-step .media .media-body.right-image-null {
	width: 60%;
}
#flow .flow-step .media .media-body.right-image-null + .media-right {
	width: 15%;
}
#flow .flow-step .media .media-body .media-heading {
	font-weight: bolder;
	font-size: 18px;
	line-height: 2rem;
	margin-bottom: 2%;
}
@media screen and (max-width:768px) {
    #flow {
        margin-left: 0;
        padding-bottom: 4rem;
        width: 100%;

    }
    #flow div strong {
        margin: 2rem;
        text-align: center;
        font-size: 18px
    }
    #flow .main-title img{
        width: 60%;
    }
    #flow div p {
        width: 84%;
        text-align: left;
        line-height: 1.7em;
        margin: 0 auto 3rem;
    }

    #flow .flow-detail-area {
        background-color: #FFFFFF;
        width: 90%;
        padding-top: 2rem;
        padding-bottom: 2rem;
        margin: 0 auto;
    }

    #flow .flow-detail {
        padding: 0 6%;
    }

    #flow .flow-detail > li{
        list-style:none;
        text-align: left;
        font-size: 14px;
        line-height: 1.7em;
    }
    #flow .flow-detail > li:nth-child(1){
        font-weight: bold;
        display: table;
        padding-bottom: 0.5rem;
        margin-bottom: 1%;
    }
    #flow .flow-detail > li:nth-child(1) img.flow-icon{
        width: 100%;
        float: left;
        margin-right: 5%;
    }
    #flow .flow-detail > li:nth-child(1) p{
        line-height: 2rem;
        display: table-cell;
        vertical-align: middle;
    }
    #flow .flow-detail > li:last-child{
        margin-bottom: 2rem;
        font-size: 14px;
        line-height: 1.7em;
    }
    #flow .flow-detail > li img{
	width: 100%;
	margin-top: 5%
    }
    .main-image{margin-bottom: 15%
}
}
/* #flow ---------------------------------- */


/* #blog ---------------------------------- */
#blog div p {
	margin: 5rem 0 3rem;
}
#blog .entry-list {
	width: 80%;
	margin: 0 auto 50px;
}
#blog .entry-list .media:nth-child( 2 ) {
	margin-top: 0;
}
#blog .entry-list .media .media-body .media-heading {
	font-weight: bolder;
	line-height: 1;
	font-size: 24px;
}
#blog .entry-list .media .media-body .media-heading small {
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
}
#blog .btn.go-list {
	padding: 15px 0;
	width: 100%;
	font-size: 16px;
}
#blog .blog-list-boxes {
	width: auto;
	max-width: 1000px;
	margin: 0 auto;
}
#blog .blog-list-box {
	width: 48%;
	margin-right: 12px;
	vertical-align:top;
	margin-bottom: 30px;
	text-align: left;
	float: left;
	min-height: 250px;
}
#blog .blog-list-box:nth-child(even) {
	margin-right: 0;
}
#blog .blog-list-box img {
	width: 100%;
}
#blog .blog-list-box .date {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 5px;
}
#blog .blog-list-box .date a{
	color: #337ab7;
}
#blog .blog-list-box .data .categorese {
	text-align: left;
	width: 100%;
	margin-bottom: 5px;
}
#blog .blog-list-box .data .categorese .category {
    display: inline;
    text-align: center;
    line-height: 18px;
    background-color: #00a7eb;
    color: #fff;
    margin-right: 2px;
    padding: .3rem 1rem !important;
    font-size: 12px;
}
#blog .blog-list-box .title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
}
#blog .blog-list-box .thumbnail {
	border: none;
	padding: 0;
    margin-bottom: 10px;
    height: 110px;
    overflow: hidden;
}
#blog .blog-list-box a {
	color: #000;
}
@media screen and (max-width:768px) {
    #blog {
		margin-bottom: 5rem;
	}
    #blog .main-title img{
        width: 60%;
    }
    #blog div p {
        width: 100%;
        display: inline-block;
        text-align: left;
	    margin: 1.5rem 0 1.5rem;
	    font-size: 15px;
	    line-height: 1.9em;
    }
    #blog .entry-list {
        width: 80%;
		margin: 0;
		padding: 0;
		display: inline-block;
    }
    #blog .entry-list .media{
		margin: 0;
		padding: 0;
    }
    #blog .entry-list .media .media-left{
        width: 50%;
    }
    #blog .entry-list .media .media-left img{
        width: 100%;
	}
	#blog .entry-list .media .media-body .media-heading{
		font-size: 1.5rem;
	}
}
/* #blog ---------------------------------- */


/* #other --------------------------------- */
#other .logo {
	margin-top: -2.5rem;
	height: 12rem;
}
#other .logo img {
	width: auto;
	height: 100%;
}
#other .map {
}
#other .map #view-maps {
	width: 630px;
	height: 430px;
}
#other .schedule {
	margin-top: 2rem;
}
#other .schedule table {
	font-size: 1.3rem;
	width: 100%;
}
#other .schedule table thead {
	border-top: 1px solid #00a7eb;
}
#other .schedule table thead th {
	font-weight: normal;
	height: 30px;
	color: #00a7eb;
	font-size: 12px;
	text-align: center;
}
#other .schedule table thead th:first-child {
	width: 100px;
}
#other .schedule table tbody {
	border-top: 1px solid #00a7eb;
	border-bottom: 1px solid #00a7eb;
}
#other .schedule table tbody tr {
	border-bottom: 1px dashed gray;
}
#other .schedule table tbody tr:last-child {
	border-bottom: 0;
}
#other .schedule table tbody tr td {
	font-size: 12px;
	text-align: center;
}
#other .schedule table tbody tr td.icon {
	width: 29px;
	height: 25px;
	padding: 0 2px
}
#other .schedule table tfoot th {
	height: 30px;
	font-weight: normal;
}
#other .tel {
	margin-top: 15px;
	margin-bottom: 2rem;
}
#other .mail img {
	border-radius: 5px;
}
@media screen and (max-width:768px) {
    #other{
        text-align: center;
    }

    #other .main-title img{
        width: 40%;
    }

    #other .map{
        padding: 2rem 0;
        text-align: center;
    }

    #other .map #view-maps{
        width: 100%;
        height: 30rem;
        display: inline-block;
    }

    #other .contacts{
        width: 100%;
        display: inline-block;
        padding: 0;
    }
	body{margin: 0; padding: 0;}
.pc{display: none}
.sp{display: block; background-color: #000;}
.mv{padding-top: 18%; margin-bottom: 10%}
.mvUnder{padding-top: 18%;}
#content_news{width:90%; margin: 0 auto;}
#content_buttom .sponsor_link{
width: 100%;
float: none;
margin-bottom: 10%}
#content_buttom{
width:90%; margin: 0 auto;/*height: 600px;*/
}
ul.bxslider{padding: 0; margin: 0; background: 0;}
iframe{width:100%; height:300px; margin-bottom: 5%;}
#content_skyview .video{
margin: 0 auto;
padding: 0;
width: 100%;
}
#content_skyview .movie_area01
width: 100%;
margin: 40px 0 0 0;
padding: 0 0 40px 0;
background-color:;
}
#content_skyview{
width: 90%;
margin: 0 auto;
text-align: center;
}
.h3_title{
font-size: 26px;
color: #1bb8ce;
margin: .5% 0;
font-family: sans-serif;
}
.h3_subtitle{
font-size: 14px;
color: #333333;
margin: .5% 0;
}
.link_list{width:100%;}
	.link_list li{margin-bottom: 2%}
		.link_list img{width:100%;}
.area_title{margin: 0 auto 10%;}
#content_buttom .fb_tl{width: 90%;
float: none;
height: 100%;
margin: 0 auto;
text-align: center;}
#content_news{
margin: 75px auto 0;
text-align: center;
height: auto;
display: table;}
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
        z-index: 99
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        width: 100%;
        height: 70px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 4%;
        top: 23%;
        color: #333;
        font-size: 26px;
        margin: 0;
        width: 70%;
    }
    .logo img{width: 100%;}
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -556px;
        background: #fff;
        width: 100%;
        text-align: center;
        padding: 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        z-index: 9999999999999;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 16px;
        padding-left: 0;
        margin: 0;
        font-weight: bold;
    }
    #global-nav ul li {
        float: none;
        position: static;
        border-bottom: 1px dotted #ccc;
        color: #1bb8ce;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #333;
        padding: 13px 0;
        text-decoration: none;
    }
    #nav-toggle {
	position: absolute;
	right: 18px;
	top: 22px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
    #nav-toggle span{
	    display: block;
	    position: absolute;
	    height: 2px;
	    width: 90%;
	    background: #00a7eb;
	    right: 0;
	    -webkit-transition: .35s ease-in-out;
	    -moz-transition: .35s ease-in-out;
	    transition: .35s ease-in-out;
	    z-index: 999999;
	}
#nav-toggle span:nth-child(1) {top: 0px;
}
#nav-toggle span:nth-child(2) {top: 11px;
}
#nav-toggle span:nth-child(3) {top: 22px;
}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
        z-index: 99
    }
.senchakuBox{width: 90%; margin: 0 auto; line-height: 1.7em; font-size: 14px;}
	.senchakuBox strong{font-size:  18px; font-weight: bold}
	.senchakuBox span{text-decoration: underline}
.senchakuBox .genteiBox{width: 100%; margin: 25px auto 50px; text-align: center; padding: 3%; background-color: #f5f5f5}
	.senchakuBox .genteiBox h2{color: #e8446c; font-size: 24px; font-weight: bold}
	.senchakuBox .genteiBox p em{font-style: normal; font-weight: bold; font-size: 16px; color: #00a7eb}
	.senchakuBox .genteiBox p strong{color: #e8446c; font-size: 24px; font-weight: bold; text-decoration: underline; line-height: 1.7em;}

}
/* #other --------------------------------- */
.ttlSP{font-size: 20px;text-align: center; font-weight: 600; line-height: 1.4em !important; margin-bottom: 3% !important;}
.iconBg01{background-image: url("../images/sample/icon_01.png"); background-repeat: no-repeat; background-size: 38px 38px;}
.iconBg02{background-image: url("../images/sample/icon_02.png"); background-repeat: no-repeat; background-size: 38px 55px;}
.iconBg03{background-image: url("../images/sample/icon_03.png"); background-repeat: no-repeat; background-size: 38px 50px; height: 50px; margin-bottom: 6%}
.iconBg04{background-image: url("../images/sample/icon_04.png"); background-repeat: no-repeat; background-size: 38px 45px;}
.iconBg05{background-image: url("../images/sample/icon_05.png"); background-repeat: no-repeat; background-size: 38px 43px;}
.iconBg06{background-image: url("../images/sample/icon_06.png"); background-repeat: no-repeat; background-size: 38px 38px;}
.iconBg07{background-image: url("../images/sample/icon_07.png"); background-repeat: no-repeat; background-size: 38px 43px;}
.iconBg08{background-image: url("../images/sample/icon_08.png"); background-repeat: no-repeat; background-size: 38px 28px;}
.iconBg09{background-image: url("../images/sample/icon_09.png"); background-repeat: no-repeat; background-size: 38px 45px;}
.iconBg10{background-image: url("../images/sample/icon_10.png"); background-repeat: no-repeat; background-size: 38px 45px;}
.iconBg11{background-image: url("../images/sample/icon_11.png"); background-repeat: no-repeat; background-size: 38px 45px;}