@charset "utf-8";
/* CSS Document */
/* スマホ用サイズ */
@media screen and ( max-width:599px ){

.m_none {
	display: none;
}

.p_none {
	display: block;
}

#top_header {
	width: 100%;
	top: 0;
	margin-top: 0;
	padding: 0;
}

.inner {
	width: 100%;
}

h1 {
	font-size: 1.3em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
	line-height: 180%;
}

/********** column **********/
.column3,
.column4 {
	position: relative;
	display: inline;
	float: left;
	padding: 0;
	width: 48%;
}

/*------------------------------------------
// top_bnr
----------------------------------------- */
.top_bnr {
	width: 96%;
	background: #CCC;
	padding: 1% 2%;
	margin: 20px 0 30px;
}
.top_bnr li {
	margin: 1% 1%;
}

.top_bnr li.column4:first-child,
.top_bnr li.column3:first-child{
	margin-left: 1%;
}
.top_bnr li.column4:last-child,
.top_bnr li.column3:last-child {
	margin-right: 1%;
}
.footer_bnr li.column4:nth-child(odd){  /* 奇数 */
	margin-right: 0.5%;
}
.footer_bnr li.column4:nth-child(even){  /* 偶数 */
	margin-left: 0.5%;
}
	
/********** 歯科 導入ユーザー紹介 **********/
.top_bnr_left {
	width: 95%;
	margin: 0 2.5% 0 2.5%;
}
	
.top_bnr_right {
	width: 95%;
	margin: 0 2.5% 0 2.5%;
	padding: 0;
}
	
.top_bnr2{
	width: 98%;
}
	
/********** 歯科 カウンセリング動画集 **********/
.cou_btn {
  margin-top: -4%;
}


/*------------------------------------------
// genre_title
----------------------------------------- */
.genre_title {
	height: 30px;
	width: 100%;
}
.genre_title h1 {
	line-height: 30px;
}

/*------------------------------------------
// DM_box_sp2210
----------------------------------------- */
.DM_box_sp2210 {
	position:relative;
}

.DM_box_sp2210 a{
	position:absolute;
	top: 45%;
	right: 1%;
	display: block;
	background: #FF0000;
		width: 32%;
			height: 30px;
	float: right;
	color: #FFF;
	text-align: center;
	border-radius: 6px;
	margin-bottom: 5px;
	font-size: 0.9em;
	line-height: 2.5em;
}

.DM_box_sp2210 a:hover {
	text-decoration: none;
	opacity: 0.7;
}
	
/********** 歯科 最新DM紹介 **********/

.DM_box_d2401 a{
	width: 32%;
	height: 30px;
	font-size: 0.9em;
	line-height: 2.5em;
}	

/*------------------------------------------
// DM_box
----------------------------------------- */
.DM_box {
	margin-bottom: 40px;
}
.newDM_title {
	margin: 0;
}
.newDM_title p {
	font-size: 1em;
	line-height: 25px;
}
.newDM_title p.new {
	width: 130px;
	height: 25px;
	line-height: 25px;
}
.newDM_BOX p,
.newDM_BOX2 p {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
}
.newDM_BOX .left,
.newDM_BOX .right,
.newDM_BOX .center,
.newDM_BOX2 .left,
.newDM_BOX2 .right,
.newDM_BOX2 .center {
	width: 98%;
	margin: 0 auto;
	float: none;
	font-size: 1em;
}
.newDM_BOX a .right,
.newDM_BOX2 a .right {
	margin-top: 2%;
}

a.archive_link {
	width: 150px;
	height: 40px;
	margin-right: 5%;
	padding-left: 5px;
	line-height: 40px;
}

.DM_box_sp a{
	display:none;
}


/*------------------------------------------
// news（お知らせ link ver）
----------------------------------------- */
.pic_box img {
	margin-bottom: 15px;
}
.pic_box p{
  width: 95%;
	color: #4d4d4d!important;
	font-size: 0.85rem;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
}
.pic_box p:after {
}

.link_box {
    padding: 8px 0;
}
.link_box p {
	width: 93%;
font-size: 0.8rem;
}
.news_img {
	width:100%;
}

/*------------------------------------------
//  news（お知らせ）
----------------------------------------- */

.text_box p {
  font-size: 0.8rem;
}

.hidden_box {
	padding: 8px 0;
}
.hidden_box label {
	font-size: 0.8rem;
	padding: 0;
}
.hidden_box label:after {
 padding:1% 1.5%;
}

.hidden_box .hidden_show. exhibition {
	font-size: 0.55rem;
	line-height: 220%;
	margin-bottom: 6%;
}

.booth {
	padding-right: 1%;
	margin-left: 0;
}

.sm_ticket {/*--- なんでかsmだけサイズが変 ---*/
	font-size: 0.9rem;
}

.news_new:before {
	content: "NEW";
	font-size: 0.5rem;
}

.link_box p, .text_box p, .hidden_box p {
    padding-left: 0;
}

.hidden_box .hidden_show .exhibition {
    font-size: 0.8rem;
    margin-bottom: 4%;
    line-height: 160%;
}

.link_box p:after {
    content: "詳細";
    padding: 0.1% 2%;
    background: #08c;
    margin: 1% auto;
    border-radius: 3px;
    color: #FFF;
    display: inherit;
    text-align: center;
    width: 30%;
}

/*------------------------------------------
//  産業のお知らせ
----------------------------------------- */

.tab_bt_left {
	float: none;
	width: 100%;
	margin-bottom: 7%;
}

.tab_bt_right {
	float: none;
	width: 100%;
}

.exbox {
	padding: 10px 0 0;
}

.exbox_show2 img {
	width: 100%;
}

.ex_50 {
	width: 100%;
	margin: 0 auto;
}

.exbox2 {
	padding-bottom:0;
}

p.ct_sampletxt {
	display:block;
	font-size: 0.95rem;
	margin:2% auto;
	width: 96%;
}

.exbox2 label, .exbox2 h2 {
    font-size: 1.2rem;
    line-height: 25px;
    height: 28px;
}

span.ct_sampletxt2 {
	display:none;
}

ul.exhibition a {
    display: block;
    position: static;
}

ul.exhibition a, ul.exhibition li.booth {
    padding-left: 3.5%;
		margin-top: 1%;
		font-size: 0.7rem;
		padding-top:0;
}

.slide-btn-open, .slide-btn-close {
    position: static;
    margin: 0 auto;
		display: inline-block;
		width: 25%;
}

ul.exhibition li.bold, ul.exhibition a {
    line-height: 150%;
}
ul.exhibition li.date, ul.exhibition li.ex_name, ul.exhibition li.booth{
	width:100%;
	float:none;
}


/*------------------------------------------
// p_category
----------------------------------------- */
.p_category { 
	width: 90%;
	margin: 0 auto 5rem;
}
.sub_title {
	position: static;
	margin-bottom: 5px;
}
.sub_title h3 {
	font-size: 1.0rem;
	margin-bottom: 0;
}
.sub_title h3 span {
	font-size: 1.4rem;
}
.sub_title h4 {
	float: none;
	clear: both;
	font-size: 1.0rem;
	margin: 0;
}
.sub_title h4 span {
	font-size: 0.6rem;
	margin: 0;
}
.cate_title p {
	font-size: 0.6rem;
	float: left;
	text-align: left;	
	margin-bottom: 5px;
}

.cate_title p.deve {
	display: inline;
	line-height: 130%;
}

.cate_title p br {
	display: block;
}
.cate_title p img.lease_tel {
	width: 15px;
}

.p_category .l_colB .column4 {
	width: 48.5%;
	flex-basis: 48.5%;
	-webkit-flex-basis: 48.5%;/*--- safari（PC）用 ---*/
}
	
.p_category .l_colB .column4_ind {
	width: 48.5%;
	flex-basis: 48.5%;
	-webkit-flex-basis: 48.5%;/*--- safari（PC）用 ---*/
}

.p_category .cateBox .column4 p {
	font-size: 0.8rem;
}
.p_category .cateBox .column4 .cateimg_box p {
	font-size: 0.8rem;
	font-size: 0.8em;
}
.p_category .cateBox .column4:nth-child(5n+1) {
	margin-left: 1%;
}
.p_category .cateBox .column4:nth-child(odd){  /* 奇数 */
	margin-left: 0;
}
.p_category .cateBox .column4:nth-child(even){  /* 偶数 */
	margin-right: 0;
}
.p_category .cateBox .column4 .cateBox_title p {
	font-size: 0.95rem;
	padding: 6px 0 1px;
}

img.img_l {
	width: 90%;
	margin: 10px auto 15px;
}

.cateBox_title {
	padding-bottom: 5px;
}

.p_category .cateBox .column4 .lease_title {
    height: auto!important;
}

.p_category .cateBox .column4 .cateimg_box img.nolease_cateimg {
    margin: 8% 0;
}

.p_category .cateBox .column4 .cateBox_title p span.ct, .p_category .cateBox .column4 .cateBox_title p span.censor, .p_category .cateBox .column4 .cateBox_title p span.camera, .p_category .cateBox .column4 .cateBox_title p span.other {
    font-size: 4.2vw;
}

.p_category .cateBox .column4 .cateimg_box p span.shikaku {
    margin-bottom: 10px;
}

.p_category .cateBox .column4 .cateBox_title p.palent {
    margin: -4px auto 3px;
}

.p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box .kara_sp {
    height: 8vw;
}

.p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box .kara_sp2 {
    height: 12vw;
}

.p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box .kara_sp_ind {
    height: 60px;
}


/*------------------------------------------
// price
----------------------------------------- */

.p_category .cateBox .column3 p.price {
	font-size: 1.5rem;
}	
		
.manen {
	font-size: 1.1rem;	
}

.manen_lg {
    font-size: 0.75rem;
}

.tax {
	font-size: 0.65rem;
}

.p_category .cateBox .column4 .cateBox_title p.lease {
	font-size: 2.1vw;
	letter-spacing: -0.5px;
	margin-top: 5px;
	padding-bottom: 2%;	
}

.p_category .cateBox .column4 .cateBox_title p.img_p {
	margin-top: 0;
}

.p_category .cateBox .column4 p.price {
	font-size: 1.98rem;
	padding-bottom: 3px;
	padding-top: 2px;
}

.p_category .cateBox .column4 p.price img {
	margin-right: 4%;
}

.p_category .cateBox .column4 .cateBox_title p.lease_sp {
    padding-top: 8px;
    padding-bottom: 4px;
}
.p_category .cateBox .column4 .cateBox_title p.lease_sp2 {
	padding-top: 20px;
}

.p_category .cateBox .column4 .bk_color {
	height: 37px;
}

span.price_s {
 	font-size: 4.5vw;
}

.p_category .cateBox .column4 .cateBox_title p span.other_s {
	font-size: 1rem; 
	font-size: 3.2vw;
}

/*------------------------------------------
// DM_box2
----------------------------------------- */
.DM_box2 {
	width: 90%;
	padding: 4% 5% 5%;
}
.DM_box2 a {
	display: none;
}
.DM_box2 img {
	width: 100%;
}
}

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

.p_category .cateBox .column4 p.price img {
}

.p_category .cateBox .column4 .bk_color {
	width: 90%;
}

.p_category .cateBox .column4 p.price {
	font-size: 1.75rem!important;
	padding-bottom: 3px;
	padding-top: 2px;
}

.p_category .cateBox .column4 .cateBox_title p {
	font-size: 0.8rem;
}

.manen {
	font-size: 0.8rem;
}

.p_category .cateBox .column4 .cateBox_title p.lease {
	margin-top: 0;
	letter-spacing: -0.8px;
}
}