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

	.pc{display:none;}
	.mobile{display:block !important;}

	body{min-width:5px;}
	#main_wrap .main_img{width:100%; height:auto;}
	#main_wrap .main_img .M_img{width:100%;}
	#main_wrap .main_img_ul{width:100%; height:auto;}
	#main_wrap .main_img_ul>li{background:none;}
	#main_wrap .main_img_ul>li img{width:100%;}
	#main_wrap .main_img_ul>li.main_img02 div{width:100%;}
	#main_wrap .main_img_ul>li.main_img02 div a.btn02{width:100%; display:block; position:static; padding:0; height:auto;}
	#main_wrap .main_img_btn{bottom: 12px;}

	#main_banner{width:100%; margin-top:0px;background-color:#ece8e5}
	#main_banner > div{width:100%; margin:0 !important}
	#main_banner > div img{max-width:100%;}

	#main_banner .main_youtube img{width:100%}
	#main_banner .main_banner01{border-bottom:1px solid #fff}
	#main_banner .main_banner02,#main_banner .main_banner03{width:50%;border:none;text-align:center}
	#main_banner .main_banner02{height:auto}
	#main_banner .main_banner02 img{margin-top:0}
	#main_banner .main_banner03{text-align:right}
	#main_banner .board_wrap{background-color:#fff}

	#main_banner .board_wrap{width:100%; height:472px; border-top:0;}
	#main_banner .board_wrap .boards{width:100%;border-right: 1px solid #dddddd;}
	#main_banner .board_wrap .boards01{border-bottom: 1px solid #dddddd;}
	#main_banner .board_wrap .boards .board_in li img{display:none;}
	#main_banner .customer{border-top:0; width:100%;background-color:#fff}
	#main_banner .customer img{width:auto;max-width:100%}
	#goods_list{margin-top:0; width:100%; background:none;}
	#goods_list ul{width:100%; padding:0 5px;}
	#goods_list ul li{width:calc(100% / 2); padding:0 5px;}
	#goods_list ul li:nth-child(2n+1){clear:both}
	#goods_list ul li img{width:100%;}
	#goods_list ul li span.tit{font-size:13px; margin-top:10px; line-height:15px; margin-bottom:2px;}
	#goods_list ul li span.txt{font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 1px; color: #666; line-height: 100%; line-height:18px; margin-bottom:3px;}
	#goods_list ul li span.price{font-size: 14px; line-height:18px;}

	footer .F_menu{display:none;}
	footer .copy{width:100%; padding:30px;}
	footer .copy .copy_in p span{line-height: 20px; border-right:0; display:blcok; width:100%; padding:0;}

	#left_menu{position:fixed; height:calc(100% - 80px); overflow: auto; padding: 40px 40px; background:#fff; left:0; top:0;}
	#left_menu h1{margin:21px 0 !important;}
	#left_menu h1 a{text-indent:-9999px; width:100%; height:84px; background:url(/img2/logo.png) no-repeat top center; display:inline-block;}
	#left_menu nav{margin-top:70px;}
	#left_menu nav ul li a{color:#333; line-height:40px; height:40px; border-bottom:1px solid #433f43; display:block; width:240px; font-size:16px;}
	#left_menu nav ul.nav_wrap > li > a{background:url(/theme/summer-Ipha/img/nav_dw.png) no-repeat; background-position:right center;}
	/*#left_menu nav ul.nav_wrap > li > a.on{background:url(/theme/summer-Ipha/img/nav_up.png) no-repeat; background-position:right center;}*/
	#left_menu nav ul.nav_wrap .navin{display:none;}
	#left_menu nav ul.nav_wrap .navin li{margin-left:20px;}
	#left_menu nav ul.nav_wrap .navin li a{width:220px;}

	#left_menu{padding:10px 20px; height:100%; z-index:150; left:-265px; overflow:initial  !important;}
	#left_menu h1{margin:10px 0!important; }
	#left_menu h1 a{background-size:100%; text-indent:0; width:100%; height:auto;}
	#left_menu nav{margin-top:20px;}
	#left_menu nav ul li a{font-size:14px; line-height:40px; height:40px; width:200px;}
	#left_menu nav ul.nav_wrap .navin li a {width:180px;}
	#left_menu .window-close{position:absolute; bottom:15px; right:-20px; font-size:15px; width:20px; line-height:20px; text-align:center; font-weight:900; background:#fff;}
	#tnb{margin-bottom:0; padding:0px 20px; height: calc(100% - 20px);}
	#tnb li{width:calc((100% - 3px) / 2); float:left;}
	#tnb li.right{margin:0; border-right:0;}
	#tnb li a{}

	#join{width:200px; margin-top:10px;}
	#join:after{content:""; display:block; clear:both;}
	#join li{width:calc((100% - 5.5px) / 2); float:left; margin:5px 5px 5px 0;}
	#join li:nth-child(2n){margin-right:0px;}
	#join li a{display:block; color: #cc0000; border:1px solid #cc0000; line-height:30px; text-align:center;}

	header.mobile{background: #fff; padding:10px 0; position:relative;}
	header.mobile .M_menu{position:absolute; left:10px; }
	header.mobile .M_menu i{color:#fff; font-size:24px; margin-top:6px; color:#333;}
	header.mobile div.center{text-align:center;}
	header.mobile div.center img{width:70px;}

	#sub_wrap .sub_nav{width:100%; margin:40px 0;}
	#sub_wrap .sub_in .text{width:100%; margin:40px 0; padding:0 10px;}
	#sub_wrap .sub_in .text div span{width:100%;}
	#sub_wrap .sub_in .text div span img{width:100%;}
	#sub_wrap .sub_in .text div span.tit{width:100%; margin-right:0; margin-bottom:25px;}
	#sub_wrap.remarkable .text .green{font-size:25px;}

	#sub_wrap.summary .tit br{display:none}
	#sub_wrap.summary .sub_in .img02{height:auto;}
	#sub_wrap.summary .sub_in .img02 img{width:50%; float:left;}
	#sub_wrap.summary .sub_in .img01{height:auto;}
	#sub_wrap.summary .sub_in .img01 img{width:100%;}
	#sub_wrap.summary .sub_in .img03{height:auto;background:none;padding:0 10px;margin-top:-50px}
	#sub_wrap.summary .sub_in .img03 img{width:100%}

	#sub_wrap.remarkable .tit br{display:none}
	#sub_wrap.remarkable .sub_in .img01{width:100%;}
	#sub_wrap.remarkable .sub_in .img01 img{width:100%;}
	#sub_wrap.remarkable .sub_in .img02{width:100%;}
	#sub_wrap.remarkable .sub_in .img02 ul li{width:100%; margin:0; border-bottom:0; height: auto;}
	#sub_wrap.remarkable .sub_in .img02 ul li:last-child{border-bottom:1px solid #dddddd;;}
	#sub_wrap.remarkable .sub_in .img03{height:auto;     margin: 40px 0;}
	#sub_wrap.remarkable .sub_in .img03 img{width:100%;}
	#sub_wrap.remarkable .sub_in .directions ul li{width: calc((100% - 10.5px) / 2); margin-right: 10px;}
	#sub_wrap.remarkable .sub_in .directions ul li:nth-child(2n){margin-right:0;}
	#sub_wrap.remarkable .sub_in .table ul li span{    line-height: 25px; padding:10px 0;}
	#sub_wrap.remarkable .sub_in .table ul li span.span03{width:43%; padding:10px 15px;}
	#sub_wrap.remarkable .sub_in .table ul li span.span02{width:43%; padding:10px 15px;}

	#sub_wrap.sitemap .sub_in{width:100%;}
	#sub_wrap.sitemap .sub_in dl dt{width:100%; margin: 0 80px 0 15px;}
	#sub_wrap.sitemap .sub_in dl dd{margin:0 15px; line-height:35px; width:calc(50% - 30.5px);}
	#sub_wrap.sitemap .sub_in dl{padding-bottom:20px;}

	#sub_wrap.info .tit br{display:none}
	#sub_wrap.info .sub_in .img04 span.img img{width:calc((100% - 20.5px) / 2);}
	#sub_wrap.info .sub_in .img01{width:100%; height:auto;}
	#sub_wrap.info .sub_in .img01 img{width:100%;}

	#sub_wrap .info01_Box{margin-top:0}
	#sub_wrap .info01_Box .info01_right{width:100%;padding:20px 0 0 0;line-height:160%;font-size:14px}

	#sub_wrap.info_layout .sub_in .info_layout_box ul li img{width:60%}
	#sub_wrap.info_layout .sub_in .info_layout_box ul li:nth-child(2){margin:0 -30px}
	#sub_wrap.info_layout .sub_in .info_layout_box .info_layout_Tit{font-size:17px}
	#sub_wrap.info_layout .sub_in .info_layout_box .info_layout_Txt{font-size:13px}

	#sub_wrap.info_layout .sub_in .info_layout_box1 ul li img{width:60%}
	#sub_wrap.info_layout .sub_in .info_layout_box1 ul li:nth-child(2n){margin:0 -50px}
	#sub_wrap.info_layout .sub_in .info_layout_box1 .info_layout_Tit{font-size:17px}

	#sub_wrap.info_layout .sub_in .img01{width:100%;}
	#sub_wrap.info_layout .sub_in .img01 img{width:100%;}
	#sub_wrap.info_layout .sub_in .info_layout_box2_1 img{width:100%}

	#sub_wrap.info_layout .sub_in .info_layout_box3{background:none}
	#sub_wrap.info_layout .sub_in .info_layout_box3 ul li{width:100%;height:auto;margin-left:0;margin-top:10px}
	#sub_wrap.info_layout .sub_in .info_layout_box3 ul li:first-child{margin-top:0}

	#sub_wrap.info_layout .sub_in .info_layout_box5 ul li img{width:60%}
	#sub_wrap.info_layout .sub_in .info_layout_box5 ul li:nth-child(2){margin:0 -30px}
	#sub_wrap.info_layout .sub_in .info_layout_box5 .info_layout_Tit1{font-size:17px}

	#sub_wrap.history .sub_in .text div{margin-bottom: 30px;}
	#sub_wrap.history .sub_in .historyin{width:100%; background:none; height:auto; margin-bottom:80px;}
	#sub_wrap.history .sub_in .historyin div div{position:static; text-align:left !important; top:0; left:0;}
	#sub_wrap.history .sub_in .historyin div div.Y2017 span.tit b.line{display:block; margin-left:0px;}
	#sub_wrap.history .sub_in .historyin div div.Y2015 span.tit b.line{display:block; margin-left:0px;}
	#sub_wrap.history .sub_in .historyin div div.Y2010 span.tit b.line{display:block; margin-left:0px;}
	#sub_wrap.history .sub_in .historyin div div img{width:243px}

	#sub_wrap.license .sub_in{width:100%; padding:0 5px;}
	#sub_wrap.license .sub_in div img{width:100%;}
	#sub_wrap.license .sub_in ul li{margin-right:5px; width: calc((100% - 10.5px) / 3);}
	#sub_wrap.license .sub_in ul li:nth-child(5n){margin-right:5px;}
	#sub_wrap.license .sub_in ul li:nth-child(3n){margin-right:0px;}

	#sub_wrap.agency .sub_in .img01{width:100%; padding:0 5px;}
	#sub_wrap.agency .sub_in .img01:after{content:""; display:block; clear:both;}
	#sub_wrap.agency .sub_in .img01 img{margin: 0 5px 5px 0; width:calc((100% - 5.5px) / 2); float:left;}
	#sub_wrap.agency .sub_in .img01 img:nth-child(2n){margin-right:0px;}
	#sub_wrap.agency .sub_in .img02{margin-bottom:0;}
	#sub_wrap.agency .sub_in .img02 img{width:100%;}
	#sub_wrap.agency .sub_in .agency_btn{margin-bottom:0;}
	#sub_wrap.agency .sub_in .agency_btn:after{content:""; display:block; clear:both;}
	#sub_wrap.agency .sub_in .agency_btn a{width:50%; margin:0; float:left; font-size: 17px;}

	#sub_wrap.direction .sub_in .text{background:none; padding:0 5%;; width:100%; height:auto;}
	#sub_wrap.direction .sub_in .text div.left{margin:0; width:100%; line-height:30px; margin-bottom:15px;}
	#sub_wrap.direction .sub_in .text div.right{margin-bottom:0px;}
	#sub_wrap.direction .sub_in .text div.right p{margin-bottom: 10px; font-size:16px;}
	#sub_wrap.direction .sub_in .map{width:100%;}
	#sub_wrap.direction .sub_in .map iframe{height:300px;}

	.shop #goods_list{}
	.shop #goods_list ul{padding:0 5px; width:calc(100% - 10px);}
	.shop #goods_list ul li{width:calc((100% - 20px) / 2);}
	.shop .shop_banner img{width:100%;}
	.shop .shop_cs{display:none;}
	.shop .shop_banner{height:auto;}

	#sit_pvi{width:100%;}
	#sit_ov{width: 100%; padding:0 15px;}
	#bo_v{padding:0 15px; width: 94% !important;}

	#container_title{width:calc(100% - 30px); margin:56px 15px 0 15px;}
	#sod_frm .tbl_head01.tbl_wrap{margin:10px 15px;}
	#sod_frm .tbl_head01.tbl_wrap th:nth-child(3){display:none;}
	#sod_frm .tbl_head01.tbl_wrap td:nth-child(3){display:none;}

	#sod_bsk .tbl_head01.tbl_wrap th:nth-child(3){display:none;}
	#sod_bsk .tbl_head01.tbl_wrap th:nth-child(6){display:none;}
	#sod_bsk .tbl_head01.tbl_wrap th:nth-child(7){display:none;}
	#sod_bsk .tbl_head01.tbl_wrap td:nth-child(3){display:none;}
	#sod_bsk .tbl_head01.tbl_wrap td:nth-child(6){display:none;}
	#sod_bsk .tbl_head01.tbl_wrap td:nth-child(7){display:none;}

	#bo_sch{width:calc(100% - 30px) !important; margin:30px 15px 100px 15px !important;}
	#sfl{width: 20%;}
	#stx{width:calc(80% - 68px);}


	#mb_login{width:100%}
	#mb_login .mb_login_wrap{width:90%;margin:0; margin-left:5%}
	#mb_login.mb_login_shop .mb_login_wrap{margin:0 auto}
	#mb_login #login_fs .frm_input{width:77%; margin-left: 23%;}




	#fregister{width:100%; padding:0 4%;}
	.btn_confirm{margin-bottom:50px;}
	.btn_confirm input{width:100%; line-height:30px; }
	.btn_confirm a{width:100%; line-height:30px; margin-top:5px;}

	.tbl_frm01.tbl_wrap th{width:30%;}
	.tbl_frm01.tbl_wrap td{width:70%;}

	#main_banner .main_banner01, #main_banner .main_banner01ul{width:100%;height: auto;}

	#sub_wrap.info .sub_in .map ul li.info_tblst span br{display:block}
}

@media only screen and (max-width: 550px) {
	#sub_wrap .info01_Box .info01_left{width:100%}
	#sub_wrap .info01_Box .info01_right{font-size:13px;line-height:150%}

	#mb_login .mb_login_wrap{margin-left:5%}

	#sub_wrap.info_layout .sub_in .info_layout_01 p {font-size:13px;line-height:150%;padding:30px 20px 20px 20px}
	#sub_wrap .sub_in .text h5{font-size:17px;font-weight:700}
	#sub_wrap.info_layout .sub_in .info_layout_box ul li img{width:50%}
	#sub_wrap.info_layout .sub_in .info_layout_box ul li:nth-child(2){margin:0 -50px}
	#sub_wrap.info_layout .sub_in .info_layout_box .info_layout_Tit{font-size:15px;font-weight:700}
	#sub_wrap.info_layout .sub_in .info_layout_box .info_layout_Txt{font-size:13px}

	#sub_wrap.info_layout .sub_in .info_layout_box5 ul li img{width:50%}
	#sub_wrap.info_layout .sub_in .info_layout_box5 ul li:nth-child(2){margin:0 -50px}
	#sub_wrap.info_layout .sub_in .info_layout_box5 .info_layout_Tit1{font-size:15px}

	#sub_wrap.info_layout .sub_in .info_layout_box1 .info_layout_Tit{font-size:15px;font-weight:700}
	#sub_wrap.info_layout .sub_in .info_layout_box1{border:none;background-color:#fff}
	#sub_wrap.info_layout .sub_in .info_layout_box1 ul li{width:100%;border:1px solid #ddd;background-color:#efefef}
	#sub_wrap.info_layout .sub_in .info_layout_box1 ul li img{width:25%}
	#sub_wrap.info_layout .sub_in .info_layout_box1 ul li:nth-child(2n){display:none}
	#sub_wrap.info_layout .sub_in .info_layout_box1 ul li:first-child{margin-bottom:20px}
	#sub_wrap.info_layout .sub_in .info_layout_box1 ul li:nth-child(3n){margin-bottom:20px}

	.tbl_head01.tbl_wrap th{width:16.66666666666667%}
	.tbl_head01.tbl_wrap th:nth-child(2){width:30%}
	.tbl_head01.tbl_wrap td{font-size:12px}
	.sod_opt{font-size:12px}
	.tbl_head01 td .sod_option_btn button{font-size:12px}



}
@media only screen and (max-width: 480px) {
	#main_wrap .main_img .main_nav{display:none}
	#sub_wrap.info .sub_in .map ul li.info_tblst span{font-size:13px;padding:0 10px}
	#sub_wrap.info .sub_in .map ul li.info_tbl span{font-size:13px;padding:0 10px}
	#sub_wrap.info .sub_in .map ul li.info_tblst span br.info_br{display:block}
	#sub_wrap.info .sub_in .map ul li.info_tbl span br.info_br{display:block}
	#sub_wrap.history .sub_in .historyin div div{width:100%}

	#mb_login_notmb p{text-align:left}
	#mb_login_notmb label{text-align:left}

	#sub_wrap.info_layout .sub_in .info_layout_box{border:none;background-color:#fff}
	#sub_wrap.info_layout .sub_in .info_layout_box ul li{width:100%;border:1px solid #ddd;background-color:#efefef}
	#sub_wrap.info_layout .sub_in .info_layout_box ul li img{width:60%}
	#sub_wrap.info_layout .sub_in .info_layout_box ul li:nth-child(2){display:none}
	#sub_wrap.info_layout .sub_in .info_layout_box ul li:first-child{margin-bottom:20px}
	#sub_wrap.info_layout .sub_in .info_layout_box .info_layout_Tit{font-size:15px;font-weight:700}
	#sub_wrap.info_layout .sub_in .info_layout_box .info_layout_Tit1{font-size:15px}
	#sub_wrap.info_layout .sub_in .info_layout_box .info_layout_Txt{font-size:13px}

	#sub_wrap.info_layout .sub_in .info_layout_box1 ul li img{width:60%}
	#sub_wrap.info_layout .sub_in .info_layout_box1 .info_layout_Tit{font-size:15px;font-weight:700}

	#sub_wrap.info_layout .sub_in .info_layout_box4{padding:40px 20px 30px 20px}
	#sub_wrap.info_layout .sub_in .info_layout_box4 img{width:60%}
	#sub_wrap.info_layout .sub_in .info_layout_box4 .info_layout_Tit{font-size:15px;font-weight:700}
	#sub_wrap.info_layout .sub_in .info_layout_box4 .info_layout_Txt{font-size:13px}
	#sub_wrap.info_layout .sub_in .info_layout_box4 .info_layout_Txt br{display:none}


	#sub_wrap.info_layout .sub_in .info_layout_box5 ul li{width:100%}
	#sub_wrap.info_layout .sub_in .info_layout_box5 ul li img{width:100%}
	#sub_wrap.info_layout .sub_in .info_layout_box5 ul li:nth-child(2n){display:none}
	#sub_wrap.info_layout .sub_in .info_layout_box5 ul li:nth-child(3n){display:none}
	#sub_wrap.info_layout .sub_in .info_layout_box5 .info_layout_Tit1{font-size:14px;font-weight:600;padding:0 45px 30px 45px}



	#sub_wrap.info_layout .sub_in .info_layout_box2 img{width:100%}


}