@media screen and (max-width:640px){

img {
	max-width: 100%;
}


.div_wrapper {
	width: 100%;
	margin: 0 auto;
}

.div_header {
	height: 45px;
}
.div_header_inner {
	width: 100%;
}
.div_header_inner_home {
	width: 80px;
}
.div_header_inner_home img {
	max-width: 100%;
}

.div_header_head_logo {
	width: 82px;
	margin-top: -12px;
}
.div_header_head_logo img {
	max-width: 100%;
}

.div_header_head_acce {
	display: none;
}


/* mainHead ロゴのあるヘッダ ------------------------ */ 

.div_mainHead {
	padding:10px 0;
	position: relative;
}

h1.div_siteTitle {
	float: left;
	width: 200px;
}
h1.div_siteTitle a img {
	max-width: 100%;
}

p.div_siteDisc {
	display: none;
	font-size: 12px;
	padding: 10px 0 0 20px;
	width: 200px;
	float: left;
}


/* ハンバーガー */

#div_nav-drawer {
	position: static;
	float: right;
	margin:10px 10px 0 0;
	left:0;
}


/*中身*/
#div_nav-content {
  max-width: 85%; /*最大幅（調整してください）*/
  height: 100%;
}

#div_nav-content ul.div_top-nakami li a{
	padding: 5px 5px 5px 5px;
}

/* mv_menu --------------------------------- */

.mv_textArea {
	display: none;
}
.mv_imageArea {
	widows: 100%;
	width:100%!important;
}
.div_mv_slide {
	
	}
div.slide ul.scroll li a img {
	max-width:100%!important;
}

	
/* topMenu --------------------------------- */

.div_topMenu {
	display: none;
}

/* pickup --------------------------------- */

.div_topPickup {
    width: 100%;
    max-width: 100%;
    margin:10px;
    border-radius: 4px;
    padding:10px;

	}
.div_topPickup .list figure figcaption h2 {
    margin:0;
	position: static;
	width: 100%;
	padding: 0;
	border-radius: 4px 4px 0 0;
	margin:0;
}

.div_topPickup .list figure ul {
	margin:0;
	padding: 30px 10px 10px 10px;
	list-style-type: none;
}
.div_topPickup .list figure ul li {
	margin:0;
	padding:20px 0 0 0;
}

/* contentArea --------------------------------- */

.div_contentArea {
}

.div_cont00 {
	margin-top: 50px;
	display: block;
}
.div_image_l,
.div_image_r {
		display: none;
}

.div_cont_l,
.div_image_l {
	margin-right: 0;
}
.div_cont_l,
.div_cont_r {
	width: 100%;
}

	
.div_cont_l h5,
.div_cont_r h5 {
	margin-bottom: 32px;
}
.div_cont_l p, 
.div_cont_r p {
	margin:10px 10px 30px 10px;
}

ul.div_contMenu {
	display: flex;
	margin:10px;
}

ul.div_contMenu li a {
	width: 200px;
}




/* スポナビ下層ページcss --------------------------------- */

.spo_heading h1 {
	width:100%;
	border-top:3px solid #01b9ef;
	border-bottom:3px solid #01b9ef;
	font-size: 30px;
	marign:10px 0;
	padding: 16px;
}

.spo_cont_l {
	float: none;
	width:100%;
	margin: 0 auto;
	padding: 0;
}

.spo_cont_r {
	float: none;
	width:100%;
}

.heading h2 span {
	background:  #01b9ef;
	margin: 0;
	padding: 16px;
}

ul.spo_rightMenu {
}

ul.spo_rightMenu li {
	border: 1px solid #cccccc;
	border-collapse: collapse;
	width:100%;
	list-style-type: none;
}

ul.spo_rightMenu li a {
	marign:0;
	padding:20px 5px 10px 20px;
	text-indent: 1em;
	display: block;
	transition: all .3s;
	font-weight: bold;
}
ul.spo_rightMenu li a:hover {
  color: #fff;
  background-color: #38c8f3;
	border-color:#25b2da; 
}

}
