body {
  -webkit-text-size-adjust: 100%;
}


a[href^=tel]{
    color: #C30D23;
    text-decoration:none;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}


/* default link
------------------------------------- */

a, a:link, a:visited, a:active, a:hover {
	color: #C30D23;
	text-decoration: none;
}


/* header
------------------------------------- */

#header {
	width: 100%;
	margin: 0 0 12px;
}

#header .box {
	margin: 5px 0 0;
}

#header .box h1,
#header .box .copy {
	color: #777777;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 150%;
	margin: 0 10px 7px;
}

#header .box .logo {
	margin: 0 10px;
}


/* main
------------------------------------- */

#main-image {
	margin: 0;
}

#main-menu {
	background: #432880;
	padding: 8px 0 10px;
	margin: 0 auto 25px;
	text-align: center;
}
#main-menu:hover{
	cursor: pointer;
}

#main-navi {
	background: #EFA99E;
	padding: 5px 0;
	margin: 0 0 1px;
}

#main {
	margin: 0 0 1px;
}

#main .information {
	background: #FFF6E7;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	margin: 0 5px 25px;
	border-radius: 5px;
}
#main .information.member {
	background: #FFFCE0;
}
#main .information.corner {
	margin: -10px 5px 25px;
}

#main .information h2 {
	background: #7D64B7;
	width: 100%;
	height: 45px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 45px;
	margin: 0;
	padding: 0;
	text-indent: 10px;
	border-radius: 5px 5px 0 0;
}
#main .information h2 .icon {
	float: left;
	padding: 10px 8px 0 0;
}
#main .information h2 .open {
	float: right;
	width: 13px;
	padding: 18px 10px 0 0;
}
#main .information h2 span {
	font-size: 12px;
}

#main .information .link {
	position: relative;
	border-bottom: 1px solid #DDDDDD;
}
#main .information .link a,
#main .information .link a:hover,
#main .information .link a:active,
#main .information .link a:link,
#main .information .link a:visited {
	display: block;
	text-decoration: none;
	padding: 10px;
}

#main .information .link table {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	float: left;
	width: 100px;
	height: 100px;
	/* width: 54px;
	height: 54px; */
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

#main .information .link table img {
	/* width: 100%; */
	width: auto;
	max-width: 90px;
	height: 100%;
	max-height: 90px;
	object-fit: contain;
}

#main .information .link .link-body {
	float: left;
	/* width: 77.5%; */
	width: calc(100% - 100px - 4px - 2px - 10px);
}

#main .information .link .link-body .date {
	color: #444444;
	font-size: 11px;
	line-height: 150%;
	margin: 0 0 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#main .information .link .link-body .eventdate {
	color: #7D64B7;
	font-size: 11px;
	font-weight: bold;
	line-height: 150%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 0 5px;
}

#main .information .link .link-body .distance {
	color: #555555;
	font-size: 10px;
	line-height: 150%;
	margin: 0 0 5px;
}

#main .information .link .link-body h3 {
	color: #C30D23;
	font-size: 13px;
	font-weight: bold;
	line-height: 150%;
	margin: 0 0 5px;
	padding: 0;
}
#main .information .link .link-body h3.event {
	margin: 0 0 2px;
}

#main .information .link .link-body p {
	background: #FFFFFF;
	color: #444444;
	font-size: 11px;
	line-height: 165%;
	padding: 5px;
	border: 1px solid #EEEEEE;
	border-radius: 5px;
}

#main .information #content1 .link .link-body p {
	display: none;
}

#main .information .link .link-body span {
	float: left;
	width: 90%;
	display: block;
	color: #990026;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 150%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#main .information .link .arrow {
	position: absolute;
	top: 10px;
	right: 7px;
	width: 35px;
}

#main .information .more {
	text-align: center;
	padding: 15px;
	margin: 0 auto;
}

#main .information .pager {
	margin: 25px auto;
	text-align: center;
}

#main .category {
	margin: 0 0 25px;
}

#main .category li {
	position: relative;
	background: #432880;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 48px;
	border-bottom: 1px solid #FFFFFF;
	padding: 0 0 0 10px;
	background-size: auto 48px;
}
#main .category li a {
	display: block;
	color: #FFFFFF;
}
#main .category li .icon {
	float: left;
	padding: 12px 10px 0 0;
}
#main .category li .sankaku {
	position: absolute;
	top: 18px;
	right: 7px;
	z-index: 2;
}

#main .other {
	/* margin: 0 15px 20px; */
	margin: 0 auto 20px;
	text-align: center;
}

#main .other li {
	margin: 0 0 10px;
}
#main .other li:last-child {
	margin: 0;
}
#main .other li img {
	max-width: 250px;
}

#main .sns {
	/* margin: 0 15px 30px; */
	margin: 0 auto 30px;
	text-align: center;
}

#main .album {
	margin: 10px 0 15px 10px;
}

#main .album-body {
	float: left;
	width: 134px;
	margin: 0 15px 0 0;
}

#main .album a,
#main .album a:hover,
#main .album a:active,
#main .album a:link,
#main .album a:visited {
	display: block;
	text-decoration: none;
}

#main .album table {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	width: 134px;
	height: 134px;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 7px 0;
}

#main .album h3 {
	color: #C30D23;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	margin: 0 auto;
	padding: 0 5px;
	text-align: center;
}

#main .album .arrow {
	position: absolute;
	top: 10px;
	right: 7px;
	width: 35px;
}

#main .album .more {
	text-align: center;
	padding: 15px;
	margin: 0 auto;
}

#main .album .pager {
	margin: 25px auto;
	text-align: center;
}


/* popup
------------------------------------- */

#popupMenu {
	display: none;
	z-index: 100;
	position: absolute;
	top: 91px;
	left: 0;
	width: 100%;
	background: #555555;
	/* padding: 0 0 200px; */
}

#popupMenu .popupMenu_menu {
	background: #432880;
	padding: 8px 0 10px;
	margin: 0 auto;
	text-align: center;
}
#popupMenu .popupMenu_menu:hover {
	cursor: pointer;
}

#popupMenu .popupContents .search {
	background: #4D4C4C;
	border-bottom: 1px solid #FFFFFF;
	padding: 12px 10px;
}

#popupMenu .popupContents .search input[type="text"] {
	width: 200px;
	font-size: 13px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	-webkit-appearance: none;
}

#popupMenu .popupContents .search input[type="submit"] {
	background-color: #AAAAAA;
	border: 1px solid #999999;
	width: 60px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 23px;
	border-radius: 5px;
	-webkit-appearance: none;
	cursor: pointer;
}

#popupMenu .popupContents .menu li {
	position: relative;
	background: #7D64B7;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 48px;
	border-bottom: 1px solid #FFFFFF;
	padding: 0 0 0 10px;
	background-image: url(./images/kunori_sp_navi_bg.png);
	background-repeat: no-repeat;
	background-size: auto 48px;
}
#popupMenu .popupContents .menu li a {
	display: block;
	color: #FFFFFF;
}
#popupMenu .popupContents .menu li:last-child {
	border: 0;
}

#popupMenu .popupContents .menu li .icon {
	float: left;
	padding: 12px 10px 0 0;
}

#popupMenu .popupContents .menu li .sankaku {
	position: absolute;
	top: -16px;
	right: 10px;
	z-index: 2;
}

#popupMenu .popupContents .submenu {
	display: none;
	margin: 0 0 0 -25px;
	border-top: 1px solid #FFFFFF;
}

#popupMenu .popupContents .submenu li {
	color: #FFFFFF;
	background: #F2ADAA;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 48px;
	padding: 0 0 0 33px;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(./images/kunori_sp_sankaku3.png);
	background-repeat: no-repeat;
	background-size: auto 48px;
}
#popupMenu .popupContents .submenu li a {
	display: block;
	color: #FFFFFF;
}
#popupMenu .popupContents .submenu li:last-child {
	border: 0;
}

#popupMenu .popupContents .link {
	border-top: 1px solid #FFFFFF;
}

#popupMenu .popupContents .link li {
	float: left;
	width: 49.5%;
	height: 48px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 48px;
	text-align: center;
	background: #432880;
	border-bottom: 1px solid #FFFFFF;
}
#popupMenu .popupContents .link li:last-child {
	border-left: 1px solid #FFFFFF;
}
#popupMenu .popupContents .link li a {
	display: block;
	color: #FFFFFF;
}


/* footer
------------------------------------- */

#footer {
	margin: 30px 0 0;
	border-top: 1px solid #322F2E;
}

#footer .box {
	position: relative;
	background: #FFFFFF;
	color: #000000;
	font-size: 13px;
	line-height: 175%;
	padding: 20px 10px;
}
#footer .box a {
	color: #000000;
}

#footer .box .organization {
	font-size: 16px;
	font-weight: bold;
	line-height: 165%;
}

#footer .box .pageup {
	position: absolute;
	top: 25px;
	right: 10px;
}

#footer .box2 {
	background: #322F2E;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 175%;
	padding: 20px 10px;
	text-align: center;
}
#footer .box2 a {
	color: #FFFFFF;
}

#footer .box2 .link {
	margin: 0 0 20px;
}

#footer .box2 .copyright {
	font-size: 12px;
	line-height: 165%;
}


/* log
------------------------------------- */

#log {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	margin: -10px 5px 25px;
	border-radius: 5px;
	overflow: hidden;
}

#log h2 {
	background-color: #7D64B7;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	padding: 10px;
	margin: 0 0 13px;
}

#log .box {
	padding: 0 10px 10px;
}

#log .box .log-image {
	margin: 0 auto 20px;
	text-align: center;
}
#log .box .log-image img {
	width: 100%;
}

#log .box .log-body {
	font-size: 13px;
	line-height: 165%;
	margin: 0 0 20px;
}

#log .box .log-body img {
	width: 100% !important;
	height: auto !important;
}

#log .box .log-body table {
	width: 100% !important;
}

#log .box .log-body a {
	text-decoration: underline;
}

#log .box .log-date {
	color: #777777;
	font-size: 10px;
	line-height: 150%;
	text-align: right;
	margin: 0;
}

#log .member {
	background: #EC988C url(../images/okitama_sp_icon8.png) no-repeat;
	background-size: auto 24px;
	background-position: 0 8px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	margin: 15px 5px 0;
}
#log .member a {
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	padding: 10px 10px 10px 22px;
}

#log .pager {
	margin: 25px auto;
	text-align: center;
}


/* profile
------------------------------------- */

#profile {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	margin: -10px 5px 25px;
	border-radius: 5px;
}

#profile h2 {
	background: #FFF6E7;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	margin: 0 5px 25px;
	border-radius: 5px;
}

#profile .box {
	background: #FFFFFF;
	padding: 10px;
}

#profile .box .profile-image {
	margin: 0 auto 20px;
	text-align: center;
}
#profile .box .profile-image img {
	width: 100%;
}

#profile .box .profile-body {
	font-size: 13px;
	line-height: 150%;
	margin: 0 0 20px;
}

#profile .box .profile-body img {
	width: 100% !important;
	height: auto !important;
}

#profile .box .profile-body table {
	width: 100% !important;
}

#profile .box .profile-body a {
	text-decoration: underline;
}


/* yamanobe,
	speciality,
	access,
	privacy,
	guide,
	join
------------------------------------- */

#yamanobe,
#speciality,
#onsen,
#privacy {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	margin: -10px 5px 25px;
	border-radius: 5px;
}

#yamanobe h2,
#speciality h2,
#onsen h2,
#privacy h2 {
	background-color: #7D64B7;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	padding: 10px;
	margin: 0 0 13px;
	border-radius: 5px 5px 0 0;
}

#yamanobe .box,
#speciality .box,
#onsen .box,
#privacy .box {
	font-size: 13px;
	line-height: 165%;
	margin: 0 10px 35px;
}

#yamanobe .box h3,
#speciality .box h3 {
	color: #161B61;
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
	border: 1px solid #161B61;
	padding: 10px;
	margin: 0 0 15px;
}

#onsen .box h3 {
	color: #69390E;
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
	border: 1px solid #69390E;
	padding: 10px;
	margin: 0 0 15px;
}

#yamanobe .box .photo,
#onsen .box .photo {
	margin: 0 auto 15px;
	text-align: center;
}

#yamanobe .box p,
#speciality .box p,
#onsen .box p,
#onsen .box .text {
	font-size: 14px;
	line-height: 165%;
	margin: 0 5px 20px;
}

#yamanobe .box .maps {
	margin: -10px auto 15px;
	text-align: center;
}

#yamanobe .box .access {
	margin: 0 5px 15px;
	text-align: center;
}

#speciality .box .box-detail {
	margin: 0 5px 10px 0;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
}

#speciality .box .box-detail-left {
	float: left;
	width: 74px;
	margin: 0 10px 0 5px;
}
#speciality .box .box-detail-left img {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	float: left;
	width: 74px;
	height: 74px;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}

#speciality .box .box-detail-right {
	float: left;
	width: 68.5%;
}

#speciality .box .box-detail-left2 {
	float: left;
	width: 70%;
}

#speciality .box .box-detail-right2 {
	float: right;
	width: 74px;
	margin: 0 10px 0 0;
}
#speciality .box .box-detail-right2 img {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	float: left;
	width: 74px;
	height: 74px;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}

#yamanobe .box h4 {
	color: #563C93;
	font-size: 14px;
	font-weight: bold;
	line-height: 165%;
	margin: 0 0 10px 5px;
}
#speciality .box h4 {
	color: #563C93;
	font-size: 15px;
	font-weight: bold;
	line-height: 165%;
	margin: 0 0 7px 5px;
}
#onsen .box h4  {
	color: #C30D23;
	font-size: 15px;
	font-weight: bold;
	line-height: 165%;
	padding: 0 5px 15px;
	margin: 0 0 15px;
	border-bottom: 1px solid #CCCCCC;
}

#onsen .box h5 {
	color: #7F3900;
	font-size: 15px;
	font-weight: bold;
	line-height: 165%;
	margin: 0 0 10px;
}

#onsen .box h6 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 165%;
	margin: 0 0 5px;
}

#onsen #onsen-contents2,
#onsen #onsen-contents3,
#onsen #onsen-contents4,
#onsen #onsen-contents5 {
	display: none;
}

#onsen .o_navi {
	margin: 0 0 20px;
}

#onsen .o_navi li {
	background: #3F2005;
	float: left;
	width: 32.5%;
	height: 45px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	line-height: 45px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#onsen .o_navi li a {
	display: block;
	color: #FFFFFF;
}
#onsen .o_navi li.on {
	background: #69390E;
}

#onsen .box-detail-text {
	padding: 0 0 30px;
	margin: 0 0 15px;
	border-bottom: 1px solid #CCCCCC;
}

#onsen .box .box-detail-text ul {
	margin: 0 0 30px;
	padding: 5px 0 0;
	border-top: 1px dotted #CCCCCC;
}

#onsen .box .box-detail-text ul li  {
	font-size: 13px;
	line-height: 165%;
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-bottom: 1px dotted #CCCCCC;
}

#onsen .box dl {
	margin: 0 0 5px;
}

#onsen .box dl dt  {
	float: left;
	width: 75px;
	font-size: 13px;
	line-height: 165%;
}
#onsen .box dl dd  {
	float: left;
	width: 73%;
	font-size: 13px;
	line-height: 165%;
}


/* contact
------------------------------------- */

#contact {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	margin: -10px 5px 25px;
	border-radius: 5px;
}

#contact h2 {
	background-color: #7D64B7;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	padding: 10px;
	margin: 0 0 13px;
}

#contact .box {
	font-size: 13px;
	line-height: 165%;
	margin: 0 10px 30px;
}

#contact .contactBox {
	margin: 0 0 40px;
}

#contact .contactFormInner {
	margin: 0 0 15px;
}

#contact .contactFormTitle {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
	margin: 0 0 5px;
}
#contact .contactFormTitle span {
	color: #C30D23;
	font-size: 12px;
	line-height: 150%;
}

#contact .contactFormBody {
	color: #000000;
	font-size: 13px;
	line-height: 150%;
}

#contact .contactFormBorder {
	border: 1px solid #BBBBBB;
	border-radius: 8px;
	font-size: 16px;
	width: 89%;
	height: 40px;
}

#contact .contactFormCheck {
	margin: 0 0 5px;
}

#contact .contactForm input[type="text"],
#contact .contactForm input[type="tel"],
#contact .contactForm input[type="number"],
#contact .contactForm input[type="econtact"] {
	padding: 0 0 0 10px;
	margin: 0 10px 10px 0;
}

#contact .contactForm select {
	font-size: 16px;
	padding: 10px;
	width: 91%;
}

#contact .contactForm option {
	font-size: 16px;
	padding: 10px;
}

#contact .contactForm textarea {
	padding: 10px;
	height: 130px;
}

#contact .contactForm label {
	margin: 0 0 0 5px;
}

#contact .contactForm .btn {
	margin: 0 auto;
	text-align: center;
}

#contact .contactFormSubmitButton {
	border-color: #AF1A20;
	border-radius: 5px;
	font-size: 14px;
	height: 40px;
	text-align: middle;
	width: 91%;
	background-color: #AF1A20;
	color:white;
	margin: 20px 0px 10px 10px;
	-webkit-appearance: none;
}

#contact .contactForm .ssl_text {
	color: #777777;
	font-size: 11px;
	line-height: 150%;
	margin: 20px 0 0;
}


/* db
------------------------------------- */

#dataseek {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 3px #DDDDDD;
	margin: 10px 10px 20px;
	padding: 10px;
}

#dataseek table {
	width: 100%;
}

#dataseek table th {
	width: 100px;
	font-size: 13px;
	line-height: 150%;
	text-align: left;
	padding: 10px 5px 10px 0;
	border-bottom: 1px dotted #BBBBBB;
}

#dataseek table td {
	font-size: 13px;
	line-height: 150%;
	text-align: left;
	padding: 10px 0;
	border-bottom: 1px dotted #BBBBBB;
}

#dataseek select  {
	font-size: 13px;
	line-height: 150%;
	padding: 3px 5px;
	border: 1px solid #DDDDDD;
}
#dataseek select option {
	padding: 5px;
}

#dataseek input[type="text"] {
	width: 180px;
	font-size: 13px;
	padding: 3px;
}

#dataseek .btn {
	margin: 0 auto;
	text-align: center;
}

#spot_category,
#buy_category,
#event_category {
	display: none;
}

.border {
	border-bottom: 1px solid #DDDDDD;
}

#main .detail {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	margin: -10px 5px 25px;
	border-radius: 5px;
}

#main .detail h2 {
	background-color: #7D64B7;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	padding: 10px;
	margin: 0 0 13px;
}

#main .detail .box {
	margin: 10px;
}

#main .detail .box .photo {
	margin: 0 0 20px;
}
#main .detail .box .photo img {
	width: 100%;
}

#main .detail .box .flexslider li table {
	margin: 0 auto;
	text-align: center;
}
#main .detail .box .flexslider img {
	width: auto;
	height: auto;
	max-width: 300px;
	max-height: 250px;
}

#main .detail .box .leadcopy {
	color: #C30D23;
	font-size: 16px;
	font-weight: bold;
	line-height: 165%;
	margin: 0 0 15px;
}

#main .detail .box .bodycopy {
	font-size: 14px;
	line-height: 165%;
	margin: 0 0 15px;
}

#main .detail .box dl {
	margin: 0;
	padding: 10px 0;
	border-top: 1px dotted #CCCCCC;
}

#main .detail .box dl dt {
	color: #7D64B7;
	font-size: 13px;
	font-weight: bold;
	line-height: 150%;
	margin: 0;
}

#main .detail .box dl dd {
	font-size: 13px;
	line-height: 165%;
	margin: 0 0 10px;
	padding: 0 0 10px 13px;
	border-bottom: 1px dotted #CCCCCC;
}

#main .detail .pager {
	margin: 0 auto 25px;
	text-align: center;
}


/* clearfix
------------------------------------- */

.clearfix:after {
  content: ".";  /* ????????????? */
  display: block;  /* ????????????????? */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* Reset
------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

del, ins {
	text-decoration: none;
}

li {
	list-style: none;
}


/* Fonts
------------------------------------- */

body {
}

body {
	font-family: '???????? ProN W3', 'Hiragino Kaku Gothic ProN', Helvetica, Arial, ????, 'sans-serif';
}

table {
	font-size: inherit;
	font: 100%;
}


/* Library
------------------------------------- */

.red { color:#AF1A20; }
.green { color: #008800; }
.blue { color: #1A1A7C; }
.grey { color:#595757; }
.bold { font-weight: bold; }

.floatLeft { float:left; }
.floatRight { float:right; }

.mgb5 { margin-bottom: 5px; }
.mgb10 { margin-bottom: 10px; }

.redButton {
	background-color: #C30D23;
	border: 0;
	box-shadow: 1px 1px 3px #DDDDDD;
	border-radius: 5px;
	width: 80%;
	height: 40px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	margin: 15px auto 10px;
	-webkit-appearance: none;
	cursor: pointer;
}

.blueButton {
	background-color: #7D64B7;
	border: 0;
	box-shadow: 1px 1px 3px #DDDDDD;
	border-radius: 5px;
	width: 80%;
	height: 40px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	margin: 15px auto 10px;
	-webkit-appearance: none;
	cursor: pointer;
}

.grayButton {
	background-color: #AAAAAA;
	border: 1px solid #999999;
	border-radius: 5px;
	width: 80%;
	height: 40px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: middle;
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	cursor: pointer;
	box-shadow: 1px 1px 3px #DDDDDD;
}

.grayButton2 {
	background-color: #999999;
	border: 0;
	box-shadow: 1px 1px 3px #DDDDDD;
	border-radius: 5px;
	width: 150px;
	height: 30px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-align: middle;
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	cursor: pointer;
}

.moreButton {
	background-color: #7D64B7;
	border: 0;
	box-shadow: 1px 1px 3px #DDDDDD;
	border-radius: 10px;
	width: 120px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0;
	-webkit-appearance: none;
	cursor: pointer;
}


/* ????????????
--------------------------------- */
.p-chara {
	/* display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap; */
	width: 100%;
}

.p-chara__image {
	/* width: 58%; */
	width: 100%;
}

.p-chara__profile {
	margin-top: 30px;
	/* width: 40%; */
	width: 100%;
	box-sizing: border-box;
}

.p-chara__profile h3 {
	margin: 0!important;
	padding: 10px 20px!important;
	color: white!important;
	/* font-size: 22px!important; */
	font-size: 16px!important;
	background-color: #55AE6C;
	border: none!important;
	/* text-align: center; */
}

.p-chara__profile ul {
	padding: 10px 20px 30px;
	background-color: #FFF8F0;
}

.p-chara__profile ul li {
	padding: 10px;
	color: #040000;
	/* font-size: 20px; */
	font-size: 16px;
	border-bottom: dotted 1px #040000;
}

.p-use {
	/* padding: 30px 50px; */
	padding: 20px 0;
	width: 100%;
	text-align: justify;
	font-size: 16px;
	box-sizing: border-box;
}

.p-use h4 {
	margin: 0!important;
	padding: 10px 10px;
  width: 100%;
	font-size: 14px!important;
  color: white!important;
	text-align: center;
  background-color: #c65159;
	box-sizing: border-box;
}

.p-use .p-use__container {
	margin-top: 10px;
	/* padding: 0px 20px; */
	line-height: 1.5;
}

.p-use ul {
	padding-left: 20px;
}

.p-use ul li {
	margin-top: 10px;
	list-style: disc;
}

.c-report {
	margin-top: 40px!important;
	border-top-left-radius: 0!important;
	border-top-right-radius: 0!important;
}

.c-report h2 {
	padding: 0 20px!important;
	/* text-align: center; */
	background-color: #6BBEE4!important;
	border: none!important;
	border-radius: 0!important;
	text-indent: 0!important;
	box-sizing: border-box;
}

.c-report h3 {
	border: none!important;
}