@charset "utf-8";

/* -----------------------------------------------------------------
company CSS
LAST UPDATE:
--------------------------------------------------------------------*/

/*====================
PCを基本設計にする
 - 1280px〜：大型PC
 - 960px〜1279px：小型PC
 - 600px〜959px：タブレット
 - 480px〜599px：スマートフォン横
 - 〜479px：スマートフォン縦
====================*/ 

/* ▼▼▼ company font-size/line-height ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
h2{ font-size:30px; line-height: 1.3;}
h3{ font-size:20px;  line-height: 1.3;}
.col2Table01{ font-size:15px; line-height: 1.45}
#footer{ font-size:13px;}

@media screen and (min-width:600px) and (max-width:959px) {
    h2{ font-size:24px; line-height: 1.3;}
    h3{ font-size:18px;  line-height: 1.3;}
    .col2Table01{ font-size:15px; line-height: 1.3}
}

@media screen and (min-width:480px) and (max-width:599px) { 
    h2{ font-size:24px; line-height: 1.3;}
    h3{ font-size:18px;  line-height: 1.3;}
    .col2Table01{ font-size:14px; line-height: 1.3}
}

@media screen and (max-width:479px) { 
    body{font-size:15px; line-height:1.8;}
    h2{ font-size:20px; line-height: 1.3;}
    h3{ font-size:16px;  line-height: 1.3;}
	.col2Table01{ font-size:14px; line-height: 1.3}
	
	#area_mice .ribon{font-size:15px; line-height: 1.3}
	#area_mice p.mice{font-size:15px; line-height: 1.3} 
	#area_mice p.mice2{font-size:15px; line-height: 1.3} 
}
/* ▲▲▲ company font-size/line-height ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* ------------------------------------------------------------------------------------------------------------------------
    1280px〜：大型PC 
------------------------------------------------------------------------------------------------------------------------ */

.col2Table01 tr{ border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.col2Table01 th{ background:#f6f6f6; width:20%; font-weight:bold; padding:15px; vertical-align:middle;}
.col2Table01 td{ padding:15px; vertical-align:middle; width:80%;}

.col2Table01 tr td .col2Tbinner{ margin-top:0;}
.col2Table01 tr td .col2Tbinner tr{ border:0;}
.col2Table01 tr td .col2Tbinner th{ border:0; width:230px; font-weight:normal; vertical-align:top; padding: 4px 0; background:#fff;}
.col2Table01 tr td .col2Tbinner td{ border:0; width: auto; padding: 4px 0; background:#fff;}

/* ------------------------------------------------------------------------------------------------------------------------
    〜479px：スマートフォン縦
------------------------------------------------------------------------------------------------------------------------*/ 
@media screen and (max-width:479px) { 
.col2Table01 th{ width:30%; padding:15px 5px;}
.col2Table01 td{ padding:15px 5px; width:70%;}

}
/* ------------------------------------------------------------------------------------------------------------------------
    タブレット(959以下)で下段に表示
------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {
	/* ▼▼▼ #area_mice(北九州グローバルMICE推進協議会) ▼▼▼ */
	#area_mice{margin-top:35px; padding:25px; background-color: #f2f2f2; border-radius: 10px; text-align: left;} 
	#area_mice h2 img{width:70%; margin:0;}
	#area_mice .ribon{font-weight:bold; margin:25px 10px; color:#000;}
	#area_mice p.mice{font-weight:bold; margin:25px 10px;} 
	#area_mice p.mice2{ font-weight:bold; color:rgb(0, 0, 0);margin:25px 10px;} 
	#area_mice ul{ margin:25px 10px;} 
	#area_mice .mice_dantai{margin:25px 10px; background-color: #fff; height: auto; overflow: auto;  padding-top: 10px;} 
	#area_mice .mice_dantai h3{ margin:0 15px; padding:5px 0 5px 15px;color:#fff; font-weight: 700;  background-color: #f74e0b; border-radius: 5px;}
	#area_mice .mice_dantai ul{margin:10px 15px;  text-align: left;}
	#area_mice .mice_dantai ul li{float: none;}
	#area_mice .mice_dantai ul li:last-child{padding-bottom: 20px;}
	
	/* ▼▼▼ .contactBox ▼▼▼ */
	.contactBox{clear:both; border:4px solid #cccccc; width:99%; display: block; margin:25px auto; }
	.contactBox p{background-color: #FFF; padding:10px 0;}
	.contactBox h4{ color: #FFFFFF; background-color: #333333;	padding: 10px; margin: 0px;  text-align: center; color:#fff;font-weight:bold;}
	.contactBox img{width:100%; }
}

@media screen and (max-width:959px) {
        .mb200{ display: none !important; }
}


@media screen and (max-width:599px) {
	/* ▼▼▼ #area_mice(北九州グローバルMICE推進協議会) ▼▼▼ */
	#area_mice{margin-top:35px; padding:5px; background-color: #f2f2f2; border-radius: 10px; text-align: left;} 
	#area_mice h2 img{width:90%; margin:15px 0 3px 0;}
	#area_mice .ribon{font-weight:bold; margin:5px; color:#000;}
	#area_mice p.mice{font-weight:bold; margin:25px 5px;} 
	#area_mice p.mice2{ font-weight:normal; color:rgb(0, 0, 0);margin:15px 5px;} 
	#area_mice ul{ margin:15px 5px;} 
	#area_mice .mice_dantai{margin:15px 5px; background-color: #fff; height: auto; overflow: auto;  padding-top: 10px;} 
	#area_mice .mice_dantai h3{ margin:0 10px; padding:5px 0 5px 15px;color:#fff; font-weight: 700;  background-color: #f74e0b; border-radius: 5px;}
	#area_mice .mice_dantai ul{margin:10px;  text-align: left;}
	#area_mice .mice_dantai ul li{float: none;}
	#area_mice .mice_dantai ul li:last-child{padding-bottom: 20px;}

	/* ▼▼▼ .contactBox ▼▼▼ */
	.contactBox{clear:both; border:4px solid #cccccc; width:98%; display: block; margin:25px auto; }
	.contactBox p{background-color: #FFF; padding:10px 0;}
	.contactBox h4{ color: #FFFFFF; background-color: #333333;	padding: 10px; margin: 0px;  text-align: center; color:#fff;font-weight:bold;}
	.contactBox img{width:100%; }
}
	
@media screen and (min-width:960px) {
	#area_mice,.contactBox{ display: none !important; }    
}