@charset "utf-8";

/*
SP： 640px以下
PC： 641px以上
*/

/*================================
 SP & PC
================================*/
/* 都道府県名 */
.box_category li.category01{
background-color:#000000;
}
/* 無料セミナー */
.box_category li.category02{
background-color:#fc8400;
}
/* フリー入力（イベント） */
.box_category li.category03{
background-color:#838617;
}
/* 歯科医師様対象 */
.box_category li.category04{
background-color:#276193;
}
/* フリー入力（セミナー） */
.box_category li.category05{
background-color:#0099c5;
}

/*残席少*/
.status_color01{
background-color:#ffc102 !important;
}
/*満員御礼*/
.status_color02{
background-color:#9d2900 !important;
}
/*自由入力*/
.status_color03{
background-color:#6e4801 !important;
}

/*================================
 SP
================================*/
@media screen and (max-width: 640px){
#pagetitle img{
width:44%;
}
#pagetitle{
border-bottom:none;
}
.event_seminar_container{
margin-bottom:3%;
}
.event_seminar_container .disnon{
display:none;
}
#tabs{
width:100%;
margin-bottom:1px;
padding-bottom:4%;
}
#tabs h3{
width:50%;
padding:3.5%;
border-top: dotted #3d3d3d 1px;
background-color:#FFFFFF;
color:#000000;
float:left;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
cursor:pointer;
}
#tabs h3 span{
display:block;
}
/* event */
#tabs.tab_event{
background-color:#848618;
}
#tab_event.select{
border-top: solid #3d3d3d 3px;
border-right:dotted #9b9b9d 1px;
background-color:#848618;
color:#FFFFFF;
}
#event_box .box_title{
color:#848719;
}
/* seminar */
#tabs.tab_seminar{
background-color:#276193;
}
#tab_seminar.select{
border-top: solid #3d3d3d 3px;
border-right:dotted #9b9b9d 1px;
background-color:#276193;
color:#FFFFFF;
}
#seminar_box .box_title{
color:#276193;
}

.content_wrap{
padding:0 3.33333% 3.33333% 3.33333%;
background-color:#ececec;
}
.content_wrap .box_wrap{
padding-top:4%;
}
.content_wrap .box{
background-color:#FFFFFF;
}

.box_category{
margin-bottom:4%;
}
.box_category li{
display:inline-block;
margin-right:1px;
padding:2px 10px;
font-size:90%;
color:#FFFFFF;
}
.box_title{
width:100%;
display:inline-block;
margin-bottom:3.11111%;
padding:0 4% 2% 4%;
border-bottom:dotted #8b8b8b 1px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
vertical-align:middle;
line-height:1.5em;
font-size:90%;
}
.box_title span{
display:inline-block;
}
.box_title span.status{
width:25%;
margin-right:2%;
padding:3px 5px;
background-color:#ed2d39;
color:#FFFFFF;
vertical-align:middle;
text-align:center;
}
.box_title span.text{
width:65%;
vertical-align:middle;
}
.box_inner{
padding:0 3.55556%;
font-size:90%;
line-height:1.5em;
}
.box_detail_text{
margin-bottom:3.11111%;
padding-bottom:3.11111%;
border-bottom:dotted #b7b7b7 1px;
}
.box_thumnail{
margin-bottom:3.11111%;
}
.box_thumnail .lbox{
width:31.65468%;
float:left;
}
.box_thumnail.no_image .lbox{
display:none;
}
.box_thumnail .rbox{
width:65.22782%;
float:right;
}
.box_thumnail.no_image .rbox{
width:100%;
}
.box_thumnail .rbox dl{
margin-bottom:5%;
}
.box_thumnail .rbox dl dt{
width:20%;
float:left;
white-space:nowrap;
}
.box_thumnail.no_image .rbox dl dt{
width:12%;
}
.box_thumnail .rbox dl dd{
width:80%;
float:right;
}
.box_thumnail.no_image .rbox dl dd{
width:86%;
}
.box_detail_subtext{
padding-top:3.11111%;
padding-bottom:3.11111%;
border-top:dotted #b7b7b7 1px;
}
.box_detail_button{
text-align:right;
}
.box_detail_button img{
width:38.66667%;
}

.tabs_bottom_title{
padding:3.54167%;
border-top:solid #3d3d3d 3px;
font-weight:bold;
font-size:110%;
}
#tabs_bottom{
border-top:dotted #b2b2b2 1px;
padding-bottom:14.375%
}
#tabs_bottom li a{
display:block;
padding:3.125% 6.66667%;
background:url(./img/common/icn_tri_r.png) 3.54167% 50% no-repeat;
color:#000000;
}
#tabs_bottom li{
border-bottom:dotted #b2b2b2 1px;
}
#tabs_bottom li.select{
background-color:#ededed;
}


}
/*================================
 PC
================================*/
@media print,screen and (min-width: 641px){
#main_contents{
width:100% !important;
}
.event_seminar_container{
width:100%;
margin-bottom:12px;
padding-bottom:32px;
border-bottom:dotted #b2b2b2 1px;
}
.event_seminar_container .disnon{
display:block;
}
.content_wrap{
width:452px;
padding:0 11px 11px 11px;
background-color:#ececec;
}
.content_wrap .box_wrap{
padding-top:10px;
}
.content_wrap .box{
background-color:#FFFFFF;
}

#event_box{
float:right;
}
#event_box .box_title{
color:#848719;
}
#seminar_box{
float:left;
}
#seminar_box .box_title,
#seminar_box .box_title .text{
color:#276193;
}

#tabs{
width:100%;
}
#tabs h3{
width:449px;
height:66px;
padding:0 11px;
border-left: solid #3d3d3d 3px;
}
#tabs h3 span{
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#tabs h3#tab_event{
float:right;
background: url(../img/event/ttl_event_information.png) 18px 50% no-repeat #848618;
}
#tabs h3#tab_seminar{
float:left;
background: url(../img/event/ttl_seminar_information.png) 18px 50% no-repeat #276193;
}

.box_category{
margin-bottom:11px;
}
.box_category li{
display:inline-block;
/display: inline;
/zoom: 1;
margin-right:1px;
padding:2px 10px;
font-size:90%;
background-color:#000000;
color:#FFFFFF;
}
.box_title{
width:100%;
display:inline-block;
margin-bottom:11px;
padding:0 16px 10px 16px;
border-bottom:dotted #8b8b8b 1px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
vertical-align:middle;
line-height:1.5em;
}
.box_title span{
display:inline-block;
}
.box_title span.status{
margin-right:10px;
padding:3px 10px;
background-color:#ed2d39;
color:#FFFFFF;
vertical-align:middle;
}
.box_title span.text{
width:300px;
vertical-align:middle;
}
.box_inner{
padding:0 16px;
font-size:90%;
line-height:1.7em;
}
.box_detail_text{
margin-bottom:11px;
padding-bottom:11px;
border-bottom:dotted #b7b7b7 1px;
}
.box_thumnail{
padding-bottom:11px;
}
.box_thumnail .lbox{
width:132px;
float:left;
}
.box_thumnail .rbox{
width:275px;
float:right;
}
.box_thumnail.no_image .rbox{
width:100%;
}
.box_thumnail .rbox dl{
padding-bottom:24px;
}
.box_thumnail .rbox dl dt{
width:40px;
float:left;
}
.box_thumnail .rbox dl dd{
width:235px;
float:right;
}
.box_thumnail.no_image .rbox dl dd{
width:380px;
}
.box_detail_subtext{
padding-top:11px;
padding-bottom:11px;
border-top:dotted #b7b7b7 1px;
}
.box_detail_button{
text-align:right;
}

.tabs_bottom_title{
display:none;
}
#tabs_bottom{
display:none;
}
}