@charset "utf-8";
/* CSS Document */
 @media screen and (max-width: 679px) {
/* タブレット、スマートフォン用 非Retina対応スタイル記述 */
	body {
		margin: 0;
		padding: 0;
	}
	
	#main-contents {
		overflow: hidden;	
	}
	
	.disable_sp {
		display: none;
	}
	
	.disable_sp {
		display: none;
	}

	
	.show_sp {
		display: block;
	}
	
	.disable_pc {
		display: block;
	}
	
	p {
		line-height: 1.8em;	
	}
	
	img {
		max-width: 100%;
	}
	
	img.f_left {
		float: none;
	}
	
	img.f_right {
		float: none;
	}
	
	
	.ft20 {
		font-size: 16px;	
	}
	
	.ft18 {
		font-size: 15px;	
	}
	
	.ft16 {
		font-size: 14px;	
	}
	
	.w455 {
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.w600 {
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.w680 {
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.w840 {
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.w860 {
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.w865 {
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.w80p {
		width: 100%;	
	}
	
	.w90p {
		width: 100%;	
	}
	
	/** overflow_menu **/
	
	.overflow_menu {
		padding: 50px 4% 0;	
		height: 100%;
		overflow: auto;
	}
	
	.overflow_menu:before {
		content: none;	
	}
	
	.overflow_menu .btn_cls {
		width: 35px;
		height: 35px;	
	}
	
	.overflow_menu .main {
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}
	
	.overflow_menu .main ul {
		border: 1px solid #d9d9d9;
		border-radius: 10px;
	}
	
	.overflow_menu .main ul:after {
		content:'';
		clear: both;
		display: block;
	}
	
	.overflow_menu .main li {
		float: left;
		margin-bottom: 0;
	}
	
	.overflow_menu .main li a {
		display: block;
    	width: 100%;
    	padding: 5px 0;
    	text-align: center;
    	font-size: 14px;
    	color: #404040;
    	text-decoration: none;
    	border-right: 1px solid #d9d9d9;
	}
	
	
	.overflow_menu .main li:nth-child(1) {
		width: 50%;	
		border-bottom: 1px solid #d9d9d9;
		border-radius: 10px 0 0 0;
	}
	
	.overflow_menu .main li:nth-child(2) {
		width: 50%;
		border-bottom: 1px solid #d9d9d9;
		border-radius: 0 10px 0 0;
		
	}
	
	.overflow_menu .main li:nth-child(3) {
		width: 50%;
		border-radius: 0 0 0 0;
		border-bottom: 1px solid #d9d9d9;
	}
	
	.overflow_menu .main li:nth-child(4) {
		width: 50%;
		border-radius: 0 0px 0 0px;
		border-bottom: 1px solid #d9d9d9;
	}
	
	.overflow_menu .main li:nth-child(5) {
		width: 50%;
		border-radius: 0 0 0 10px;
	}
	
	.overflow_menu .main li:nth-child(6) {
		width: 50%;
		border-radius: 0 0px 10px 0px;
	}
	
	.overflow_menu .main li {
		padding: 0;	
	}
	
	.overflow_menu .main li:nth-child(2) a {
		border-right: 0;
	}
	
	.overflow_menu .main li:nth-child(4) a {
		border-right: 0;
		font-size: 14px;
		letter-spacing: -0.1em;
	}
	
	.overflow_menu .main li:nth-child(3) a {
		border-right: 1px solid #d9d9d9;
	}
	
	.overflow_menu .list_cont {
		width: 100%;
		padding-right: 0;	
	}
	
	.overflow_menu .list_cont li h3 a {
		padding-right: 25px;
		box-sizing: border-box;	
		font-size: 14px;
	}
	
	.overflow_menu .thrird_cont {
		display: none;	
	}
	
	/** header **/
	
	#floatmenu {
		display: none;
	}
	
	#sec #main-contents {
		padding-top: 0;	
	}
	
	.pankuzu_wrap {
		overflow: hidden;
		width: 100%;	
		position: relative;
	}
	
	.pankuzu_wrap li {
		box-sizing: border-box;	
	}
	
	#top .main_visual:after {
		content: '';
		clear: both;
		display: block;	
	}
	
	#top .header .main_logo {
		width: 280px;	
		position: static;
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		margin: 0 auto 0;
		padding: 95px 0 20px
	}
	
	#top .header .btn_question {
		position: relative;
		top: auto;
		left: auto;	
		text-align: center;
		padding-bottom: 25px;
		right: auto;
	}
	
	#top .header .btn_question a {
		width: 80%;	
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
		font-weight: normal;
	}
	
	.header .zaidan_logo {
		width: 166px;
		top: 10px;
		left: 2%;	
	}
	
	.header .navi_wrap {
		display: none;	
	}
	
	#sec .header  {
		padding-top: 110px;	
	}
	
	@media screen and (max-width: 479px) {
		#sec .header  {
			/* 注釈なしのとき */
			padding-top: 150px;
		}
	}
	
	#sec .header .main_logo {
		left: 2%;
		top: 45px;	
	}
	
	.header .menu_btn {
		width: 100px;	
		top: 10px;
		right: 2%;
		padding: 0px 0 7px;
	}
	
	#sec .header .menu_btn {
		top: 10px;	
	}
	
	.header .menu_btn img {
		width: 60px;	
	}
	
	.header .search_btn {
		right: 2%;
		top: 45px;	
	}
	
	/* #sec .header .search_btn {
		top: 115px;	
	} */
	
	.header .search_btn.ove {	
		width: 310px;
	}
	
	@media screen and (max-width: 349px) {
		.header .search_btn.ove {
			width: 92%;
		}
	}
	
	@media screen and (max-width: 339px) {
		.header .search_btn.ove {
			width: 300px;
		}
	}
	
	.header .search_btn .cont {
		width: 320px;	
	}
	
	.header .search_btn .search_box {
		width: 80%;
		float: left;	
	}
	
	
	/** content **/
	
	#sec .float_next {
		top: 70%;	
	}
	
	#sec .float_prev {
		top: 70%;	
	}
	
	#top .menu_wrap {
		height: 100%;	
	}
	
	#top .menu_wrap .menu_box {
		width: 48%;	
	}
	
	#top .menu_wrap .menu_box:nth-child(odd) {
		margin-left: 1.5%;	
	}
	
	#top .menu_wrap .menu_box:nth-child(even) {
		margin-right: 1.5%;	
	}
	
	#top .menu_wrap .menu_box .photo img {
		vertical-align: bottom;	
	}
	
	#top .menu_wrap .menu_box .txt_wrap {
		position: static;
		height: 80px;	
		padding: 0 1%;
		box-sizing: border-box;
	}
	
	#top .menu_wrap .menu_box .txt_wrap .txt h2 {
		font-size: 15px;
		font-weight: normal;
		text-align: left;
		line-height: 1.4em;
	}
	
	@media screen and (max-width: 339px) {
		#top .menu_wrap .menu_box .txt_wrap .txt h2 {
			font-size: 13px;
		}
	}
	
	/** footer **/
	
	.totop {
		bottom: 5%;	
	}
	
	.footer .cont_wrap {
		width: 92%;	
		clear: both;
	}
	
	.footer .cont_wrap .head .logo {
		float: none;
		margin-left: auto;
		margin-right: auto;	
		margin-bottom: 10px;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(1) {
		width: 50%;	
		border-bottom: 1px solid #d9d9d9;
		border-radius: 10px 0 0 0;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(2) {
		width: 50%;
		border-bottom: 1px solid #d9d9d9;
		border-radius: 0 10px 0 0;
		
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(3) {
		width: 50%;
		border-radius: 0 0 0 0;
		border-bottom: 1px solid #d9d9d9;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(4) {
		clear: none;
		width: 50%;
		border-radius: 0 0 0 0;
		border-bottom: 1px solid #d9d9d9;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(5) {
		width: 50%;
		border-radius: 0 0px 0 0px;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(6) {
		width: 50%;
		border-radius: 0 0 0 10px;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(6) {
		width: 50%;
		border-radius: 0 0px 10px 0px;
	}
	
	.footer .cont_wrap .head .navi_wrap li {
		padding: 0;	
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(2) a {
		border-right: 0;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(4) a {
		border-right: 0;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(3) a {
		border-right: 1px solid #d9d9d9;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(5) a {
		border-right: 1px solid #d9d9d9;
	}
	
	.footer .cont_wrap .head .navi_wrap {
		width: 100%;	
	}
	
	.footer .cont_wrap .navi_box {
		width: 100%;
		float: none;
		background: #fff;
		border-radius: 10px;
		position: relative;
	}
	
	.footer .cont_wrap .navi_box:before {
		position: absolute;
		border-radius: 10px;
		width: 26px;
		text-align: center;
		padding: 4px 0 0;
		right: 8px;
		top: 10px;
		
		-webkit-transition: all 1s ease;
    	-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all  1s ease;
	}
	
	.footer .cont_wrap .navi_box.menu_01:before {
		content: url('../../images/footer/sp/arr_navi_dwn.png');
		background: #00a0e9;
	}
	
	.footer .cont_wrap .navi_box.menu_02:before {
		content: url('../../images/footer/sp/arr_navi_dwn.png');
		background: #3280b4;
	}
	
	.footer .cont_wrap .navi_box.menu_03:before {
		content: url('../../images/footer/sp/arr_navi_dwn.png');
		background: #13ae91;
	}
	
	.footer .cont_wrap .navi_box.menu_04:before {
		content: url('../../images/footer/sp/arr_navi_dwn.png');
		background: #92b535;
	}
	
	.footer .cont_wrap .navi_box.menu_05:before {
		content: url('../../images/footer/sp/arr_navi_dwn.png');
		background: #f5ad33;
	}
	
	.footer .cont_wrap .navi_box.menu_06:before {
		content: url('../../images/footer/sp/arr_navi_dwn.png');
		background: #ea007a;
	}
	
	.footer .cont_wrap .navi_box.menu_07:before {
		content: url('../../images/footer/sp/arr_navi_dwn.png');
		background: #1d4bbc;
	}
	
	.footer .cont_wrap .navi_box.ove:before {
		content: url('../../images/footer/sp/arr_navi.png');
		background: #b2b2b2;
	}
	
	.footer .cont_wrap .navi_box h3.ttl {
		/*padding: 12px 36px 12px 11px;
		box-sizing: border-box;
		width: 100%;
		display: block;*/
		-webkit-transition: all 0.3s ease;
    	-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
		border-bottom: 0px solid #d9d9d9;
	}
	
	.footer .cont_wrap .navi_box h3.ttl a {
		padding: 12px 36px 12px 11px;
		box-sizing: border-box;
		width: 100%;
		display: block;
	}
	
	.footer .cont_wrap .navi_box.ove h3.ttl {
		border-bottom: 1px solid #d9d9d9;
		
	}
	
	.footer .cont_wrap .navi_box .cont {
		display: none;
	}
	
	.footer .cont_wrap .navi_box.ove .cont {
		display: block;
	}
	
	.footer .cont_wrap .navi_box .cont li {
		border-bottom: 1px dotted #d9d9d9;
		padding: 8px 2% 8px 20px;
		box-sizing: border-box;
	}
	
	.footer .cont_wrap .navi_box .cont li:last-child {
		border-bottom: 0;
	}
	
	/** next_prev **/
	
	#sec.detail .next_prev_wrap {
		border-bottom: 0;	
	}
	
	#sec .next_prev_wrap .next_wrap {
		width: 100%;	
		padding-bottom: 15px;
		border-bottom: 1px solid #d9d9d9;
	}
	
	#sec .next_prev_wrap .prev_wrap {
		width: 100%;	
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #d9d9d9;
	}
	
	#sec .next_prev_wrap .next_wrap .photo {
		width: 72px;
		height: 72px;
		border-radius: 36px;	
	}
	
	#sec .next_prev_wrap .prev_wrap .photo {
		width: 72px;
		height: 72px;
		border-radius: 36px;	
	}
	
	#sec .next_prev_wrap .photo img {
		max-width: none;	
	}
	
	#sec .next_prev_wrap .next_wrap .text_wrap .icon {
		margin-top: 3px;	
		margin-bottom: 4px;
	}
	
	#sec .next_prev_wrap .prev_wrap .text_wrap .icon {
		margin-top: 3px;	
		margin-bottom: 4px;
	}
	
	#sec .next_prev_wrap .text_wrap {
		width: calc(100% - 82px);
	}
	
	#sec .next_prev_wrap .text_wrap p.txt {
		line-height: 1.4em;
	}
	
	
	/** recommend_links **/
	#sec.detail .content_wrap .recommend_links.unit_wrap .box {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;	
	}
	
	
	/** listページ **/
	
	#sec .header .ttl_wrap {
		max-width: 92%;
		box-sizing: border-box;	
		padding: 12px 15px;
		
		margin-top: 35px;
	}
	
	#sec.cat_01 .header .ttl_wrap h1 {
		font-size: 18px;	
	}
	
	#sec.category .content_wrap .unit_wrap .txt_wrap p {
		display: none;
	}
	
	#sec.category .content_wrap .unit_wrap .photo_wrap {
		width: 60px;
		height: 60px;
		
	}
	
	#sec.category .content_wrap .unit_wrap .photo_wrap img {
		max-width: none;
		max-height: 100%;
	}
	
	#sec.category .content_wrap .unit_wrap {
		padding: 12px 0;	
	}
	
	#sec.category .content_wrap .unit_wrap .txt_wrap {
		margin-left: 2%;
		width: 60%;	
	}
	
	#sec.category .content_wrap .unit_wrap .txt_wrap h2 {
		line-height: 1.6em;
		font-size: 14px;
		font-weight: normal;	
	}
	
	
	
	#sec.detail .content_wrap .unit_wrap .unit_box .f_left {
		margin-bottom: 25px;	
	}
	
	
	#sec.detail .point_wrap .img_ttl h4 {
		float: none;
		margin-top: 14px;
	}
	
	#sec.detail .point_wrap .img_ttl .point_ttl {
		float: none;	
	}
	
	
	#sec.detail .unit_wrap .unit_foot_wrap.two_cont {
		width: 100%;	
	}
	
	#sec.detail .unit_wrap .unit_foot_wrap li {
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 15px;
		width: 100%;
	}
	
	#sec.detail .unit_wrap .unit_foot_wrap li:last-child {
		margin-right: auto;
		margin-left: auto;
	}
	
}


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


 @media screen and (max-width: 399px) {
 	
 	.overflow_menu .main li a {
    	border-right: 0;
	}
	
	
	.overflow_menu .main li:nth-child(1) {
		width: 100%;
		float: none;
	}
	
	.overflow_menu .main li:nth-child(2) {
		width: 100%;
		float: none;
		
	}
	
	.overflow_menu .main li:nth-child(3) {
		width: 100%;
		float: none;
	}
	
	.overflow_menu .main li:nth-child(4) {
		width: 100%;
		float: none;
	}
	
	.overflow_menu .main li:nth-child(5) {
		width: 100%;
		float: none;
		border-radius: 0;
		border-bottom: 1px solid #d9d9d9;
	}
	
	.overflow_menu .main li:nth-child(6) {
		width: 100%;
		float: none;
	}
 	
 	
 	
 	.footer .cont_wrap .head .navi_wrap ul {
		margin-bottom: 0;
	}
	
 	.footer .cont_wrap .head .navi_wrap li:nth-child(1) {
		width: 100%;
		float: none;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(2) {
		width: 100%;
		float: none;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(3) {
		width: 100%;
		float: none;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(4) {
		width: 100%;
		float: none;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(5) {
		width: 100%;
		float: none;
		border-bottom: 1px solid #d9d9d9;
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(6) {
		width: 100%;
		float: none;
	}
	
	.footer .cont_wrap .head .navi_wrap li a {
		border-right: 0;	
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(3) a {
		border-right: 0;	
	}
	
	.footer .cont_wrap .head .navi_wrap li:nth-child(5) a {
		border-right: 0;	
	}
 }