/*
 * 1column の サイドメニュー
 */
@media all and (max-width: 700px) {

	.sidebar {
		width: 100%;
		font-size: 1em;
	}


	#category_items h1 {
		display: block;
	}

	#category_items h1:after {
		content: ' ▼';
	}

	/*
	#category_items h1 {
		display: block;
		text-align: center;
		background-color: #528fc2;
		padding: 0.5em 1em;
		color: #fff;
	}

	#category_items .panel_list .item_title {
		text-align: center;
	}*/


/* add 20150313 */
div#mainimage .wrapper ul#header_link_bottom li.pc img{
	display: none;
	}

}


@media all and (max-width: 700px) {

/* js 連動*/
	.sm-display-none {
		display: none;
		/* height: 0; */
	}

	.opro.white:hover {
		background-color: transparent;
	}

	#header_link_bottom li.sm,
	*.sm {
		display: block;
	}
	*.pc {
		display: none;
	}

	* {
		box-sizing: border-box;
	}

	html {
		font-size: 14px;
	}
	body {
		color: #595959;
	}

	body {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		min-width:  0;
	}
	img {
		max-width: 100%;
	}

	.wrapper {
		width: 100%;
		max-width: 100%;
	}

	header, #main_content, footer {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}


	/*
	 * #headernav
	 */
	header h1 {
		height: 105px;
	}
	header .wrraper {
		overflow: visible;
	}
	div#util {
		position: relative;
		margin: 0;
		padding: 0;
		top: auto;
		background-color: #328cc4;
		overflow-y: visible;
		height: 80px;
	}
	div#headernav {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	div#headernav ul {
		overflow: hidden;
		margin: 0 auto;
		max-width: 480px;
		padding: 0;
	}
	div#headernav ul li {
		width: 20%;
		max-width: 96px;
		height: 80px;
		overflow: hidden;
		float: left;
		margin: 0;
		padding: 0;
		background-image: none;
	}
	div#headernav ul li a {
		height: 80px;
		display: block;
		padding-top: 56px;
		line-height: 2;
		font-size: 10px;
		background-size: contain;
		background-attachment: scroll;
		background-image: none;
		background-repeat: no-repeat;
		text-align: center;
		color: #fff;
		font-weight: 600;
		border-right: solid 1px #fff;
	}
	div#headernav ul li:first-child a {
		border-left: solid 1px #fff;
	}
	div#headernav ul li a:hover { /* open の action に */
		color: #fff;
		box-shadow: 0 0 5px 1px #333 inset;
	}

	div#headernav ul li#sm_menu_toggle a { background-image: url(../images/sm-menu.png) }
	div#headernav ul li.access a { background-image: url(../images/sm-access.png) }
	div#headernav ul li.request a { background-image: url(../images/sm-request.png) }
	div#headernav ul li.inquiry a { background-image: url(../images/sm-inquiry.png) }
	div#headernav ul li#sm_search_toggle a { background-image: url(../images/sm-search.png) }

	div#headernav ul li#sm_menu_toggle.opened a { background-image: url(../images/sm-close.png) }
	div#headernav ul li#sm_search_toggle.opened a { background-image: url(../images/sm-close.png) }

	div#util #font_size {
		display: none;
	}

	div#headernav .english {
		display: block;
		position: absolute;
		top: -140px;
		right: 0;
		height: auto;
		width: auto;
		max-width: none;
		padding: 0 1em;
		border-left: solid 1px #595959;
	}

	div#headernav .english a {
		padding: 0;
		height: auto;
		width: 100%;
		font-size: 1.5em;
		border: 0 none;
		color: #595959;
		height: 2em;
	}
	div#headernav .english a:hover { /* open の action に */
		box-shadow: none;
		color: #595959;
		text-decoration: underline;
	}

	#headernav ul li#sm_menu_toggle, #headernav ul li#sm_search_toggle {
		display: block;
	}

	header #mainmenu {
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 225px;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 280px;
		z-index: 4;
		/*display: none;*/
		height: 0;
		min-height: 0;
		-moz-transition: 0.3s all ease-out;
		-webkit-transition: 0.3s all ease-out;
		transition: 0.3s all ease-out;
	}

	header #mainmenu.js-height-216 {
		height: 216px;
	}

	#toppage ul#menu_main li:hover > div.menu {
		display: none;
	}

	#mainimage {
		min-width: 0;
		width: 200%;
		left: -50%;
		text-align: center;
	}
	
	#mainimage #category_title {
		font-size: 2rem;
		left: 25%;
	}


	.single #mainimage .header_image,
	.page #mainimage .header_image,
	.error404 #mainimage .header_image,
	.other #mainimage .header_image,
	.search #mainimage .header_image,
	#toppage.is_archive #mainimage .header_image,
	.archive #mainimage .header_image {
		display: block;
		position: relative;
		min-width: 0;
		margin: 0 auto;
		width: auto;
		top: 0;
		max-width: 100%;
		height:262px;
	}

	.header_image img {
	}

	#toppage #mainimage {
		width: 100%;
		left: 0;
		max-width: 100%;
		min-width: 100%;
		overflow: hidden;
		z-index: 3;
	}
	#toppage.is_archive #mainimage {
		left: -50%;
		min-width: 0;
		text-align: center;
		width: 200%;
		max-width: 200%;
		height: 262px;
	}
	div#mainimage .wrapper {
		margin: 0;
		padding: 0;
		top: 0;
		left: 0;
		width: 100%;
	}
	
		header ul#header_link_supportnav {
		position: relative;
		background-color: #fff;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 54px;
		border-radius: 0;
		background-color: #fff;
		overflow: hidden;
	}
	header ul#header_link_supportnav li {
		width: 50%;
		height: 54px;
		margin: 0;
		padding: 0;
	}
	#header_link_supportnav li + li:before {
		content: none;
	}
	header ul#header_link_supportnav li a {
		color: #000;
		padding-top: 100%;
	}
	header ul#header_link_supportnav li.forparent,
	header ul#header_link_supportnav li.forteacher {
		background-color: #ccc;
		background-size: cover;
		background-attachment: scroll;
		background-image: none;
		background-repeat: no-repeat;
		background-position: center ;
	}
	header ul#header_link_supportnav li.forparent {
		border-right: 2px solid #2d79b9;
		background-image: url(../images/tb-forparent.png);
	}
	header ul#header_link_supportnav li.forteacher {
		background-image: url(../images/tb-forteacher.png);
	}

	div#mainimage .wrapper ul#header_link_bottom {
		margin: 0;
		padding: 0;
	}
	div#mainimage .wrapper ul#header_link_bottom li {
		border: 0 none;
		width: 50%;
		float: left;
		height: 54px;
		margin: 0;
		padding: 0;
	}
	div#mainimage .wrapper ul#header_link_bottom .pc {
		display: none;
	}
	div#mainimage .wrapper ul#header_link_bottom li a {
		color: white;
		display: block;
		font-size: 18px;
		line-height: 3;
		height: 54px;
		text-decoration: none;
	}
	div#mainimage .wrapper ul#header_link_bottom li a:hover {
		text-decoration: underline;
		opacity: 0.8;
	}
	div#mainimage .wrapper ul#header_link_bottom li {
		background-color: #666;
		border-bottom: 1px solid #fff;
	}
	div#mainimage .wrapper ul#header_link_bottom li:nth-child(even){
		border-left: 1px solid #fff;
	}
	div#mainimage .wrapper ul#header_link_bottom li:last-child {
		border: none;
	}
/*
	div#mainimage .wrapper ul#header_link_bottom li.p0 { background-color: #8BCF30; }
	div#mainimage .wrapper ul#header_link_bottom li.p1 { background-color: #528fc2; }
	div#mainimage .wrapper ul#header_link_bottom li.p2 { background-color: #FEB6BD; }
	div#mainimage .wrapper ul#header_link_bottom li.p3 { background-color: #0099ff; }
	*/
	#mainmenu {
		width: 100%;
	}
	header li.menu_parent_item {
		width: 50%;
		float: left;
		height: 54px;
		background: url(../images/nav-bg.png) repeat left top scroll;
		border-right: 0 none;
		padding: 0 !important;
	}
	header #mainmenu li.menu_parent_item > a {
		font-size: 125%;
		width: 100%;
		padding: 0;
		line-height: 54px;
		vertical-align: middle;
		white-space: nowrap;
	}
	#toppage ul#menu_main .menu_parent_item > a:hover,
	#toppage ul#menu_main .menu_parent_item > a:focus,
	#toppage ul#menu_main .menu_parent_item.current > a {
		background-color: transparent;
	}
	header ul#menu_main {
		width: 100%;
		overflow: hidden;
		border: none;
	}
	ul#menu_main li:hover ul {
		display: none;
	}
	header li.menu_parent_item:hover {
		overflow: hidden;
	}

	header li.menu_parent_item:nth-child(odd) {
		border-right: solid 0.5px #fff;
		border-bottom: solid 1px #fff;
	}
	header li.menu_parent_item:nth-child(even) {
		border-left: solid 0.5px #fff;
		border-bottom: solid 1px #fff;
	}
	header #mainmenu a {
		text-align: center;
	}
	
	header #mainmenu a.current {
		background-color: transparent;
	}
	header #mainmenu .opro.white:hover {
		opacity: 0.9;
		background-color: transparent;
	}


	/* js 必要
	.panel-list li {
		width: 84%;
		margin-left: 8%;
	}
	*/

	#linkarea_text.wrapper {
		padding: 0;
	}
	#linkarea_text li {
		width: 100%;
		font-size: 1.2em;
		border-bottom: dashed 1px #ccc;
		line-height: 3;
	}

	/*
	 * #main-content
	 */
	#main_content {
		/*background: #fff;*/
	}
	.single #main_content .wrapper,
	#toppage.is_archive #main_content .wrapper {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	h1.entry-title {
		font-size: 1.37em;
	}
	.single .entry-content {
		padding: 0;
	}

	.single #main_column {
		clear: both;
		display: block;
		width: 100%;
		padding: 0;
		background-color: #fff;
		min-height: 360px;
		margin-bottom: 3em;
		margin: 0;
	}
	h1.entry-title, .entry-content {
		width: 90%;
	}

	h1.entry-title {
		width: 90%;
		text-align: center;
	}


	/*
	 * EVENT NEWS sm & tb text only
	 * require js carouFredSel 'auto: false'
	 */
	section.panel_list_wrapper {
		width: 100%;
	}
	section.panel_list_wrapper * {
		max-width: 100%;
		margin: 0 auto;
	}
	section.panel_list_wrapper h1 {
		width: 100%;
		font-weight: 700;
		background-color: #528fc2;
		padding: 0.5em 1em;
		color: #fff;
	}
	section.panel_list_wrapper h1 > a {
		color: #fff;
	}
	section.panel_list_wrapper > ul {
		width: 100%;
		padding: 1em 1em;
		background: url("../images/bg_dgwhite.png") repeat top left scroll;
		/*
		border-left: 1px solid #528fc2;
		border-right: 1px solid #528fc2;
		*/
	}
	section.panel_list_wrapper .prev,
	section.panel_list_wrapper .next {
		display: none;
	}
	ul.panel_list {
		overflow-y: visible;
		background-color: #fff;
		margin: 0 0 2.5em 0;
	}
	.panel_list li {
		display: block;
		width: 100%;
		height: auto;
		position: relative;
		margin: 0;
		vertical-align: top;
	}
	.panel_list li a {
		display: block;
		color: #595959;
		text-decoration:none;
	}
	.panel_list li.last_panel a {
		color: #fff;
		font-weight: 700;
	}

	.panel_list li a:hover {
		text-decoration: underline
	}
	.panel_list li a img {
		display: none;
	}
	.panel_list .item_title {
		position: relative;
		margin: 0;
		padding: 0.5em 1em 0.5em;
		font-size: 12px;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		width: 100%;
		height: auto;
	}

	.panel_list .item_title .date {
		color: #2d79b9;
	}

	/*
	 * EVENT NEWS sm & tb 1cell scroll
	 * require js
	 */
	/*
	.panel_list li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 100%;
		height: 180px;
		position: relative;
		margin-left: 10px;
		vertical-align: top;
	}
	.panel_list li a {
		display: block;
		color: #fff;
	}

	.panel_list .item_title {
		position: absolute;
		bottom: 0;
		margin: 0;
		padding: 10px 5px 5px;
		left: 0;
		font-size: 12px;
		background: rgb(45,121,185) ;
		background: rgba(45,121,185,.7) ;
		width: 100%;
		-webkit-box-sizing : border-box ;
		-moz-box-sizing : border-box ;
		box-sizing : border-box ;
	}
	*/
	#topic_list li {
		border-bottom: solid 1px #ccc;
		margin-bottom:1em;
	}
	#topic_list span.infodate {
		width: 100%;
	}


	/*
	 * entry 内部
	 */
	table {
	}

	/*
	 * サイトマップ
	 */
	.menu_parent_item ul {
		width: 100%;
	}

	h3.disc {
		padding-top: 6px;
		padding-bottom: 6px;
		height: auto !important;
	}

	/*
	 * table
	 */
	.table-wrapper {
		width: 100%;
		overflow-x: scroll;
	}

	.table-wrapper > table {
		max-width: none;
	}
	.table-wrapper:before {
		color: red;
		text-align: center;
		content: "※全体が表示されていない時は\A横スクロールして下さい";
		white-space: pre;
	}
	td {
		text-align: left;
	}
	input[type=radio] {
		
		height: 1em;
		width: 1em;
		border-radius: 0.5em;
	}

/* add20150807 */
     .post-type-archive-movies .index .each_type {
         height: auto;
         min-height: 300px;
         position: relative;
     }
     .post-type-archive-movies .index .each_type .go_next {
         clear: both;
         position: relative;
     }

}
@media all and (max-width: 480px) {
/*add20150507/*/
	.tlm img{
		padding-left: 0;
		padding-bottom: 10px;
		
	}
/*/add20150507*/
}

@media all and (max-width: 480px) {

	html {
		font-size: 12px;
	}

	div#headernav ul li:first-child a {
		border-left: 0 none;
	}
	div#headernav ul li:last-child a {
		border-right: 0 none;
	}

	div#mainimage .wrapper ul#header_link_right li.forparent {
		border-right: 2px solid #2d79b9;
		background-image: url(../images/sm-forparent.png);
	}
	div#mainimage .wrapper ul#header_link_right li.forteacher {
		background-image: url(../images/sm-forteacher.png);
	}



	div#headernav .english a {
		font-size: 1.2em;
	}

	.single #mainimage .header_image,
	.page #mainimage .header_image,
	.error404 #mainimage .header_image,
	.other #mainimage .header_image,
	.search #mainimage .header_image,
	.is_archive #mainimage .header_image,
	#toppage.is_archive #mainimage .header_image,
	.archive #mainimage .header_image {
		height:162px;
	}


	#mainimage img {
		display: block;
		top: 54px;
		margin: 0 auto;
		width: auto;
		height: 162px;
	}
	/*
	div#mainimage .wrapper,
	.home #mainimage {
		height: 432px;
	}*/
	#toppage.is_archive div#mainimage {
		height: 162px;
	}


	div#mainimage .wrapper ul#header_link_bottom {
		top: 216px;
	}

	div#mainimage .wrapper,
	#toppage #mainimage {
		/*height: 432px;top4*/
		/*height: 486px;*//*top5*/
		/*height: 324px;/* add 20150313 */

	}

	#toppage.is_archive div#mainimage .wrapper,
	#toppage.is_archive #mainimage {
		height: 162px; /**/
	}

	#header_slide {
		overflow-y: hidden;
	}
	#header_slide img {
		display: block;
		top: 54px;
		margin: 0 auto;
		width: auto;
	}
	#toppage #mainimage .header_image {
		height: 162px;
	}
	div#mainimage .wrapper ul#header_link_bottom {
		height: 216px; 
		height: 270px; 
		/*height: 108px;/* add 20150313 */
	}
	div#mainimage .wrapper ul#header_link_bottom li {
		width: 100%; /**/
	}
	div#mainimage .wrapper ul#header_link_bottom li:nth-child(even){
		border-left: none;
	}
	h3.disc {
		padding-top: 7px;
		padding-bottom: 7px;
	}
     .box_studentsL .right, .box_studentsR .left {
         max-width: 90%;
         float: none;
         margin: 0 auto;
         width: auto;
     }
     .box_studentsL .right, .box_studentsR .right {
         float: none;
         padding: 2% 0 2% 2%;
     }
     .box_studentsR .right {
         text-align: left;
     }
     /* add20150714 */
     .search .jwpf_form label{
         width: 1px;
         height: 1px;
         clip: rect(1px,1px,1px,1px);
         position: absolute;
     }
}

/*add 20170621 by T.Y.*/
@media all and (max-width: 480px) {
     #wpcf7-f17194-o1 table {
          width: 100%;
          margin: 0 auto;
     }
     #wpcf7-f17194-o1 table th.tableleft {
          width: 40px;
     }
     #wpcf7-f17194-o1 table tr td br.sp {
          display: block;
     }
     #wpcf7-f17194-o1 table tr td.schdule {
          width: 100%;
     }
     #wpcf7-f17194-o1 table tr td select {
          margin-top: 2px;
     }
     #wpcf7-f17194-o1 table tr td input[type="text"],
     #wpcf7-f17194-o1 table tr td input[type="tel"],
     #wpcf7-f17194-o1 table tr td input[type="email"] {
          width: 90%;
     }
}

/* add DJ 20170623 */

@media all and (max-width: 480px) {
    .slide::before {
        margin-left: 25px;
    }
    .slide::after {
        margin-left: -25px;
    }
    .arrow-left {
        left: 0 !important;
        width: 17px !important;
        height: 30px !important;
        margin-left: 3px !important;
    }
    .arrow-right {
        left: auto !important;
        right: 0;
        width: 17px !important;
        height: 30px !important;
        margin-left: 0 !important;
        margin-right: 3px;
    }
}

@media all and (max-width: 700px) {
    .slide::before {
        margin-left: 25px;
    }
    .slide::after {
        margin-left: -25px;
    }
    .arrow-left {
        left: 0 !important;
        width: 17px !important;
        height: 30px !important;
        margin-left: 3px !important;
    }
    .arrow-right {
        left: auto !important;
        right: 0;
        width: 17px !important;
        height: 30px !important;
        margin-left: 0 !important;
        margin-right: 3px;
    }
}

/* add DJ 20170804 */

@media all and (max-width: 700px) {
	#player {
		max-width: 100%;
	}
	#player2 {
		max-width: 100%;
	}
	.player-empty-space-text {
		font-size: 1rem !important;
	}
}

@media all and (max-width: 480px) {
	#player {
		max-width: 100%;
	}
	#player2 {
		max-width: 100%;
	}
	.player-empty-space-text {
		font-size: 0.9rem !important;
	}
}

@media all and (max-width: 1200px) {

	.slideshow-movie {
		left: 0 !important;
		width: 100% !important;
		margin-left: 0 !important;
	}

	.slideshow-modal-close {
		left: auto !important;
		right: 0;
		margin-left: -65px;
	}
}

@media all and (max-width: 1040px) {
	
    .slide:before {
		margin-left: 25px;
    }
	.slide::after {
		margin-left: -25px;
	}
	.arrow-left {
		left: 0 !important;
		width: 17px !important;
		height: 30px !important;
		margin-left: 3px !important;
	}
	.arrow-right {
		left: auto !important;
		right: 0;
		width: 17px !important;
		height: 30px !important;
		margin-left: 0 !important;
		margin-right: 3px;
	}
}


/* add DJ 20180402 */

@media all and (max-width: 1200px) {

	#pickup_items ul {
		justify-content: space-around;
	}

	.pickup_top li {
		width: 48%;
	}

	.pickup_bottom li {
		width: 151px;
	}

	.top_panel_list li {
		width: 151px;
	}

}

@media all and (max-width: 1000px) {

	.top_wrapper{
		max-width: 100%;
		min-width: 100%;
	}

}

@media all and (max-width: 700px) {

	.introprof dl {
		display: flex;
		flex-wrap: wrap;
	}

	.introprof dt,
	.introprof dd {
		width: 100%;
		text-align: center;
	}

	.introprof dd {
		margin: 0;
		text-align: left;
	}

	.header_nav {
		display: none;
	}

	#site_title {
		width: 170px;
		margin-left: 10px;
		padding-top: 4px;
	}

	.mobile_nav {
		display: flex;
	}

	header #side_search_input {
		font-size: 1rem;
	}

	.main_movie {
		position: relative;
		width: 100%;
		height: auto;
	}

	.main_movie video {
		width: 100%;
		height: auto;
		font-family: inherit;
		object-fit: fill;
	}

	.youtube_link_wrap {
		height: 50px;
	}

	.youtube_link_wrap a {
		padding: 13px 0;
	}

	.youtube_link_wrap img {
		height: 24px;
	}

	#topic_items,
	#toppage_items > section {
		padding: 0 5%;
	}

	#category_items {
		margin-top: 0;
	}

	.archive_panel_list,
	.top_panel_list {
		justify-content: space-around;
	}

	.archive_panel_list li,
	.top_panel_list > li,
	.page_panel_list li {
		margin-bottom: 20px;
	}

	.archive_top_panel_list {
		margin: 0;
		border-bottom: 1px solid #ccc;
	}

	.archive_top_panel_list li {
		width: 100%;
		height: auto;
		border-bottom: 1px solid #ccc;
	}

	.archive_top_panel_list li .item_title {
		padding: 20px 5px 15px;
	}

	.archive_top_panel_list li a {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		font-weight: 600;
		font-size: 12px;
		color: #595959;
		background: #fff;
	}

	.archive_top_panel_list li a:first-child {
		padding-bottom: 1px;
	}

	.page_panel_list {
		justify-content: space-around;
	}

	.page_panel_list li {
		margin-left: 0;
		margin-right: 0;
	}

	#pickup_items ul {
		justify-content: space-around;
	}

	.genre_select li {
		display: inline-block;
		height: auto;
		font-size: .9rem;
	}

	.foot_logo_wrap {
		width: 100%;
		text-align: center;
	}
	
	#footmenu {
		width: 100%;
	}

	.foot_logo {
		width: 100%;
	}

	.foot_logo img {

	}
}

@media all and (max-width: 480px) {

	h1#site_title {
		height: 80px;
	}

	header #side_search_input {
		font-size: 1.2rem;
	}

	.archive_top_panel_list {
		display: none;
	}

	.home #mainimage {
		height: auto;
	}

	.pickup_top li {
		width: 100%;
	}

	.pickup_bottom li {
		width: 45%;
	}

	.top_panel_list li {
		width: 45%;
	}

	header #side_search_input {
		width: 10rem;
		height: 20px;
		font-size: .7rem;
		border-radius: 0;
	}
	
	header #side_search_button {
		width: 20px;
		height: 20px;
		padding: 0;
	}

	.page_panel_list .dummy {
		display: block;
	}
	
	footer {
		padding-bottom: 60px;
	}

	.home footer {
		padding-bottom: 0;
	}

	.footer_menu {
		display: flex;
	}

	#footmenu .foot_menu_top li {
		width: 33.333333%;
		padding-left: 0;
	}

	.home .footer_menu {
		display: none;
	}

}

/* add djlabo 2018 */
/*
@media all and (max-width: 480px) {

    .research_flex dl {
        width: 50%;
    }

    .research_flex_2 dl {
        width: 50%;
    }
}*/

@media all and (max-width: 700px) {

    .research_flex dl {
        width: 50%;
    }

    .research_flex_2 dl {
        width: 50%;
    }

    .research_flex_2 dt img {
        margin-bottom: 0;
	}

	.research_flex_2 dd {
        margin-right: 16px;
    }
}


/* djlabo 20190314 */

@media all and (max-width: 1200px) {

	.pickup_top:first-of-type {
		width: 33.3333%;
	}

	.pickup_top:last-of-type {
		width: 66.6666%;
	}

	.pickup_top:first-of-type li {
		width: 100%;
	}

	.pickup_top li {
		margin-bottom: 30px;
	}

	.pickup_bottom {
		width: 100%;
	}
}

@media all and (max-width: 700px) {
	#pickup_items ul:first-of-type {
		width: 100%;
		float: none;
	}

	#pickup_items ul .pickup-top-pc {
		display: none;
	}

	#pickup_items ul .pickup-top-sp {
		display: block;
	}

	.pickup_top {
		margin: 0;
	}

	.pickup_top:first-of-type {
		margin-top: 10px;
	}

	.pickup_top li {
		width: 100%;
		margin-bottom: 10px;
    }

	.pickup_top img {
        width: 100%;
		vertical-align: bottom;
    }
    
    #pickup_items .pickup_top_pc {
        display: none;
    }

    #pickup_items .pickup_top_sp {
        display: flex;
    }
}