@charset "utf-8";

/*===============================================
  デフォルト
===============================================*/

#global-nav {
	display:none;
}


.sp{
	display: none;
}

@media screen and (max-width: 769px){
	#header .header .pcnav {
		display:none;
	}
	}
@media screen and (min-width: 769px) and (max-width: 1024px){
	#header .header h1 {
    float: left !important;
}
	}
@media screen and (max-width: 1024px){

	img {
		max-width:100%;
	}
	
	
	#polkaarea .topwrap .flowbox {
		width:94%;
		padding:50px 2% 40px;
	}
	
	#container .inner {
		width: 100%;
	}
	
	#pinkarea .sec02.inner {
		overflow:hidden;
	}
	
	
	#pinkarea .sec01 .banner ul {
		width: 100%;
	}
	
	/* header */
	
	#header .header {
    padding: 3.969%;
		position:relative;
	}

	#header .header h1 {
		float:none;
		padding:0;
		font-size:0.8em;
	}
	
	
	
	/* global-nav */
	
	#global-nav.open {
		display:block;
		z-index:9999;
	}
	
	#global-nav {
		font-size:1.4em;
		line-height:1.0;
	}
	
	#global-nav ul li a {
		display: block;
		color: #E40057;
		font-weight:400;
		padding:10px;
		text-decoration:none;
		text-align:center;
		background:rgba(255,195,206,0.8);
		margin:0 0 1px;
	}
	
	.newmap {
		display:none !important;
	}
	
	#pinkarea .sec01 .banner {
		height:auto;
	}

	
	#pinkarea .sec01 .banner ul li {
		margin:0;
		width:30%;
		text-align:center;
	}
	
	#pinkarea .sec01 .banner ul.second {
		position:static;
	}
	
	#pinkarea .sec02 .relabox .box .same03 .photo {
		display:none;
	}

	#pinkarea .sec02 .relabox .box .same03 .text {
		margin-right:0;
	}
	
	#pinkarea .sec03 ul li {
		width:48%;
	}
	
	#polkaarea .topwrap .flowbox {
		width:94%;
		padding:50px 2% 40px;	
	}


	#polkaarea .topwrap .flowbox dl {
		float:left;
		width:24%;
		min-height:320px;
		padding-right:0;
		margin-right:1%;
		background:none;
	}

	#polkaarea .topwrap .flowbox dl.end {
		margin-right:0;
		background:none;
	}
	
	#polkaarea .btmwrap .same {
		width:94%;
		margin:0 auto;
	}
	
	#polkaarea .btmwrap .same dl {
		width:48%;
		min-height:auto;
		padding:110px 0 0; 
		background:url(../image/polka_spe01.png) center top no-repeat;
	}

	#polkaarea .btmwrap .same dl.sec {
		background:url(../image/polka_spe02.png) center top no-repeat;
	}
	
	#pink2area .sec04 .same {
		width:96%;
		margin:30px auto 0;
	}
	
	#pink2area .sec04 .same dl {
		width:24%;
		margin:0 1% 0 0;
	}
	
	#yellowarea .box table {
		width:100%;
	}
	
	#yellowarea .box .caution {
		width:100%;
	}
}

@media screen and (max-width: 768px){

	
	#sidenav {
		text-align:right;
	}
	
	#sidenav img {
		max-width:40%;
	}
	
	/*
	#main .main {
		top:30%;
	}
	
	#main .main img {
		max-width:90%;
	}
	*/
	
	#main {
    padding-top: 14%;
	}

	#main .bg img {
		width:100%;
	}

	#main .main {
		position:static;
		width:100%;
	}
	
	#main .main img {
		width:100%;
	}
	
	
	
	
	
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	
	
	/* header */
	
	#header .header h1 img {
    /*width: 42.42%;*/
		width: 40%;
	}
	
	
	

	/** content_s **/
	#container .inner {
		width: 100%;
	}
	/** pink2area_s **/
	
	#pink2area .sec04 {
		margin-bottom:0;
	}

	
	#pink2area .sec04 h2 {
		text-align:center;
		margin:0 0 10px;
	}
	
	#pink2area .sec04 .same dl {
		width: 100%;
		float:none;
		margin: 0 auto 30px;
	}
	#pink2area .sec04 .same dl dd{
		width: 94%;
		margin: 0 auto;
		text-align:center;
	}
	
	#pink2area .sec04 .same dl dt {
		text-align:center;
	}
	
	/*
	#pink2area .sec04 .same dl dd img{
		width:100%;
	}
	*/

	#pink2area .sec04 .same dl dd.btn {
		width: 94%;
		text-align:center;
	}
	
	#pink2area .sec04 .same dl dd.btn img {
		width:auto;
	}
	
	#pink2area .sec04 .same dl dd.comment {
		min-height:auto;
		max-width:235px;
	}
	
	#pink2area .map h2 {
		text-align:center;
	}

	#pink2area .linkarea h2 {
		width: 96%;
		background: #e40057;
		font-size:1.5em;
		color:#fff;
		margin: 0;
		padding:10px 2%;
		line-height:1.0;
		border-bottom: none;
		border-left: none;
		font-weight:400;
	}
	#pink2area .linkarea dl {
		margin: 0;
	}
	#pink2area .linkarea dl dt {
		width: 94%;
		background: #fff3f5;
		color:#000;
		margin: 0;
		padding:10px 3%;
		font-size:1.4em;
		font-weight:300;
		line-height:1.0;
		border-bottom: 1px solid #d9d9d9;
	}
	#pink2area .linkarea dl dd {
		background: #fff;
		margin-bottom: 0;
	}
	#pink2area .linkarea .linkbox {
		font-size:1em;
		line-height:1.6;
		font-weight:300;
		overflow:hidden;
		zoom:1;
		margin:0;
	}
	.linkarea dl dd{
		margin-bottom: 0;
		display: none;
	}
	#pink2area .linkarea dl dd ul li,
	#pink2area .linkarea .linkbox li{
		width: 100%;
		float: none;
		margin-left: 10px;
		font-size: 1em !important;
		line-height: 1.6;
		font-weight: 300;
	}
	/** pink2area_e **/

}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){

}