@charset "UTF-8";

/** ************************************* **

	TABLE CONTENTS
	---------------------------
		01. Globals
		02. タイトル付き枠
		03. 表のレイアウト
		04. bootstrap 機能拡張
		05. 動く矢印
		06. アコーディオンのインデント
		07. 矢印
		08. module 追加
		09. order_btn
	---------------------------

 ** ************************************* **/




/** 01. Globals
 **************************************************************** **/
.content_inner {
	padding: 0 15px;
}
@media screen and (max-width: 767px){
	.content_inner {
		padding: 0 5px;
	}
	h3 {
		font-size: 1.5em;
		color: #005b9f;
		line-height: 1.5em;
		border-bottom: solid 3px #E1E2E1;
	}
}
article {
	overflow-x: hidden;
}
td .daytimedate {
	font-family: 'YakuHanJP',"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-weight: 700;
	font-size:1.3em;
	margin: 5px 0;
}
.faq_comment p.center {
	text-align: center;
}
img.shadow {
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.6);
	margin-top: 10px;
	margin-bottom: 10px;
}
span.rev_ind {					/* spanブロック化 */
	display: block;
	padding: 0 0 0 0.5em;
	text-indent: -0.5em;
}
.ind_01 {					/* spanブロック化 */
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.alert .list_marusuuji > li::before {
	font-family: 'YakuHanJP',"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	content: counter(my-counter);
	counter-increment: my-counter;
	border: 1.1px solid #ea1c0d;
	display: block;
	float: left;
	line-height: 1.3;
	text-align: center;
	font-weight: 800;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	font-size: 13px;
	color: #ea1c0d;
	margin: 6px 3px 0 0;
	position: absolute;
	left: 0;
}

.label.inlineblock {
	display: inline-block;
	white-space: normal;
}


.bg_pink {
    background-color: rgb(255 126 141) !important;
		border-top-left-radius: 15px !important;
		border-top-right-radius: 15px !important;
}



/** 02. タイトル付き枠
 **************************************************************** **/
.box20 {
	margin: 1em 0;
}
.box20 .box-title {
	font-family: 'YakuHanJP' ,'M PLUS 1p', "Open Sans", "Helvetica Neue", Helvetica, "Arial","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	font-size: 1.8rem;
	padding: 5px 10px;
	text-align: center;
	font-weight: 900;
	letter-spacing: 0.05em;
}
.box20 .box-inner {
	padding: 10px 15px 15px 15px;
}
#content .box20 p{
	padding: 5px 0;
	margin: 0px;
	line-height: 1.5;
}
.justify{
	text-align:justify
}
.box20 p.img {
	padding: 5px;
	margin: 0;
}
.box20.backblue{
	background: #ffff;
	border: solid 1px #4e8ac9;
}
.box20.backblue .box-title {
	background: #fff;
	color: #4e8ac9;
}
.box20.backpink{
	background: #ffff;
	border: solid 4px #C74890;
}
.box20.backpink .box-title {
	background: #fff;
	color: #C74890;
}
.box20.backred{
	background: #ffff;
	border: solid 3px #FF0000;
}
.box20.backred .box-title {
	background: #FF0000;
	color: #fff;
}
.box20.backyellow{
	background: #ffff;
	border: solid 1px #F4CB0D;
	color: #393939;
}
.box20.backyellow .box-title {
	background: #fff;
	color: #F4CB0D;
}
@media screen and (max-width: 767px){
	.box20 .box-title {
		font-size: 1.5rem;
		padding: 10px 10px;
		text-align: center;
		font-weight: 900;
		letter-spacing: 0.05em;
	}
}






/** 03. 表のレイアウト
 **************************************************************** **/
/* ---------------backpink--------------- */
#content table.table02 {
	width:100%;
	border-top:#fff solid 1px;
	border-right:#fff solid 1px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
#content table.table02 thead th {
	background:#C74890;
	color:#FFF;
	padding:5px 5px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	font-weight: normal;
}
#content table.table02 thead th:last-child {
	border-right:#C74890 solid 1px;
}
#content table.table02 tbody th {
	background:#C74890;
	color:#fff;
	padding:5px 5px;
	border-bottom:#FFF solid 1px;
	vertical-align:middle;
}
#content table.table02 tbody tr:last-child th {
	border-bottom:#C74890 solid 1px;
}
#content table.table02 tbody td {
	background:#EFEFEF;
	padding:5px;
	border-left:#fff solid 1px;
	border-bottom:#fff solid 1px;
	display: table-cell;
	vertical-align: middle;
}
#content table.table02 tbody td.bottom_b {
	border-bottom:#C74890 solid 2px;
}

/* ---------------backyellow--------------- */
#content table.table03 {
	width:100%;
	border-top:#fff solid 1px;
	border-right:#fff solid 1px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
#content table.table03 thead th {
	background:#F4CB0D;
	color:#393939;
	padding:5px 5px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	font-weight: normal;
}
#content table.table03 thead th:last-child {
	border-right:#F4CB0D solid 1px;
}
#content table.table03 tbody th {
	background:#F4CB0D;
	color:#393939;
	padding:5px 5px;
	border-bottom:#FFF solid 1px;
	vertical-align:middle;
}
#content table.table03 tbody tr:last-child th {
	border-bottom:#F4CB0D solid 1px;
}
#content table.table03 tbody td {
	background:#EFEFEF;
	padding:5px;
	border-left:#fff solid 1px;
	border-bottom:#fff solid 1px;
	display: table-cell;
	vertical-align: middle;
}
#content table.table03 tbody td.bottom_b {
	border-bottom:#F4CB0D solid 2px;
}

/* ---------------backblue--------------- */
#content table.table04 {
	width:100%;
	border-top:#fff solid 1px;
	border-right:#fff solid 1px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
#content table.table04 thead th {
	background:#217dbb;
	color:#fff;
	padding:5px 5px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	font-weight: normal;
}
#content table.table04 thead th:last-child {
	border-right:#217dbb solid 1px;
}
#content table.table04 tbody th {
	background:#217dbb;
	color:#fff;
	padding:5px 5px;
	border-bottom:#FFF solid 1px;
	vertical-align:middle;
}
#content table.table04 tbody tr:last-child th {
	border-bottom:#217dbb solid 1px;
}
#content table.table04 tbody td {
	background:#EFEFEF;
	padding:5px;
	border-left:#fff solid 1px;
	border-bottom:#fff solid 1px;
	display: table-cell;
	vertical-align: middle;
}
#content table.table04 tbody td.bottom_b {
	border-bottom: #217dbb solid 2px;
}






/** 04. bootstrap 機能拡張
 **************************************************************** **/
.row-center{
	letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
	display:inline-block;
	letter-spacing:0;
	vertical-align:top;
	float:none !important;
}
.row-center.va-middle > [class*='col-'] {
	vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
	vertical-align:bottom;
}







/** 05. 動く矢印
 **************************************************************** **/
.arrow_b {
	padding-top: 150px;
	margin-bottom: 0px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
@media (max-width: 768px) {
	.arrow_b {
		padding: 50px 50px 50px 0px;
		margin: -30px 0px 10px 0px;
		-webkit-transform: rotate(-0deg);
		transform: rotate(-0deg);
	}
}
.arrow_b span {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 15px;
	height: 15px;
	margin-left: -12px;
	border-left: 1px solid #217dbb;
	border-bottom: 1px solid #217dbb;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	opacity: 0;
	box-sizing: border-box;
}
.arrow_b span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.arrow_b span:nth-of-type(2) {
	top: 58px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}
.arrow_b span:nth-of-type(3) {
	top: 66px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
@-webkit-keyframes sdb {
	0% {
	opacity: 0;
	}
	50% {
	opacity: 1;
	}
	100% {
	opacity: 0;
	}
}
@keyframes sdb {
	0% {
	opacity: 0;
	}
	50% {
	opacity: 1;
	}
	100% {
	opacity: 0;
	}
}







/** 06. アコーディオンのインデント
 **************************************************************** **/
.faq_list{
	font-size: 17px;
	text-indent: -2.2em;
	padding: 10px 60px 15px 3.2em;
}
.faq_list:before {
	content: "\f1b9";
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
}

.faq_list .badge{
	text-indent: 0;
}
@media only screen and (max-width: 768px) {
	.faq_list{
		font-size: 15px;
		text-indent: -2.7em;
		padding: 10px 40px 10px 3.5em;
	}
	.faq_comment {
		padding: 5px;
	}
}






/** 07. 矢印
 **************************************************************** **/
.down_yajirushi{
	margin: 30px auto -5px;
	position: relative;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #FF0000;
}
.down_yajirushi:after{
	position: absolute;
	content: '';
	top: -40px;
	left: -10px;
	width: 20px;
	height: 20px;
	background: #FF0000;
}





/** 08. module 追加
 **************************************************************** **/
.module {
	margin: 5px 2px 10px;
}
.module_inner {
	padding: 10px 15px;
}
.row.modulu_wrap {
	margin-right: -4px;
	margin-left: -4px;
}
.row.modulu_wrap .col-sm-4,.row.modulu_wrap .col-sm-6 {
	position: relative;
	min-height: 1px;
	padding-right: 4px;
	padding-left: 4px;
}
#content .module p {
	font-family: 'YakuHanJP' ,'M PLUS 1p', "Open Sans", "Helvetica Neue", Helvetica, "Arial","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	margin: 0 0 5px;
	padding-bottom: 5px;
	line-height: 1.5;
}
#content .module .title {
	font-size: 1em;
	font-weight: 700;
	border-bottom: solid 1px #3498db;
	margin: 0 0 10px;
}
@media (max-width: 1200px) {
	.module_inner {
	padding:10px 10px;
	}
}
@media screen and (max-width: 767px){
	.module_inner {
	padding:10px 15px;
	}
}
/* 枠のradius指定 */
.module.r5 {
	border-radius: 5px;
}
.module.r6 {
	border-radius: 6px;
}
.module.r7 {
	border-radius: 7px;
}
.module.r8 {
	border-radius: 8px;
}
.module.r9 {
	border-radius: 9px;
}
.module.r10 {
	border-radius: 10px;
}



/* ----------------------------------------
 * header-nav
 * --------------------------------------- */
.header-nav {
    color: #000;
    background-color: #fff;
    background: rgba(17,34,45,0.00);
}
 
#content .container_nav ul li, #content .container_nav ol li {
	line-height: 1.2;
}
#content .container_nav ul, #content .container_nav ol {
	margin: 0;
	margin-bottom: 0;
}
#content .container_nav ul {
	margin: 0;
	padding-left: 0;
}
.container_nav {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.header-nav .container {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.header-nav ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 5px 0;
	list-style: none;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.header-nav a, .header-nav a:link, .header-nav a:visited {
	text-decoration: none;
	color: #fff;
	background-color: #FF69B4;
}
.header-nav a.back_orange, .header-nav a.back_orange:link, .header-nav a.back_orange:visited {
	text-decoration: none;
	color: #fff;
	background-color: #FFA500;
}
.header-nav a.back_blue, .header-nav a.back_blue:link, .header-nav a.back_blue:visited {
	text-decoration: none;
	color: #fff;
	background-color: #000080;
}
.header-nav a {
	font-size: 1rem;
	position: relative;
	display: block;
	padding: 5px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	text-decoration: none;
	margin: 0 5px;
	font-weight: 600;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;
}
.header-nav a:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
.header-nav a:hover{
	background-color: #FF69B4;
	color: #fff;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.header-nav a.back_orange:hover{
	background-color: #CE8500;
	color: #fff;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
.header-nav a.back_blue:hover{
	background-color: #3131B1;
	color: #fff;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
.header-nav .container {
	padding-right: 12px;
	padding-left: 12px;
}
.header-nav a:after {
	display: block;
	height: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	content: '';
}
.header-nav li {
	padding: 5px 3px;
	text-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
@media screen and (max-width: 979px){
	.header-nav a {
		font-size: 0.9rem;
		text-align: center;
	}
}
@media screen and (max-width: 767px){
	.header-nav li {
		width: 100%;
		-webkit-box-flex: initial;
		-moz-box-flex: initial;
		-ms-flex: initial;
		flex: initial;
	}
	.header-nav a:after {
		position: absolute;
		top: 50%;
		right: 5px;
		width: 10px;
		margin-top: -4px;
	}
}
@media screen and (max-width: 480px){
	.header-nav li {
		width: 100%;
		-webkit-box-flex: initial;
		-moz-box-flex: initial;
		-ms-flex: initial;
		flex: initial;
	}
	.header-nav a {
		font-size: 0.9rem;
		text-align: center;
	}
}



/** 09. order_btn
 **************************************************************** **/



.order_btn {
	position: fixed;
	bottom: 180px;
	right: 0;
	font-size:1.1em;
	z-index:5;
}


.order_btn.bottom2 {
	bottom: 130px;
}

.order_btn.bottom3 {
	bottom: 20px;
}


.order_btn a {
	background: rgba(0,0,128,0.90);
	text-decoration: none;
	color: #fff;
	width: 200px;
	padding: 15px;
	text-align: center;
	display: block;
	-webkit-border-radius: 5px 0 0 5px;
	   -moz-border-radius: 5px 0 0 5px;
	        border-radius: 5px 0 0 5px;
}


.order_btn a:hover {
	text-decoration: none;
	background: #3131B1;
}

.order_btn a.back_pink {
	background-color: rgba(255,105,180,0.90);
}


.order_btn a.back_pink:hover {
	background: rgba(245,50,148,0.90);
}

@media (max-width: 768px) {
	.order_btn {
		position: fixed;
		bottom: 200px;
		right: 0px;
		font-size: 0.8em;
	}
	

	.order_btn.bottom2 {
	bottom: 180px;
	}
	
	.order_btn.bottom3 {
	bottom: 100px;
	}
	.order_btn a {
		background: #000080;
		text-decoration: none;
		border: 0px solid #fff;
		color: #fff;
		width: 100px;
		height: auto;
		padding: 10px;
		text-align: center;
		display: block;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px 0 0 10px;
	}
	.order_btn a:hover {
		text-decoration: none;
		background: #000080;
	}
	.menu-button {
	position: absolute;
	right: 0px;
	top: 0px;
	}
}



.section {
  margin-left: -10px;
  margin-right: -10px;
}