/*input, button, select, textarea,input[type=”text”], input[type=”submit”]{*/
	/*-webkit-appearance: none;*/
	/*-moz-appearance: none;*/
	/*appearance: none;*/
	/*display: inline-flex;*/
/*}*/
input,input[type=”text”]{padding: .4em;}
body{
	margin:0;
	background-color:#FFFFFF;
	height:auto;
	color:#000000;
}
p{text-align:left;}
.Red{color: #FF0033;}
.width100{box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 98%;
}
/*#header{
	background-image:url(../img/header.gif);
	height:25px;
	margin: 0px auto;
	text-align:center;
	width: 670px;
}
*/
#menu_content{
	margin:10px 20px 10px 20px;
	/*width: 760px;*/
}

#queen_main{
	margin:0 auto;
	text-align:center;
	/*background-image: url(../img/bk_pq_main.gif);*/
	/*background-color:#eb6ea5;*/
}

#queen_main2{
	/*width:800px;*/
	padding:24px 0 0;
	text-align:center;
	/*background-image: url(../img/bk_pq_main.gif);*/
}

#queen_main3{
	clear:both;
	/*width:670px;*/
	margin:30px 0 0;
	padding:4px 0 0;
	text-align:center;
	/*position: relative;*/
/*	background-image: url(../img/bk_pq_main.gif);*/
}

.queen_closeline img{max-width:90%;}
.queen_text p{text-align:left;padding:0 1em;}
#phototitle{
	/*background-color: #1b5aa9;*/
	text-align: center;
	height: 100%;
	line-height:1.8em;
}

.content{
	/*width: 650px;*/
	height: auto;
	margin: 0px 10px;
	position: relative;
	text-align: left;
	/*background-image: url(../img/bk_pq_main.gif);*/
}

#sensyu_content{
	width:740px;
	margin:0px 30px 10px 30px;
}

#chizu_content{
	width:760px;
	margin:0px 20px 10px 20px;
}

.head-border {
	display: flex;
	align-items: center;
}

.head-border:before,
.head-border:after {
	content: "";
	height: 5px;
	flex-grow: 1;
	background-color: #00a29a;
}
.head-border:after{background-color: #00a29a;}

.head-border:before {
	margin-right: 1rem;
}

.head-border:after {
	margin-left: 1rem;
}

#left{
	width:740px;
	margin:0px 0px 0px 0px;
	text-align: left;
}

#left h4{
	background-image:url(../img/title3.gif);
	line-height:37px;
	color:#FFFFFF;
	font-size:130%;
	padding-top: 4px;
	margin: 5px 0px 5px 0px;
}

#left h3{
    font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:120%;
	margin: 5px 0px 5px 0px;
	text-align: left;
}

#left-top{
	/*width: 320px;*/
	margin: 0px 0px 0px 0px;
	float: left;
	padding: 10px 20px 0;
	background-color: #1b5aa9;
}

#left1{
	clear:both;
	width:300px;
	margin:0;
	float: left;
}

#left1 li{font-size:110%;}

#left1 h4, #pq__left-m h4, h4.syusai{
	color: #0b2c4e;
	/*font-size: 130%;*/
	font-weight:bold;
	padding: 4px;
	margin: 10px 0;
	text-align: center;
	/*background-color: #0b2c4e;*/
	/*border-top:4px solid #0b2c4e;*/
	/*border-bottom:4px solid #c60023;*/
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);*/
}


h2{border:none;/*font-size:1.5em;*/background-color:none;margin-bottom:1em;}
#left1 h4.syusai, #pq__left-m h4.syusai{
	color: #FFFFFF;
	font-size: 130%;
	font-weight:bold;
	padding: 10px 4px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #EB6EA5;
	border-radius:10px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
#left-top h5 span, #pq__left-top h5 span {
	clear:both;
/*border-left: 6px solid #EB6EA5;*/
/*background-color:#FFF;*/
color:#EB6EA5;
display: block;
padding: 8px 12px;
font-size:14px;
font-weight:bold;
width:80px;
margin-bottom:10px;
/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);*/
border-right-color: transparent;
background:url(../img/pq_arrow.png) no-repeat;
}

.clip{
  position: relative;
  width: 80px;
  height: 0;
  border: 20px solid #fff;
  border-right-color: transparent;
}
.clip:after{
  position: absolute;
  top: -40px;
  left: -40px;
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background-color:#fff;
  z-index: -1;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.clip span {
margin:0px 0 0 -20px;
border-left: 6px solid #eb6ea5;
}
/*.application_area{display:flex;}*/
.application{background-color:#c60023;padding:10px;color:#FFF;font-weight:bold;width:fit-content;}
.pq_arrow {
 width: 200px;
 position: relative;
}
/* ribbon */
.point-ribbon {
 position: absolute;
 background: #fff;
 color: #eb6ea5;
 font-weight:bold;
 border-left:6px solid #eb6ea5;
}
.point-ribbon:before {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
.point-ribbon:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
/* ribbon-l */
.point-ribbon-l {
 padding: 6px;
}
/*.point-ribbon-l:before {
 left: 0;
 top: 100%;
 border-top:6px solid #C83539;
 border-left:6px solid #eb6ea5;
}*/
.point-ribbon-l:after {
 left: 100%;
 bottom: 0;
 border:1.3em solid #fff;
 border-right:1em solid transparent;
}

/*#left-top h5{
	color: #EB6EA5;
	font-size: 120%;
	padding: 8px;
	margin: 0px;
	width: 80px;
	background-color: #FFF;
	border-radius:4px;
}*/

#left-top h2{
	clear:both;
	color: #FFF100;
	font-size: 18px;
	margin: 15px 10px;
	text-align: left;
}

#left-top h4{
	clear:both;
	color: #FFFFFF;
	font-size: 14px;
	font-weight:bold;
	padding: 4px 10px;
	background-color: #EB6EA5;
	width: 40px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

#left1 h3, #right h3, #pq__left-m h3, .tower h3{
	color: #FFF;
	font-size: 120%;
	font-weight:bold;
	margin: 5px 0 10px 0;
	padding:10px 20px;
	text-align: left;
	background-color:#00a29a;
	width:fit-content;
}

#queen_left_top1, #queen_left_top2, #queen_left_top3{
	float: left;
	transform: rotate(4deg);
	background: #fff;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	padding: 10px;
	width: 40%;
	margin: 30px 10px 30px 0;
}
#queen_left_top2{	-webkit-transform: rotate(355deg);
	-moz-transform: rotate(355deg);}
#queen_left_top3{	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);}

#queen_left_top h2{
	color:#FF0000;
	font-size:160%;
	margin: 0px 0px;
	text-align: left;
	float:left;
}

#queen_left_top h3{
	color:#24276c;
	font-size:120%;
	margin: 5px 0px;
	text-align: left;
}

#queen_left_top h4{
	color:#000000;
	font-size:120%;
	margin: 0px 0px 0 0;
	text-align: left;
}

#queen_left_top h5{
	background-image:url(../img/bar.gif);
	width:250px;
	line-height:37px;
	color:#FFFFFF;
	font-size:130%;
	padding-top: 4px;
	margin: 5px 0px;
}

#right{
	float: right;
	width: 340px;
	margin: 0;
}

#right h2{
	color:#FF0000;
	font-size:160%;
	margin: 5px 0px;
	text-align: left;
	float:left;
}

/*#right h3{
	color:#24276c;
	font-size:120%;
	margin: 5px 0px;
	text-align: left;
}*/

#right h4{
	color:#000000;
	font-size:120%;
	margin: 0px 0px 0 0;
	text-align: left;
}

#right h5{
	background-image:url(../img/red.gif);
	width:240px;
	line-height:37px;
	color:#FFFFFF;
	font-size:130%;
	padding-top: 4px;
	margin: 5px 0px;
}

#right li{
font-size:110%;
}

.queen__footer{
	clear: both;
	color:#000000;
	width:90%;
	/*text-align: center;*/
	font-size: 100%;
	margin: 5px auto 12px auto;
	padding:0 10px;
}

#left-top p{
	clear:both;
	margin:0 0 10px;
	color:#FFF;
	text-align:left;
}

#main3 #left1 ul li, #right ul li , #pq__left-m ul li, .tower ul li{
	/*color:#FFF;*/
}

.button {
	display: inline-block;
	width: 150px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #A9CD05;
	color: #fff;
}
.button:hover {
	background-color: #d6e787;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius:50px;
}

/* お花型 */
.flower {
	top:170px;
	display: block;
	margin: 70px 0 70px 10px;
    border-radius: 45px;
    background: #EB6EA5;
    width: 240px;
    height: 90px;
    position: relative;
    text-align: center;
    color: #fff;
}
.flower:before, .flower:after {
    border-radius: 45px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 90px;
    background: #EB6EA5;
}
.flower:before {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.flower:after {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}
.flower:hover, .flower:hover:before, .flower:hover:after {
	background: #eb93b9;
	box-shadow: 0 0 15px #eb93b9;
}
.flower p {
	display: inline-block;
	position: relative;
	color:#FFF;
	font-weight:bold;
	z-index: 9999;
	font-size: 14px;
	margin-top: 15px;
}

.day_btn {
	width: 60px;
	height: 60px;
	background-color: #999;/* 円の色 */
	background:url(../img/pq_btn.png) no-repeat;
	margin:0px;
	padding:0px;
}
.day_btn span{
	position:absolute;
	color: #eb6ea5;
	font-weight:bold;
	text-align:center;
	padding:20px 17px;
}
.pq_day{
	/*margin-top:-40px;*/
	padding:20px;
	color:#ea5514;
	font-size:24px;
	font-weight:bold;
	/*height:60px;*/
	line-height: 1.2em;
}
.pq_day span{
	font-size:40px;
	font-weight:bold;
}
.pq_oubo{
	background-color:#f4f4f4;
	margin-top:40px;
	padding:10px;
	border-radius:4px;
}
.pq_oubo h3{
	color: #fff;
	margin:-20px 0 10px;
	/*border-radius:6px;*/
}
.pq_oubo h3 span{
	margin-top:20px;
	padding:10px;
	background-color:#00a29a;
		border-radius:50px;
}
.pq_oubo ul{
	margin:0;
	padding:0;
}
.pq_oubo ul li{
	margin-bottom:6px;
	padding:8px;
	border-radius:4px;
	list-style:none;
	font-weight:bold;
	text-align:left;
}

#pq__left-m ul, .tower ul{
	margin:.5em 0 1em;
	padding:0 0 0 25px;
}
#pq__left-m ul li, .tower ul li{
	padding:0 10px 0 0;
	text-align:left;
	line-height:2em;
}
.tower{
	/*background:url(../img/tower2017.png) no-repeat 10px 7px;*/
	position:relative;
	/*height:560px;*/
	margin-top:10px;
}

.pdfimg{padding:10px 0;}
.pq_pdftext ul li a:link, .pq_pdftext ul li a:visited{color:#fff;}
table.outline{
	border-collapse:collapse;
	width:100%;
	clear:both;
	margin:10px 0 0;
	list-style:none;
}

table.outline tr th{
	padding:.5em;
	background:#eef7e4;
	text-align:left;
	font-weight:bold;
	white-space: nowrap;
}

table.outline th, table.outline td{
	border-bottom:1px solid #cdddbb;
	padding:.5em;
}
table.outline td{padding:0;}
form#mailform table tr td textarea {height:140px !important;}
/*form#mailform table.outline tbody tr td input.gakunen, form#mailform table.outline tbody tr td input.pq_year{width:64px !important;}*/
form#mailform table.outline tbody tr td input.zip,form#mailform table.outline tbody tr td input.pq_month,form#mailform table.outline tbody tr td input.pq_dayday,form#mailform table.outline tbody tr td input.pq_old{width:30px !important;display: inline-block;}
/*form#mailform table.outline tbody tr td .pq_table_ymdo{text-align: center;width: 100%;}*/
/*form#mailform table tr td input[type="text"]{width: 90%;padding:.5em; !important;}*/

@media all and (min-width: 100px) and (max-width: 499px) {
#phototitle img.pq_sp_header{
	/*background-color:#34BBD0;*/
	display:block;
	width:100%;
	margin: 0 auto;
	padding:10px 0 0;
}
#phototitle img.pq_pc_header{display:none;}

#right-top, .queen_left_top_area{display:none;}
	#left1 h3, #right h3, #pq__left-m h3, .tower h3{width:auto;}
	#queen_main3{margin-top:20px;}
.top_queen{
	display:block;
	padding:10px 0 20px;
}
#pq__left_m{
	clear:both;
	width:100%;
	margin:0;
	float: left;
}
#pq__right_m{
	float: right;
	width: 100%;
	margin: 0;
}
.pq_day{
	/*margin-top:-50px;*/
}
#mapp{
	width:100%;
	height:300px;
}
	.top_queen img{width:100%;}
.liner-ru-ld{
	display:none;
}
.flower {top:0;}
	table.outline{
		border-top:1px solid #cdddbb;
		border-collapse:collapse;
		width:100%;
		clear:both;
		margin:10px 0 0;
		list-style:none;
	}

	table.outline tr th{
		padding:.5em;
		background:#eef7e4;
		text-align:center;
		font-weight:bold;
	}

	table.outline th, table.outline td{
		border-bottom:1px solid #cdddbb;
		display:block;
		text-align: center;
		text-align: -webkit-center;
	}
}

@media all and (min-width: 500px) and (max-width: 997px) {
	#phototitle img.pq_sp_header{
	display:none;
	width:90%;
	height:187px;
	margin: 0 auto;
	padding:10px 10px 0;
}
#phototitle img.pq_pc_header{
	display:block;
	width: 100%;
	margin: 0 auto;
	padding:0;
}
#right-top, .queen_left_top_area{
	display:none;
}
	#left1 h3, #right h3, #pq__left-m h3, .tower h3{width:auto;}
.top_queen{
	display:block;
	margin-bottom:20px;
}
.top_queen img{
	 width:100%;
 }
#pq__left_m{
	clear:both;
	width:100%;
	margin:0;
	float: left;
}
#pq__right_m{
	float: right;
	width: 100%;
	margin: 0;
}
.pdfimg {
	float:none;
	text-align:center;
    padding: 10px 0;
}
.tower{
/*background: url("../img/tower2017.png") no-repeat right bottom rgba(0, 0, 0, 0);*/
}
.tower img{
	max-width:100%;
}
.pq_day{
	/*height:60px;*/
}
#mapp{
	width:100%;
	height:500px;
}
.liner-ru-ld{
	display:none;
}
.flower {
	top:0px;
}
	table.outline th, table.outline td{
		padding:.5em;
	}
	table.outline tr th{white-space:normal;width: 180px;}
	form#mailform table.outline tbody tr td.pq_ymdo {text-align: left;}
}

@media all and (min-width: 998px) {
	form#mailform table tr td textarea {width:100%;}
	table.outline th, table.outline td{padding:.5em;}
	table.outline tr th{white-space:normal;width: 180px;}
	form#mailform table.outline tbody tr td.pq_ymdo {text-align: left;}
	#left-top{width:48%;}
#phototitle img.pq_sp_header{
	display:none;
	width:100%;
	height:187px;
}
#phototitle img.pq_pc_header{
	/*background-color:#3ABCD1;*/
	display:block;
	width: 100%;
	padding:10px 0 0;
}
.queen_left_top_area{width:50%;}
#queen_left_top1{
	background:url(../img/2021portqueen_01.png) #fff no-repeat 10px 7px;
	width:280px;
	height:200px;
	margin:20px 14px 0 0;
	z-index:100;
}

	#queen_left_top2{
		background:url(../img/2020portqueen_02_s.jpg) #fff no-repeat 10px 7px;
		width:280px;
		height:200px;
		margin:-40px 14px 0 0;
		z-index:90;
	}

	#queen_left_top3{
		background:url(../img/2020portqueen_03_s.jpg) #fff no-repeat 10px 7px;
		width:280px;
		height:200px;
		margin:-30px 14px 0 0;
		z-index:110;
	}

.top_queen{
	display: block;
}
/*.queen_closeline{display:flex;justify-content: flex-end;padding:70px 0;}*/
#left-top{
	/*width: 320px;*/
	margin: 20px 0 0 0;
	float: left;
	padding: 10px 20px 0;
}
.liner-ru-ld{
	display:block;
	margin-top:60px;
}
.liner-ru-ld img{
position:relative;
	z-index:-1;
}
:root .liner-ru-ld img { position:static;width: 100%; }
#pq__left-top{
	/*width:40%;*/
}
#pq__left-m{
	clear:both;
	/*width:300px;*/
	margin:0;
	/*float: left;*/
}
#pq__right_m{
	/*float: right;*/
	/*width: 340px;*/
	margin: 24px 0 0 0;
}
.pq_pdftext{
	position:static;
	width:100%;
	z-index:11;
	/*margin-top:50px;*/
}
.pq_day{
	/*height:60px;*/
}
#mapp{
	width:100%;
	height:500px;
}
}