@charset "UTF-8";
/* コンテンツ */
#toggle {
	background-image:url(../img/navi.png);
	background-color:#860540;
}
#toggle.close {
	background-image:url(../img/navi_off.png);
}

.main {
	background-color:#f8f1e8;
	background-image:url(../img/main.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	height:537px;
}
.pmain {
    background-color: #f8f1e8;
    padding: 30px 0;
}
.anqnavi {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
}
.anqnavi li {
    float: left;
    width: 25%;
}
.anqnavi li a {
    display: block;
    background-color: #860540;
    color: #fff;
    font-weight: bold;
    line-height: 50px;
    margin: 1px;
    border-radius: 50px; 
    -webkit-border-radius: 50px;  
    -moz-border-radius: 50px;
    transition: all 0.5s;
}
.anqnavi li a:hover {
    background-color: #c20f7c;
}

.pctitle {
    font-size: 2em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
	margin-bottom:30px;
	text-align:center;
}
#news {
	width:800px;
	margin:0 auto;
	line-height:1.7;
	padding-bottom:20px;
}
#news dt {
	float:left;
	width:150px;
}
#news dd {
	padding:0 0 20px 150px;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
}

#news dd a {
    color: #fff !important;
}
#news dd a:hover {
    color: #eedbe1 !important;
}

.more a {
	background-color:#eedbe1;
	color:#860540;
}
.more a:hover {
	opacity:0.6;
	transition: all 0.5s;
}

.pcopy h1 {
	font-size:2em;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
	margin-bottom:10px;
	text-align:center;
}
.pcopy h2 {
	font-size:1.4em;
	background-color:#e6cccf;
	color:#a40a5e;
	padding:5px;
	margin-bottom:60px;
	text-align:center;
}
.pcopy li {
	float:left;
	width:calc((100% / 4) - (180px / 4));
	margin-right:60px;
	margin-bottom:60px;
}
.pcopy2 li {
	float:left;
	width:calc((100% / 4) - (180px / 4));
	margin-right:60px;
}
.pcopy2 li:last-child {
    float:left;
	width:calc((100% / 2) - (180px / 4));
    margin-right: 0;
}
.bg_peace {
	background-color:#a40a5e;
	color:#fff;
}

.sub2 {
	background-color:#a40a5e;
}

.psub {
	color:#a40a5e;
	text-align:center;
	font-size:2em;
	border-bottom:1px solid #a40a5e;
	width:600px;
	padding-bottom:10px;
	margin:0 auto 40px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
}

.psub2 {
	color:#fff;
	background-color:#c68098;
	margin-bottom:30px;
	font-size:1.4em;
	line-height:1.5;
}

.flow li {
	text-align:center;
	width:500px;
	margin:0 auto;
	padding-bottom:58px;
	background-image:url(../img/arr.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:40px 58px;
}
.flow li:last-child {
	background-image:none;
	padding-bottom:20px;
}
.flow li p {
	display:table-cell;
	vertical-align:middle;
	width:500px;
	height:120px;
	background-color:#eedbe1;
	font-size:1.4em;
	line-height:1.4;
}
.flow li span {
	font-size:0.7em;
	font-weight:normal;
}
.table3 th {
	background-color:#eedbe1 !important;
	vertical-align:top;
}
.table3 td {
	vertical-align:top;
}
.pmenu {
	font-weight:bold;
	font-size:1.24em;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
	margin-bottom:5px;
}
.special {
	color:#a40a5e;
	font-weight:bold;
	font-size:1.4em;
}
.waku1 {
	background-color:#f8f1e9 !important;
}
.pcredit h3 {
	font-size:1.24em;
	margin-bottom:30px;
	line-height:1.4;
}
.pcredit h3 span {
	font-size:2em;
}
@media screen and (min-width: 500px) {
.pcopy li:last-child {
	margin-right:0;
}
.table3 th {
	width:300px;
}
.table3 tr td:nth-last-child(2) {
	width:100px;
}
.fmbox {
    margin-left: 200px;
    margin-right: 200px;
}
}

@media screen and (max-width: 499px) {
#navi {
	top:0;
	left:-100%;
	overflow-y: auto;
	background-color:rgba(164,10,94,0.8);
    padding-top: 50px;
}
#navi li {
	float:none;
	width:100%;
	line-height:60px;
	font-size:1em;
}
#navi li a {
	display:block;
	color:#fff;
	transition: background-color 0.5s;
	border-bottom:1px dashed #eedbe1;
}
#navi li a:hover {
	background-color:#eedbe1;
	color:#a40a5e;
	transition: background-color 0.5s;
}
.main {
	background-image:none;
	height:auto;
}
.anqnavi {
    display: none;
}

#news {
	width:auto;
}
#news dt {
	float:none;
	width:auto;
}
#news dd {
	padding:0 0 20px 0;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
}

.pctitle {
    font-size: 1.6em;
}

.pcopy h1 {
	font-size:1.6em;
	margin-bottom:10px;
}
.pcopy h2 {
	font-size:1.16em;
	padding:5px;
	margin-bottom:50px;
}
.pcopy li {
	float:left;
	width:calc((100% / 2) - (20px / 2));
	margin-right:20px;
	margin-bottom:20px;
}
.pcopy li:nth-child(2n) {
	margin-right:0;
}
.pcopy2 li {
	float:left;
	width:calc((100% / 2) - (20px / 2));
	margin-right:20px;
	margin-bottom:20px;
}
.pcopy2 li:nth-child(2n) {
	margin-right:0;
}
.pcopy2 li:last-child {
    float:left;
	width:100%;
    margin-right: 0;
    margin-bottom: 0;
}
.psub {
	font-size:1.4em;
	width:100%;
	padding-bottom:10px;
	margin:0 auto 30px;
}

.flow li {
	width:280px;
	padding-bottom:50px;
	font-size:0.84em;
	background-size:34px 50px
}
.flow li p {
	width:280px;
	height:80px;
}
.table3 th {
	width:1%;
}
.table3 tr td:nth-last-child(2) {
	width:1%;
	white-space:nowrap;
}
.pmenu {
	font-size:1.16em;
}
.special {
	color:#a40a5e;
	font-weight:bold;
	font-size:1.24em;
}
.pcredit h3 {
	font-size:1.16em;
	margin-bottom:10px;
}
.pcredit h3 span {
	font-size:2em;
}
}

.date {
	float:left;
	width:200px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
}
.date span {
	font-size:2em;
}
.doc {
	float:right;
	width:1000px;
}


@media screen and (min-width: 500px) {

}

@media screen and (max-width: 499px) {
.date {
	text-align:right;
	margin-bottom:10px;
	float:none;
	width:auto;
}
.date span {
	font-size:2em;
}
.doc {
	float:none;
	width:auto;
}
}

.thimg {
    margin-top: 40px;
}
.thimg li {
    float: left;
    width: calc((100% / 3) - (120px / 3));
    margin-right: 60px;
}
.thimg li img {
    width: 100%;
}

@media screen and (min-width: 500px) {
.thimg li:last-child {
    margin-right: 0;
}
}

@media screen and (max-width: 499px) {
.thimg li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
.thimg li:last-child {
    margin-bottom: 0;
}
}
