@charset "UTF-8";
/*
Theme Name: dentaro-plus
Theme URI: /wp-content/themes/dentaro-plus
Description: 株式会社小田川トーヨー住器のサイトです
Author: yamada
Author URI:
Version: 1.0

1.  common settings
3.  header settings
4.  index settings
5.  page settings
6.  single settings
7.  sidebar settings
8.  footer settings
9.  form setting
10.  Other Styles

*/

/*==================================================================
	common settings
===================================================================*/

@media screen and (max-width : 959px){
	.uk-container{
		padding:0 30px;
	}
	.bg_color{
		padding:60px 0;
	}
}
@media screen and (max-width : 639px){
	p, li, dt, dd, th,td{
		line-height:180%;
		margin-bottom:20px;
		font-size:14px;
	}
	.uk-container{
		padding:0 15px;
	}
	.bg_color{
		padding:30px 0;
	}
}


/* margin,padding
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.mb120 {
		margin-bottom: 80px;
	}
	.mb80 {
		margin-bottom: 60px;
	}
}
@media screen and (max-width : 639px){
	.mb60{
		margin-bottom:30px;
	}
	.mb80{
		margin-bottom:40px;
	}
	.mb100{
		margin-bottom:50px;
	}
	.mb120 {
		margin-bottom: 60px;
	}
	.mt60{
		margin-top: 30px;
	}
}


/* font style
-------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	.strong,
	strong{
		font-size:16px;
	}
}

/* table sheet style
-------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	.sheet th, .sheet td,.sheet td ul.list li {
		font-size:13px;
	}
	.sheet ul{
		padding-left:20px;
	}
	.uk-container .sheet ul li{
		padding:0 10px;
	}
	table.price th,
	table.price td{
		padding: 5px 15px;
		font-size:13px;
	}
	table.price th img{
		display:block;
	}
	table.spblock th,
	table.spblock td{
		display:block;
		margin:0;
		width:auto;
		padding:10px;
	}
	table.spblock th{
		padding:5px 10px;
	}
}

	/* table 横スクロール style
-------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	.scroll{
		overflow:auto!important;
		white-space:nowrap;
		display:block;
	}
	.scroll::-webkit-scrollbar{
		height:5px;
	}
	.scroll::-webkit-scrollbar-track{
		background:#f1f1f1;
	}
	.scroll::-webkit-scrollbar-thumb{
		background:#bcbcbc;
	}
	.scroll .sheetEqual  {
		table-layout: auto;
	}
}

/*	dl style
-------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	dl.dllist{
		width: 100%;
	}
	.dllist dt, .dllist dd{
		float:none;
		width:calc(100% - 20px);
	}
	.dllist dt{
		padding:5px 10px;
		margin:0;
	}
	.dllist dd{
		border:none;
		padding:10px ;
		margin:0 0 15px 0;
	}
}

/* list style
-------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	ol.list li:before{
		margin-top:0;
	}
	ul.menulist li{
		display:block;
		margin:0 0 15px;
	}
}
/*	tab menu
-------------------------------------------------------------------*/

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

}
@media screen and (max-width : 639px){
	ul.tab li{
		width:calc(25% - 5px);
		margin:0 5px 0 0;
	}
	ul.tab li a{
		padding:5px;
		font-size:13px;
	}
}





/*	accordion
-------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	.faq_title {
		padding: 15px 40px 15px 50px;
		font-size:14px;
		line-height:160%;
	}
	.faq_box {
		margin:0 15px 15px;
		padding: 15px 15px 15px 50px;
	}
	.faq_box::before,
	.faq_title span::before{
		font-size:20px;
		left: 15px;
	}
	.faq_title::before{
		right: 20px;
	}
	.faq_title::after{
		right: 20px;
	}
	.faq_title::before,
	.faq_title::after{
		width: 15px;
		height: 2px;
	}
}



/*  contactbtn 
-------------------------------------------------------------------*/

@media screen and (max-width : 959px){
	body{
		padding-bottom:77px;
	}

}
@media screen and (max-width : 639px){
	body{
		padding-bottom:55px;
	}
	#sp-contact li a{
		padding: 12px;
		font-size:13px;
	}
	#sp-contact li a span{
		display:block;
		font-size:10px;
		line-height:100%;
	}
	#sp-contact li:first-child a{
		padding: 11px 5px 12px;
	}
	#sp-contact li a i{
		font-size:30px;
	}
}


/*==================================================================
	header settings
===================================================================*/

/* header
-------------------------------------------------------------------*/

@media screen and (max-width : 1090px){
	.head_tel{
		font-size:20px;
	}
}
@media screen and (max-width : 959px){

}
@media screen and (max-width : 639px){
	.head_tel,
	.head_btn{
		display:none;
	}
	header,
	header .uk-grid{
		height:50px;
	}

}


/* menubtn
-------------------------------------------------------------------*/

@media screen and (max-width : 639px){
	.menu_btn{
		margin: 0;
		height:50px;
		width:50px;
	}
	.menu_btn::after {
		margin:0 auto 0;
	}
}
/* toggle_nav
-------------------------------*/

@media screen and (max-width : 639px){
	#toggle_nav{
		width:90%;
	}
	.toggle_inner{
		padding:60px 20px 80px;
	}
}


/* nav_menu_list
-------------------------------*/

@media screen and (max-width : 639px){
	#toggle_nav ul li a{
		font-size:16px;
		padding:12px 0;
	}
	#toggle_nav ul li ul.menu li a{
		font-size:14px;
	}
	#toggle_nav ul li ul.menu{
		margin:0 0 10px;
	}
	.navbtn{
		padding:10px;
		font-size:16px;
	}
}



/*==================================================================
	index settings
===================================================================*/
/* Top_content
-------------------------------------------------------------------*/

@media screen and (max-width : 959px){
	.Top_content{
		margin:80px 0; 
	}
}
@media screen and (max-width : 639px){
	.Top_content{
		margin:50px 0; 
	}
}

/* top_title
-------------------------------------------------------------------*/

@media screen and (max-width : 959px){
	.top_title{
		margin:0 0 60px
	}
	.uk-container>:last-child.top_title{
		margin:0 0 60px;
	}
}
@media screen and (max-width : 639px){

	.top_title{
		margin:0 0 30px;
		font-size:18px;
		letter-spacing:0.1em;
		line-height:180%;
	}
	.uk-container>:last-child.top_title{
		margin:0 0 30px;
	}
	.top_title span.sub{
		font-size:14px;
		letter-spacing:0.1em;
		margin:10px 0 0 0;
	}
	.top_title2{
		margin:0 0 15px;
		font-size:16px;
		letter-spacing:0.05em;
	}

}

/* more style
-------------------------------------------------------------------*/

@media screen and (max-width : 959px){
	p.more{
		margin: 40px 0 0 0;
	}
}
@media screen and (max-width : 639px){
	p.more{
		margin: 20px 0 0 0;
	}
	.more a{
		min-width:initial;
		display:block;
		padding:10px 20px;
		font-size:15px;
	}
}



/* line-list
---------------------------------------*/

@media screen and (max-width : 959px){
}
@media screen and (max-width : 639px){
	.date{
		margin:0 10px 0 0;
		font-size:10px;
	}
	.line-list li h3{
		display:block;
		margin: 10px 0 0 0 ;
		width:100%;
		font-size:14px;
	}
	.i-cat{
		margin:0 ;
		font-size:10px;
		padding:5px 15px;
	}
	.line-list li a{
		padding:10px 0;
	}
}




/*==================================================================
	page settings
===================================================================*/
/* 固定ページ
-------------------------------------------------------------------*/


@media screen and (max-width : 959px){
	.contents_area section{
		margin:0 0 60px;
	}
	.contents .top_title{
		margin:40px 0 60px;
	}
}
@media screen and (max-width : 639px){
	.contents_area .uk-align-right,
	.contents_area .uk-align-left{
		display:block;
		float:none;
		margin:0 auto 20px;
	}
	.contents_area .uk-align-right img,
	.contents_area .uk-align-left img{
		display:block;
		margin:0 auto ;

	}
	.contents_area .uk-align-right img.width100,
	.contents_area .uk-align-left img.width100{
		max-width:100%;
	}
	.contents_area section{
		margin:0 0 30px;
	}
	.contents .top_title{
		margin:30px 0;
	}
}

/* page_keyv
-------------------------------------------------------------------*/

@media screen and (max-width : 959px){
	.page_keyv{
		height:220px;
	}

}
@media screen and (max-width : 639px){
	.page_keyv{
		height:120px;
	}

}

/* bl
-------------------------------------------------------------------*/

@media screen and (max-width : 959px){
	.bl{
		padding: 20px;
		margin:0 0 40px;
	}
}
@media screen and (max-width : 639px){
	.bl{
		padding: 10px;
		margin:0;
	}
	.bl a,
	.bl,
	.uk-breadcrumb>li:not(.uk-active)>span,
	.bl ul li{
		font-size:10px;
	}
	.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{
		margin: 0 10px;
	}
	.uk-breadcrumb>*>*{
		display:inline;
	}
}




/* page_ttl
-------------------------------------------------------------------*/


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

}
@media screen and (max-width : 639px){
	.title1,
	.single h2{
		margin:0 0 25px 0;
		padding:12px 10px ;
		font-size:18px;
		letter-spacing:0.05em;
	}
	.title2,
	.single h3{
		font-size:16px;
		margin:25px 0 20px 0;
		letter-spacing:0.05em;
		padding:10px 15px;
	}
	.title3,
	.single h4{
		margin:0 0 15px 0;
		font-size:15px;
		padding:10px ;
	}

}

/* flow
-------------------------------------------------------------------*/

@media screen and (max-width : 639px){
	.flow{
		padding:15px 15px 10px;
	}
	.flow .title3{
		font-size:16px;
		padding-bottom:10px;
	}
	.flow .title3 span{
		position:static;
		font-size:30px;
		vertical-align:middle;
		display:inline-block;
		margin:0 5px 0 0;
		line-height:100%;
	}
}


/* text_box
-------------------------------------------------------------------*/

@media screen and (max-width : 639px){
	.sBox{
		padding:15px;
	}
}





/*==================================================================
	single settings
===================================================================*/
/* 投稿ページ,アーカイブ
-------------------------------------------------------------------*/

@media screen and (max-width : 959px){
	.archivelist{
		width:100%;
		margin-bottom:80px;
	}
	.singlepage{
		margin:0 auto 80px;
	}
	.single_more .more a{
		display:block;
		min-width:initial;
	}
}

@media screen and (max-width : 639px){
	.singlepage{
		margin-bottom:40px;
	}
	.archivelist{
		margin-bottom:40px;
	}
	.uk-container .single{
		padding:15px;
	}
	.single_more .more a{
		font-size:12px;
		padding-top:8px;
		padding-bottom:8px;
		background-position:right 10px center;
	}
	.singlepage .top_title{
		font-size:16px;
	}
	.uk-container .single .date{
		font-size:12px;
		margin:0 0 20px 0;
		padding-bottom:10px;
	}
	.attachment-singlepage_thumbnails{
		margin:0 auto ;
		padding:0;
	}
}

/* サムネイル付き list
----------------------------*/

@media screen and (max-width : 959px){
	.uk-container p.Box-txt{
		display:none;
	}
	.Box a > div{
		width:50%;
	}
	.Box a .thumbnail,
	.Box a .no-thumbnail{
		width:45%;
		height:220px;
		margin-right:5%;
	}
}
@media screen and (max-width : 639px){
	.Box a .thumbnail,
	.Box a .no-thumbnail{
		height:120px;
		width:45%;
	}
	.Box a > div{
		width:50%;
	}
	.Box a{
		margin:0 0 10px;
	}
	.Box h2{
		font-size:14px;
		margin:5px 0 ;
		padding-right:20px;
	}

}



/*   pagination
-------------------------------------------------------------------*/

@media only screen and ( max-width: 639px ) {
	.pagination li.first,
	.pagination li.last {
		/* screen readers only */
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.uk-container .pagination li{
		padding:0;
		margin:0 0 20px;
	}
	.pagination li.previous a {
		border-left-width: 1px;
	}
	.pagination {
		margin:30px 0 0 0;
	}
}



/*==================================================================
	footer settings
===================================================================*/
/* cv
------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.cv p.more {
		margin-bottom:40px;
	}
	.cv iframe{
		height:300px;
	}
}
@media screen and (max-width : 639px){
	.cv_tel a{
		font-size:22px;
		margin:0 0 20px;
	}
	.cv_tel a span{
		font-size:14px;
	}
	.cv_access{
		margin:20px 0 15px;
		font-size:14px;
	}
	.cv p.more {
		margin:20px 0 25px;
	}
	.cv iframe{
		height:200px;
	}

}


/* cv 診療時間
-------------------------------------------------------------------*/

@media screen and (max-width : 959px){
}
@media screen and (max-width : 639px){
	.access-time{
		padding:0 10px;
	}
	.sheet-time th,
	.contents table.sheet-time th{
		letter-spacing:2px;
		padding:10px 0;
		font-size:13px;
	}
	.sheet-time td,
	.contents table.sheet-time td{
		width:7%;
		padding:10px 0;
		font-size:12px;
	}
	.sheet-time th:first-child,
	.sheet-time td:first-child,
	.contents .sheet-time th:first-child,
	.contents .sheet-time td:first-child{
		padding-left:5px;
	}
	.about_time{
		margin:10px 0 0 10px;
		font-size:12px;
	}
}


/* sitemap
-------------------------------------------------------------------*/

@media screen and (max-width : 959px){
	footer{
		padding:60px 0;
	}
	.footer_sitemap{
		margin:40px 0 0 0;
	}
}

@media screen and (max-width : 639px){
	footer{
		padding:30px 0 ;
	}
	.footer_sitemap{
		margin:20px 0 0 0;
	}
	.footer_sitemap li{
		margin:0 0 10px;
	}
	.footer_sitemap p,
	.footer_sitemap li a{
		font-size:12px;
	}
	.footer_sitemap p{
		margin:30px 0 15px;
	}
}


/* sign
-------------------------------------------------------------------*/

@media screen and (max-width : 959px){
	.footer_sign{
		position:static;
		margin:40px 0;
	}
	.uk-container>:last-child.footer_sign_top{
		margin:40px 0;
	}
}
@media screen and (max-width : 639px){
	.footer_sign{
		margin:20px 0;
	}
	.footer_sign p {
		letter-spacing:0px;
		font-size:10px;
	}
	.footer_sign a{
		font-size:10px;
	}
	.uk-container>:last-child.footer_sign_top{
		margin:20px 0;
	}
}

/* pagetop
-------------------------------------------------------------------*/

@media screen and (max-width : 959px){
	#page-top {
		bottom: 120px;
	}
}
@media screen and (max-width : 639px){
	#page-top {
		bottom: 100px;
	}
	#page-top a {
		font-size:10px;
		line-height:100%;
		padding:10px 5px;
	}
}




/*==================================================================
  form setting
===================================================================*/

/* radio btn */

@media screen and (max-width : 639px){
	input[type=radio] + span {
		display:block;
	}
	.mw_wp_form .horizontal-item + .horizontal-item{
		margin-left:0!important;
	}
}


/* css btn */
@media screen and (max-width : 639px){
	#back,
	#confirm,
	input[type="submit"]{
		margin:0;
		padding:10px 20px;
		font-size:14px;
	}
}






/*==================================================================
	parts settings - header -
===================================================================*/
/* 　シンプルパッケージVer.
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	header.haeder_simple .uk-grid{
		justify-content: space-between;
		height:60px;
	}
	header.haeder_simple .uk-grid >*{
		display:block;
	}
	header.haeder_simple .uk-grid >*:last-child{
		position:relative;
		width:60px;
		margin:0;
	}
	.menu_btn{
		position:relative;
	}
	button.menu_btn.active {
		position: absolute;
		top: 0;
		right: 0;
		margin:0;
	}
}
@media screen and (max-width : 639px){
	header.haeder_simple .uk-grid{
		height:50px;
	}
	.menu-trigger{
		width:auto;
	}
}

/* 　ヴィジュアルパッケージVer.
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	header.haeder_visual,
	header.haeder_visual .uk-grid,
	header.haeder_visual.fixed,
	header.haeder_visual.fixed .uk-grid{
		height:60px;
	}
	header.haeder_visual .menu-trigger span {
		background-color: #fff;
	}
	header.haeder_visual button.active .menu-trigger span {
		background-color: #000;
	}
}
@media screen and (max-width : 639px){
	header.haeder_visual,
	header.haeder_visual .uk-grid,
	header.haeder_visual.fixed,
	header.haeder_visual.fixed .uk-grid{
		height:50px;
	}
	header.haeder_visual .logo{
		padding:0 15px;
	}
}

/* 　メディアパッケージVer.
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	header.haeder_media,
	header.haeder_media .uk-grid{
		height:60px;
	}
}
@media screen and (max-width : 639px){
	header.haeder_media,
	header.haeder_media .uk-grid{
		height:50px;
	}
	header.haeder_media .logo{
		padding:0 15px;
	}
}

/*==================================================================
	parts settings - keyv -
===================================================================*/
/* 　シンプルパッケージVer.
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.top_simple .keyv_txt{
		padding:50px 100px;
		font-size:20px;
		background:url(../img/keyvtxt_bg.png) no-repeat center center/contain;
	}
}
@media screen and (max-width : 639px){
	.top_simple .keyv,
	.top_simple .uk-slideshow-items{
		height:60vh;
	}
	.top_simple .keyv_txt{
		font-size:14px;
		letter-spacing:0.02em;
		width:90%;
	}
	.top_simple .keyv_txt span{
		font-size:12px;
		margin:15px 10px 0;
	}
}

/* 　ヴィジュアルパッケージVer.
-------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	.top_visual .keyv_txt{
		font-size:24px;
		letter-spacing:0.1em;
		width:calc(100% - 30px);
	}
	.top_visual .keyv_txt span{
		font-size:16px;
		letter-spacing:0.1em;
	}
}


/* 　メディアパッケージVer.
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.top_media .top_news{
		padding:20px 20px 0;
	}
	.top_media .line-list li h4 {
		display:block;
		line-height: 160%;
		width: 100%;
		margin-top:10px;
	}
}

@media screen and (max-width : 639px){
	.top_media .keyv {
		height:auto;
	}
	.top_media .uk-slideshow-items{
		height:40vh;
		margin-left:15px;
	}
	.top_media .top_news{
		position:static;
		width:calc(100% - 40px);
	}
	.top_media .top_news h2{
		font-size:20px;
		padding-left:0;
	}
	.top_media .top_news h2 a{
		font-size:12px;
		background-size:8px;
		padding-left:15px;
	}
	.top_media .line-list li h4 {
		font-size:14px;
	}
}

/*==================================================================
	parts settings - あいさつなど -
===================================================================*/
/* 01
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.uk-grid>*>:last-child.about_img01{
		height:300px;
		margin:0 0 30px;
	}
}

@media screen and (max-width : 639px){
	.uk-grid>*>:last-child.about_img01{
		height:200px;
		margin:0 0 15px;
	}
}

/* 02
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.about_img02_1,
	.about_img02_2,
	.about_img02_3{
		height:200px;
	}
}

@media screen and (max-width : 639px){
	.uk-grid>*>:last-child.about_img02_1,
	.uk-grid>*>:last-child.about_img02_2,
	.uk-grid>*>:last-child.about_img02_3{
		height:120px;
		margin:0 0 20px;
	}
}

/* 03
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.uk-grid>*>:last-child.about_img03{
		height:300px;
		margin:0 0 30px;
	}
}

@media screen and (max-width : 639px){
	.uk-grid>*>:last-child.about_img03{
		height:200px;
		margin:0 0 15px;
	}
}

/* 04
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.about_img04{
		width:100%;
		margin:0 0 30px;
	}
	.about_txt{
		writing-mode: horizontal-tb;
		max-height:none;
		margin:0 ;
	}
	.about_txt h3,
	.about_txt p{
		margin-left:0;
	}
}

@media screen and (max-width : 639px){
	.about_img04{
		height:200px;
		margin:0 0 15px;
	}
}


/*==================================================================
	parts settings - 特徴など -
===================================================================*/
/* 01
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.uk-grid>*>:last-child.point_box01{
		margin:0 0 40px;
	}
	.uk-grid>*:last-child .point_box01{
		margin:0 ;
	}
}

@media screen and (max-width : 639px){
	.point_img01_1,
	.point_img01_2,
	.point_img01_3{
		height:200px;
	}
	.point_box01 h3{
		font-size:16px;
		margin:25px 0 20px;
	}
	.uk-grid>*>:last-child.point_box01{
		margin:0 0 20px;
	}
	.uk-grid>*:last-child .point_box01{
		margin:0 ;
	}
}

/* 02
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.point_img02_1,
	.point_img02_2,
	.point_img02_3{
		width:100%;
		height:300px;
	}
	.point_box02{
		margin:0 0 60px;
	}
	.uk-grid>*>:last-child.point_txt02{
		margin:260px 0 0;
		padding:40px;
	}
}

@media screen and (max-width : 639px){
	.point_img02_1,
	.point_img02_2,
	.point_img02_3{
		width:100%;
		height:200px;
	}
	.point_box02{
		margin:0 0 20px;
	}
	.uk-grid>*>:last-child.point_txt02{
		margin:160px 0 0;
		padding:20px;
	}
	.point_txt02 h3{
		font-size:16px;
		margin:0 0 15px ;
	}
}

/* 03
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.uk-slidenav-previous {
		left:30px;
	}
	.uk-slidenav-next {
		right:30px;
	}
}

@media screen and (max-width : 639px){
	.uk-slidenav-previous,
	.uk-slidenav-next{
		height:30px;
		width:30px;
	}
	.uk-slidenav-previous {
		left:0;
	}
	.uk-slidenav-next {
		right:0;
	}
	.point_txt03{
		padding:30px;
	}
	.point_txt03 h3{
		font-size:16px;
		margin: 0 0 20px 0;
	}
	.point_img03{
		height:180px;
	}
	.point_box03{
		width:300px;
		margin:10px 15px;
	}
}

/* 04
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.point_img04_1,
	.point_img04_2,
	.point_img04_3,
	.point_img04_4{
		height:220px;
	}
	.uk-grid>*>:last-child.point_box04{
		margin:0 0 40px;
	}
	.point_txt04{
		padding:35px 30px 60px;
	}
	.point_txt04 p.more{
		left:30px;
		width:calc(100% - 60px);
	}
}

@media screen and (max-width : 639px){
	.point_img04_1,
	.point_img04_2,
	.point_img04_3,
	.point_img04_4{
		height:200px;
	}
	.uk-grid>*>:last-child.point_box04{
		margin:0 0 40px;
	}
	.point_txt04{
		padding:30px 20px 0;
	}
	.point_txt04 p.more{
		position:static;
		width:100%;
	}
	.point_txt04 h3{
		font-size:16px;
	}
}


/*==================================================================
	parts settings - メニューなど -
===================================================================*/
/* 01
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.uk-grid>*>:last-child.menu_box01{
		margin:0 0 30px;
	}
}

@media screen and (max-width : 639px){
	.uk-grid>*>:last-child.menu_box01{
		margin:0 0 10px;
	}
	.Topmenu01 .uk-grid>*{
		padding-left:10px;
	}
	.Topmenu01 .uk-grid{
		margin-left:-10px;
	}
	.menu_box01{
		height:120px;
	}
	.menu_box01 h3{
		width:calc(100% - 20px);
		padding:10px 10px;
		font-size:14px;
	}
}


/* 02
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.uk-grid>*>:last-child.menu_box02 {
		margin:0 0 40px 0;
	}
}

@media screen and (max-width : 639px){
	.uk-grid>*>:last-child.menu_box02 {
		margin:0 0 30px 0;
	}
	.Topmenu02 .uk-grid>*{
		padding-left:10px;
	}
	.Topmenu02 .uk-grid{
		margin-left:-10px;
	}
	.menu_box02 h3{
		font-size:14px;
		margin:15px 0 0 0;
	}
	.menu_img02{
		height:140px;
		width:140px;
	}
	.menu_img02_1,
	.menu_img02_2,
	.menu_img02_3,
	.menu_img02_4,
	.menu_img02_5,
	.menu_img02_6,
	.menu_img02_7,
	.menu_img02_8,
	.menu_img02_9{
		height:140px;
		width:140px;
	}
	.Topmenu02 p.more{
		margin-top:10px;
	}
}

/* 03
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.Topmenu03 .uk-grid >*> a{
		margin:0 0 30px;
	}
}

@media screen and (max-width : 639px){
	.Topmenu03 .uk-grid>*{
		padding-left:10px;
	}
	.Topmenu03 .uk-grid{
		margin-left:-10px;
	}
	.Topmenu03 .uk-grid >*> a{
		margin:0 0 10px;
		min-height:70px;
	}
	.Topmenu03 a h3{
		font-size:14px;
	}
}

/* 04
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.menu_txt04{
		padding:30px 30px 20px;
	}
}

@media screen and (max-width : 639px){
	.menu_txt04{
		padding:20px 20px 10px;
	}
	.menu_box04{
		margin:0 0 20px;
	}
	.menu_img04{
		height:140px;
	}
	.menu_txt04 h3{
		font-size:16px;
		margin:0 0 20px;
	}
	.menu_txt04 p:last-child{
		font-size:12px;
		text-align:center;
	}
}

/*==================================================================
	parts settings - 投稿出力 -
===================================================================*/
/* 01
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.news_box01{
		padding:10px 15px 15px ;
	}
	.news_box01 .date{
		margin-right:10px;
	}
	.news_box01 .i-cat{
		font-size:12px;
	}
	.Topnews01 .uk-grid>*>a:last-child  {
		margin:0 0 30px;
	}
}

@media screen and (max-width : 639px){
	.news_box01 h3{
		font-size:14px;	
		margin:10px 10px 0 0;
	}
	.Topnews01 .uk-grid>*>a:last-child  {
		margin:0 0 15px;
	}
	.news_box01 .i-cat{
		font-size:10px;
	}
}

/* 02
-------------------------------------------------------------------*/

@media screen and (max-width : 639px){
	.Topnews02 .line-list li h3 {
		width: 100%;
	}
	.Topnews02 .line-list a {
		padding: 15px 10px;
	}
	.Topnews02{
		padding:40px 0;
	}
}

/* 03
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.Topnews03 .uk-grid > *:first-child{
		margin-bottom:60px;
	}
}

@media screen and (max-width : 639px){
	.Topnews03 h3{
		font-size:18px;
		margin-bottom:0;
	}
	.Topnews03 .uk-grid > *:first-child{
		margin-bottom:40px;
	}
	.Topnews03 .line-list li h4{
		display:block;
		margin: 5px 0 0 0 ;
		width:100%;
		font-size:14px;
	}
}

/* 04
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.Topnews04 .uk-grid >*{
		margin:0 0 30px;
	}
	.Topnews04 .news_img{
		height:120px;
	}
	.news_box04{
		padding:15px 0;
	}
	.Topnews04 .date{
		margin-right:10px;
	}

}

@media screen and (max-width : 639px){
	.Topnews04 .uk-grid >*{
		margin:0 0 15px;
		padding-left:10px;
	}
	.Topnews04 .uk-grid {
		margin-left:-10px;
	}
	.news_box04 h3{
		font-size:14px;
		margin:10px 0 0 0;
	}
	.news_box04{
		padding:10px 0;
	}
}

/* 05
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.Topnews05 #js-tabContent{
		padding:30px ;
	}
}

@media screen and (max-width : 639px){
	.Topnews05 #js-tabContent{
		padding:10px 15px 15px ;
	}
}
/*==================================================================
	parts settings - footer -
===================================================================*/
/* mainslide(imgslide)
------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	.mainslide{
		height:120px;
		background-size:cover;
	}
}


/* 　footer_contact
-------------------------------------------------------------------*/

@media screen and (max-width : 639px){
	.footer_contact{
		padding:40px 0 60px 0;
	}
	.footer_contact p.more a{
		font-size:16px;
		padding:15px 15px;
		height:auto;
	}
}

/* 　parallax
-------------------------------------------------------------------*/
@media screen and (max-width : 959px){
	.parallax{
		background-attachment:scroll;
	}
}

@media screen and (max-width : 639px){
	.parallax{
		height:240px;
	}
}


/* 　CV03
-------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	.cv .dllist dt, .cv .dllist dd {
		margin: 0 0 15px;
	}
}
/* 　footer01
-------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	.footer01 .footer_sign{
		text-align:center;
		margin:30px 0 0 0;
	}
}

/* 　footer02
-------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	.footer02 .footer_sign{
		padding:10px;
		margin:30px 0 0 0;
	}
}

/* 　footer03
-------------------------------------------------------------------*/
@media screen and (max-width : 639px){
	.footer03 .footer_sign{
		position:static;
		text-align:center;
		margin:40px 0 0 0;
	}
	.footer03 .footer_sitemap{
		margin:30px 0 0 0;
	}
	.footer03 .footer_sitemap li{
		display:block;
		margin:10px 20px;
	}
	.footer03 .footer_sitemap li a{
		font-size:14px;
	}
}