@charset "utf-8";
/**************************************/
/*--reset--                           */
/**************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Begin Typography & Colors */
/*html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}*/

/************************/
/* ボディの定義         */
/************************/
body {
/***	background: url(../images/bg.jpg) #FFFFFF;   **/
	background: #CFFFCF;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #1E2862;
	/* added for responsive web design 2016/3/14 */
	/* モバイル端末の文字サイズ自動調整をOFFに設定 */

	-webkit-text-size-adjust: 100%;	
	-moz-text-size-adjust: none;
}


/************************/
/* Clearfixの定義       */
/************************/
/* Clearfix */  
.clearfix:after {  
    content: " ";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;  
}  
.clearfix {  
    display: inline-block;  
    min-height: 1%;  
}  
/* Hides from IE-mac \*/  
* html .clearfix {  
    height: 1%;  
}  
.clearfix {  
    display: block;  
}  
/* End hide from IE-Mac */ 

/*****************************************************/
/* 共通定義                                          */
/*****************************************************/
/************************/
/* aの共通定義          */
/************************/
a {
	text-decoration: none;
}
/************************/
/* h1の共通定義          */
/************************/
h1 {
	display: none;
}
/************************/
/* h2の共通定義         */
/************************/
h2 {
	margin-bottom: 10px;
	padding-left: 35px;
	background: url(../images/ico_007n.gif) no-repeat;
	font-size: 129%;
	border: 5px double #9DC815;
}
/* 物理画面の横幅に対応してマージンを変更 */
@media only screen and (max-width:800px) { 
	h2 {
		margin-bottom: 5px;
	}
}
/************************/
/* h3の共通定義         */
/************************/

h3 {
	margin-bottom: 8px;
	padding-left: 25px;
	background: url(../images/ico_ume2n.gif) no-repeat;

	font-size: 120%;
	border: 4px double #9DC815;
/*	border: 1px blue solid;*/
}
/* 物理画面の横幅に対応してマージンを変更 */
@media only screen and (max-width:800px) { 
	h3 {
		margin-bottom: 5px;
	}
}
/************************/
/* h4の共通定義         */
/************************/

h4 {
	margin-bottom: 8px;
	padding-left: 25px;
	background: url(../images/ico_ume3.gif) no-repeat;

	font-size: 115%;
	border: 3px double #9DC815;
/*	border: 1px blue solid;*/
}
/* 物理画面の横幅に対応してマージンを変更 */
@media only screen and (max-width:800px) { 
	h4 {
		margin-bottom: 5px;
	}
}
/************************************/
/* li,.leadの共通定義         */
/************************************/
li, .lead {
	margin: 0 0 10px 33px;
	line-height: 180%;
}
/* 物理画面の横幅に対応してマージンを変更 */
@media only screen and (max-width:800px) { 
	li, .lead {
		margin: 0 0 5px 15px;
	}
}
/* .leadより高さ、下部マージンが控えめ */
.lead_s {
	margin: 0 0 5px 33px;
	line-height: 100%;
}
/* 物理画面の横幅に対応してマージンを変更 */
@media only screen and (max-width:800px) { 
	.lead_s {
		margin: 0 0 5px 15px;
	}
}

/**************************************************************/
/* .deatailの共通定義                                         */
/* （物理画面の横幅に対応してマージン・パッディングを切替）   */
/**************************************************************/
.detail {
	display: block;
	margin: -10px 0 10px 33px;
	padding-left: 2em;
	font-size: 93%;
	line-height: 180%;
}
@media only screen and (max-width:800px) { 
	.detail {
		margin: 0 0 5px 5px;
		padding-left: 1em;
	}
}
/************************************************/
/* ul.detail,ul.disc,ul.noneの共通定義          */
/************************************************/
ul.detail {
	margin: 0;
}
ul.disc {
	list-style-type: disc;
}
ul.dec {
	list-style-type: decimal;
}
/* ULのマークなしに設定 */
ul.none {
	list-style-type: none;
}

/**********************************************************/
/* 各種共通クラス定義                                     */
/**********************************************************/
/* 単語の途中で改行する設定 */
.word_break_all {
	word-break: break-all;
}
/* hrのためのborderの定義 */
.border_1px_solid {
	border: 1px #9DC815 solid;
}
/* アンカーaをブロック化 */
.a_block {
	display: block;
}
/* フォントweight=boldの定義 */
.font_bold {
	font-weight: bold;
}

/*****************************************************/
/* 画面外枠(wrapper)の定義                           */
/* （物理画面の横幅に対応して表示画面の横幅を変更）  */
/*****************************************************/
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 1300px;
	/*border: 1px solid #4161E1;*/
}
@media only screen and (max-width:1300px) {	
	#wrapper {
		width: 1000px;	/** 20160718 update 980px -> 1000px **/
	}
}
@media only screen and (max-width:1000px) {	
	#wrapper {
		width: 100%;
	}
}

/* deleted for responsive web design 2016/3/14 */
/**#header {
	background: url(../images/kotoweb_head.jpg) no-repeat;
	border-bottom: 2px solid #9DC815;
}**/

/*****************************************************/
/* 画面ヘッダー部(header1)の定義                     */
/* （物理画面の横幅に対応してタイトル画面を切替）    */
/*****************************************************/
#header1 {
    height:200px; 
	background: url(../images/header1_no_title2.png) no-repeat;
	
    -moz-background-size: 100%;
    background-size: 100%;
}
@media only screen and (max-width:1300px) {
	#header1 {
    height:120px;  
		background: url(../images/header1_no_title2.png) no-repeat;
        -moz-background-size: 100%;
        background-size: 100%;
	}
}
@media only screen and (max-width:1000px) {
	#header1 {
    height:90px;  
		background: url(../images/header1_no_title2.png) no-repeat;
        -moz-background-size: 100%;
        background-size: 100%;
	}
}
@media only screen and (max-width:900px) {
	#header1 {
    height:80px;  
		background: url(../images/header1_no_title2.png) no-repeat;
        -moz-background-size: 100%;
        background-size: 100%;
	}
}
@media only screen and (max-width:600px) {
	#header1 {
     height:70px; 
		background: url(../images/header1_no_title2.png) no-repeat; 
        -moz-background-size: 100%;
        background-size: 100%;
	}
}
@media only screen and (max-width:400px) {
	#header1 {
     height:60px; 
		background: url(../images/header1_no_title2.png) no-repeat; 
        -moz-background-size: 100%;
        background-size: 100%;
	}
}

/*****************************************************/
/* 画面ヘッダー部のロゴ(kotonavi_logo->pcvome_logo)の定義         */
/* （物理画面の横幅に対応して画像サイズを切替）      */
681X82=8.3
/*****************************************************/
#pcvome_logo {
}
@media only screen and (max-width:900px) {
	#pcvome_logo {
		width: 450px;
		height: 54px;
	}
}
@media only screen and (max-width:600px) {
	#pcvome_logo {
		width: 300px;
		height: 36px;
	}
}
@media only screen and (max-width:400px) {
	#pcvome_logo {
		width: 200px;
		height: 24px;
	}
}

/*****************************************************/
/* 画面ヘッダー部のタイトルメッセージの定義          */
/* （物理画面の横幅に対応してサイズ位置等を切替）    */
/*****************************************************/
#header_msg1 {
	padding-top:15px;
	padding-left:50px;
	font-size:26px;
	font-weight:bold;
}
@media only screen and (max-width:1300px) {	
	#header_msg1 {
		padding-top:10px;
		padding-left:40px;
		font-size:24px;
	}
}
@media only screen and (max-width:1000px) {	
	#header_msg1 {
		padding-top:7px;
		padding-left:30px;
		font-size:22px;
	}
}
@media only screen and (max-width:800px) {
	#header_msg1 {
		padding-top:5px;
		padding-left:20px;
		font-size:18px;
	}
}
@media only screen and (max-width:600px) {
	#header_msg1 {
		padding-top:4px;
		padding-left:5px;
		font-size:16px;
	}
}
@media only screen and (max-width:400px) {
	#header_msg1 {
		padding-top:3px;
		padding-left:3px;
		font-size:15px;
	}
}
#header_msg1 a:link,#header_msg1 a:visited,#header_msg1 a:hover,#header_msg1 a:active {
	color: #000;
}
#header_msg2 {
	padding-top:5px;
	padding-left:60px;
	font-size:18px;
}
@media only screen and (max-width:1300px) {	
	#header_msg2 {
		padding-left:50px;
		font-size:18x;
	}
}
@media only screen and (max-width:1000px) {	
	#header_msg2 {
		padding-left:40px;
		font-size:16x;
	}
}
@media only screen and (max-width:800px) {
	#header_msg2 {
		padding-left:30px;
		font-size:16px;
	}
}
@media only screen and (max-width:600px) {
	#header_msg2 {
		padding-left:20px;
		font-size:12px;
	}
}
@media only screen and (max-width:400px) {
	#header_msg2 {
		padding-left:10px;
		font-size:12px;
	}
}

/*****************************************************/
/* 画面ヘッダー部(header2)の定義                     */
/* （）                                              */
/*****************************************************/
#header2 {
	margin-top: 0;
}

/*****************************************************/
/* 画面上部の文字の大きさ大中小の定義                */
/* （）                                              */
/*****************************************************/
/* 文字の大きさ変更の文言の構成設定(float: right) */
/*
#char_size {
	float: right;
	margin: 5px 0 0 0;
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
	font-size:86%;
}
/* 文字の大きさ変更の文言を短縮するため */
/*
#char_size1,#char_size2 {
}
@media only screen and (max-width:900px) {
	#char_size1 {
		display:none;
	}
}
@media only screen and (max-width:600px) {
	#char_size2 {
		display:none;
	}
}
*/

/*****************************************************/
/* 画面メイン(main)の定義                            */
/* （物理画面の横幅に対応してマージンを切替）        */
/*****************************************************/

#main {
    float: left;
	margin: 10px 5px 0 5px;
	

}
@media only screen and (min-width:1001px) { 
	#main {
/**		width: 910px;  20160718 update **/
		width: 940px;
		margin: 15px 30px 0;
	}
}
@media only screen and (min-width:1301px) { 
	#main {
		width: 940px;
		margin: 15px 40px 0 30px;

	}
}
#main a {
	text-decoration:underline;

}
/***********************************/
/* 戻りのリンクの共通定義          */
/***********************************/
.return {
	margin-right: 25px;
	text-align: right;
	font-size: 86%;
}

/*****************************************************/
/* 画面フッター部(footer)の定義                      */
/*****************************************************/
#footer {
	margin: 10px 0 20px;
	padding-top: 10px;
	background: url(../images/footer41.png) no-repeat;
	font-size: 71%;
	color:#F0F0F0;
	border: 1px solid blue;/* debug */
}

/*****************************************************/
/* 画面フッター部のアドレス(address)の定義           */
/* （物理画面の横幅に対応して横幅を切替）            */
/*****************************************************/
#address {
	float: left;
	margin-left: 30px;
	width: 400px; 
	line-height: 200%;
	color:#99ff33;
}
@media only screen and (max-width:600px) {
	#address {
	    width: 90%; 
	}
}
#qrcode {
	float: left;
	margin-right: 200px;

}
@media only screen and (max-width:600px) {
	#address {
	    width: 90%; 
	}
}

/************************************************************/
/* .npo_nameの画面フッターの（ことばの道案内）定義          */
/************************************************************/
.npo_name {
	font-size: 156%;
	color:white;
}

/*************************************************************/
/* 画面フッター部のフォントサイズ(footer_font_size)の定義    */
/* （物理画面の横幅に対応してサイズを切替）                  */
/*************************************************************/
.footer_font_size {
}
@media only screen and (max-width:600px) {
	.footer_font_size {
		font-size: 160%;
		background-color:black;
	}
}

/*****************************************************/
/* 画面フッター部のコピーライト(copyright)の定義     */
/* （物理画面の横幅に対応して左マージン横幅を切替）  */
/*****************************************************/
#copyright {
	float: left;
	margin-left: 30px;	
	width: 420px;  
	line-height: 200%;
}
@media only screen and (max-width:600px) {
	#copyright {
	    width: 90%; 
	}
}

/*****************************************************/
/* 画面フッター部のバーナー(banner)の定義            */
/* （物理画面の横幅に対応して左マージン横幅を切替）  */
/*****************************************************/
#banner {
	display: block;
	float: left;
/**	width: 68px; **/
	width: 90px;
	margin-left: 20px; 
}
@media only screen and (max-width:600px) {
	#banner {
		margin-left: 30px;
	}
}

/**********************************************************/
/* パンフレット用の定義                                    */
/**********************************************************/
.panf_width {
	width: 100%;
}
@media only screen and (max-width:800px) {
	.panf_width {
		width: 100%;
	}
}

#switch {
/*	position: absolute;
	top: 190px;
	left: 150px;
	font-size: 86%;
*/
	height:20px; 
	text-align:center;

}
/*
@media only screen and (max-width:900px) {
	#switch {
		top: 100px;
	}
}
@media only screen and (max-width:600px) {
	#switch {
		top: 70px;
	}
}
@media only screen and (max-width:400px) {
	#switch {
     	top:70px; 
	}
}
*/
/*****************************************************/
/* 各種の定義                                        */
/*****************************************************/
/*********************/
/* フォーム用        */
/*********************/
form ul.detail {
	padding-left: 0;
}

/*********************/
/* 活動予定用        */
/*********************/
li li {
	margin-bottom: 0;
}

/*********************/
/* 定款用            */
/*********************/
.in1 {
	margin: 0 0 10px 66px;
	line-height: 180%;
}
.in1 li {
	margin: 0;
}
.in1 li li, .in1 dd {
	margin-left: 33px;
}
/* 物理画面の横幅に対応して入力フィールドの左マージンを切替 */
@media only screen and (max-width:600px) {
	.in1 {
		margin: 0 0 10px 33px;
	}
	.in1 li li, .in1 dd {
		margin-left: 16px;
	}
}

/******************************/
/* 入力フィールドの左マージン */
/******************************/
.input_span_marginleft {
	margin-left:10px
}
/* 物理画面の横幅に対応して入力フィールドの左マージンを切替 */
@media only screen and (max-width:800px) {
	.input_span_marginleft {
		margin-left:5px
	}
}

/**********************************/
/* 入力フィールドのフォントサイズ */
/**********************************/
.input_fontsize {
}
/* 物理画面の横幅に対応して入力フィールドのフォントサイズを切替 */
@media only screen and (min-width:801px) {
	.input_fontsize {
		font-size:18px;
	}
}
/**********************************************/
/* 入力フォームのボタン構成（ボタンの高さ等） */
/**********************************************/
.input_btn_height {
	width:auto;
	height: 30px;
	padding: 0 10px;
}
/* 物理画面の横幅に対応して入力フォームのボタンの高さを変更 */
@media only screen and (max-width:800px) {
	.input_btn_height {
/*		height: 20px;  */ /* ボタンの高さは変更しないこととする */
	}
}

/**********************************************************/
/* トップページのナビ・横メニュー（ページ内リンク）の定義 */
/**********************************************************/

#top_navi {
	margin: 0 0 0 30px;
}
@media only screen and (max-width:600px) {
	#top_navi {
	margin: 0 0 0 0;
	}
}
#top_navi ul {
	list-style-type: none;
}
#top_navi li {
	margin: 0 0 2px 10px;
	padding-top: 2px;
	width: 15%;
	height: 30px;
	float: left;
	text-align:center;
	border: none;
	border-radius: 5px;
/**	font-size: 70%;  **/
	font-size:14px;
	font-weight: bold;
	background:#E6E6E6;
	color:#fff;
}
@media only screen and (max-width:1300px) {
	#top_navi li {
		width: 15%;
	}
}
@media only screen and (max-width:800px) {
	#top_navi li {
		width: 30%;
	}
}
@media only screen and (max-width:600px) {
	#top_navi li {
		width: 30%;
	}
}
#to_menu_page{
	margin: 0 0 0 0;
    padding: 0 5px 0 5px;
	text-align:center;
/**	font-size:13px; **/
	font-size:100%;
	font-weight: bold;
/**	background:#00c4ab; **/
	background:#E6E6E6;
	color:#fff;
}

/**********************************************************/
/* サイドバー・メニューページ（sidebar/menubar）の定義    */
/**********************************************************/
#sidebar {
    float: left;
	width: 280px;  
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
/*	border: 5px double #9DC815;	*/
	border: 5px double #9DC815;
/*	background: #DDFFEF;	*/
	background: #FFFFE0;
}
@media only screen and (max-width:1300px) {	

	#sidebar {
		clear: both;
	}

}

@media only screen and (max-width:900px) {
	#sidebar {
		clear: both;
	}
}
@media only screen and (max-width:600px) {
	#sidebar {
		clear: both;
	}
}
@media only screen and (max-width:400px) {
	#sidebar {
		clear: both;
	}
}

/* メニューページではフォントは常にnormal */
#menubar1 a,#menubar2 a {
	font-weight: normal;
}
/* メニューバー（サイドバー）ではフォントは常にboldl */
#sidebar a {
	font-weight: bold;
}
#menubar1,#menubar2 {
    float: left;
	width: 380px;  
	margin: 10px 0 0 60px;
	padding: 0 0 0 0;
}
@media only screen and (max-width:600px) {	
	#menubar1,#menubar2 {
		width: 300px;  
		margin: 10px 0 0 20px;
	}
}
#menubar1 ul,#menubar2 ul,
#sidebar ul {
	margin: 0 0 0 -20px;
	padding: 0;
	list-style: none;
}
#menubar1 .li_title,#menubar2 .li_title{
	padding-left: 10px;
	width: 340px;
	height: 33px;
	line-height: 33px;
	color: #000000;  
}
#sidebar .li_title{
	padding-left: 10px;
	width: 245px;
	height: 33px;
	line-height: 33px;
	color: #000000;  
	font-size: 16px;
	font-weight: bold;
}
#menubar1 .li_header,#menubar2 .li_header{
	padding-left: 10px;
	width: 340px;
	height: 33px;
	line-height: 33px;
	color: #FFFFFF;  
	background-color: #1F9E45;
}
#sidebar .li_header{
	padding-left: 10px;
	width: 245px;
	height: 33px;
	line-height: 33px;
	color: #FFFFFF;  
	font-size: 16px;
	font-weight: bold;
	background-color: #1F9E45;
}
#menubar1 .li_header2,#menubar2 .li_header2{
	padding-left: 10px;
	width: 340px;
	height: 33px;
	line-height: 33px;
	color: #FFFFFF;  
	background-color: #FF7F27;
}
#sidebar .li_header2{
	padding-left: 10px;
	width: 245px;
	height: 33px;
	line-height: 33px;
	color: #FFFFFF;  
	font-size: 16px;
	font-weight: bold;
	background-color: #FF7F27;
}
#menubar1 .li_detail,#menubar2 .li_detail{
	margin-left: 50px;
	padding-left: 10px;
	width: 310px;
	height: 24px;
	line-height: 24px;
	color: #000000;  
	border-bottom: 2px dotted #1F9E45;
}
#sidebar .li_detail{
	margin-left: 50px;
	padding-left: 10px;
	width: 228px;
	height: 24px;
	line-height: 24px;
	color: #000000;  
	font-size: 14px;
	border-bottom: 2px dotted #1F9E45;
}
#menubar1 .li_detail_small,#menubar2 .li_detail_small{
	font-size: 11px;
}
#sidebar .li_detail_small{
	font-size: 11px;
}
#menubar1 .li_detail2,#menubar2 .li_detail2{
	margin-left: 50px;
	padding-left: 10px;
	width: 328px;
	height: 48px;
	color: #000000;  
	border-bottom: 2px dotted #1F9E45;
}
#sidebar .li_detail2{
	margin-left: 50px;
	padding-left: 10px;
	width: 228px;
	height: 48px;
	color: #000000;  
	font-size: 14px;
	border-bottom: 2px dotted #1F9E45;
}
#menubar .a_wcolor,#menubar1 .a_wcolor,#menubar2 .a_wcolor,
#sidebar .a_wcolor{
	color: #FFFFFF;
}
#menubar .a_rcolor,#menubar1 .a_rcolor,#menubar2 .a_rcolor{
	color: #FF7F27;
}
#sidebar .a_rcolor{
	color: #FF7F27;
	font-weight: bold;
}
/* メニューページではフォントは常にnormal */
#menubar1 .a_bold,#menubar2 .a_bold{
}
#sidebar .a_bold{
	font-weight: bold;
}

/****************************************/
/* トップページの先頭写真やビデオの配置 */
/****************************************/
#toppage_img_center{
	text-align: center;
}
#toppage_img_inner{
	display: inline-block;
}
#toppage_div1,#toppage_div2,#toppage_div3 {
	max-width: 320px;	/** 20160718 update 310px -> 320px **/
}
#toppage_div1:last-child,#toppage_div2:last-child,#toppage_div3:last-child {
	max-width: 300px;
}
#toppage_img1,#toppage_img2,#toppage_img3 {
	display: inline-block;
	max-width: 240px;
	height: auto;
	margin-right: 20px;
}
#toppage_img1:last-child,#toppage_img2:last-child,#toppage_img3:last-child {
	display: inline-block;
	max-width: 240px;
	height: auto;
	margin-right: 0;
}
@media only screen and (max-width:640px) {	
	#toppage_img2,#toppage_img3 {
		display: none;
	}
}
@media only screen and (max-width:1000px) {	/** 20160718 update 920px -> 1000px **/
	#toppage_img3 {
		display: none;
	}
}
#toppage_img1v,#toppage_img2v,#toppage_img3v {
	display: inline-block;
	max-height: 180px;
	width: auto;
	margin-right:8px;
}

@media only screen and (max-width:640px) {	
	#toppage_img2v,#toppage_img3v {
		display: none;
	}
}
@media only screen and (max-width:1000px) {	/** 20160718 update 920px -> 980px **/
	#toppage_img3v {
		display: none;
	}
}
#toppage_img1v:last-child,#toppage_img2v:last-child,#toppage_img3v:last-child {
	display: inline-block;
	max-height: 180px;
	width: auto;
	margin-right: 0;
}
#toppage_img1_a,#toppage_img2_a,#toppage_img3_a {
	margin-right: 20px;
}
#toppage_img1_p,#toppage_img2_p,#toppage_img3_p {
}
@media only screen and (max-width:640px) {	
	#toppage_img2_a,#toppage_img3_a,#toppage_img2_p,#toppage_img3_p {
		display: none;
	}
}
@media only screen and (max-width:1000px) {	/** 20160718 update 920px -> 980px **/
	#toppage_img3_a,#toppage_img3_p {
		display: none;
	}
}
#toppage_img1_a:last-child,#toppage_img2_a:last-child,#toppage_img3_a:last-child {
	margin-right: 0;
}

/**********************************************/
/* トップページ画面上部のfacebookリンクエリア */
/**********************************************/
.to_facebook {
	margin-left: 30px;
	margin-top: 5px;
/**	text-align:right;**/
}
/* 画面フッター部のfacebookリンクエリアをボタン風に編集 */
.to_facebook a{
	margin-right: 10px;
	padding:0 5px 0 5px;
	vertical-align:5px;
	text-align:center;
	text-decoration:none;
/*	background-size:14px; *//* 効果なし */
/*	background:#00c4ab;   */
	background:rgb(141,156,199);
	color:#fff;
	font-size:14px;
}
@media only screen and (min-width:901px) {
	.to_facebook a{
		font-size:16px;
	}
}

/****************************************/
/* サイドバーのfacebookリンクエリア     */
/****************************************/
.side_facebook {
	display: inline;
	margin-left: 0;
	margin-top: 0;
}
.side_facebook a{
	margin-right:-10px;
	padding:0 5px 0 5px;
	vertical-align:5px;
	text-decoration:none;
/*	background:#00c4ab;   */
	background:rgb(141,156,199);
	color:#fff;
	font-size:14px;
}
/* スマフォでシェアの位置が下側に領域を越えて下がってしまうものを回避 */
.side_facebook_vertical {
	display: table-cell;
	vertical-align: middle;
}

/**********************************************************/
/* 画面フッター部のfacebookリンクエリアのpluginのLayoutを */
/* 物理画面の横幅に対応して非表示に変更                   */
/**********************************************************/
#facebook_standard {
	display:inline;
}
@media only screen and (max-width:600px) {
	#facebook_standard {
		display:none;
	}
}
#facebook_button_count {
	display:inline;
}
@media only screen and (min-width:601px) {
	#facebook_button_count {
		display:none;
	}
}

/**********************************************/
/* facebookボタンサイズを1.3倍                */
/**********************************************/
.fb_sizeup {
}
@media only screen and (min-width:901px) {
	.fb_sizeup {
		padding-right: 20px;
		transform:scale(1.3);
		-webkit-transform:scale(1.3);
		-moz-transform:scale(1.3);
	}
}

/**********************************************/
/* Googleマップの幅を定義                     */
/**********************************************/
.iframe_map {
	width: 300px;
	height: 225px;
	margin-right: 20px;
}
@media only screen and (min-width:401px) {
	.iframe_map {
		width: 400px;
		height: 300px;
		
	}
}
@media only screen and (min-width:601px) {
	.iframe_map {
		width: 550px;
		height: 413px;
		
	}
}
@media only screen and (min-width:801px) {
	.iframe_map {
		width: 640px;
		height: 480px;
		
	}
}
.iframe_map:last-child {
	margin-right: 0;
}
.map_float {
	float:left;
}