@charset "utf-8";

/**
 *
 * コンテンツ共通
 *
 */


/*--------------------------------------------------------------------------
	Utility 有用クラス
--------------------------------------------------------------------------*/

/* text
-----------------------------------------------------------------*/
/*
.font-xs{}
.font-s{}
.font-l{}
.font-xl{}
*/

sup,
sub{ font-size: 72%;}
sup{ vertical-align: super;}
sub{ vertical-align: baseline;}

.em,
em,
strong{ font-weight: bold;}

.txt-left  { text-align: left;}
.txt-center{ text-align: center;}
.txt-right { text-align: right;}






/* float
-----------------------------------------------------------------*/
.left { float: left;}
.right{ float: right;}
.clear{ float: none; clear: both;}


/* display
-----------------------------------------------------------------*/
.hidden{
	visibility: hidden;
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 0;
}
@media all and (orientation:portrait){
	.landscape{
		display: none !important;
	}
}
@media all and (orientation:landscape){
	.portrait{
		display: none !important;
	}
}

/*.pc{ display: block;}*/
.sd,
.tb,
.sp{ display: none;}

@media all and (max-width: 1024px){
	.pc{ display: none;}
	.sd,
	.tb{ display: block;}
}

@media all and (max-width: 768px){
	.tb{ display: none;}
	.sp{ display: block; }
}



/* adjuster
-----------------------------------------------------------------*/
.mt0{ margin-top: 0 !important;}
.mb0{ margin-bottom: 20px !important;}
.pt0{ padding-top: 0 !important;}
.pb0{ padding-bottom: 0 !important;}


.mbtxt_b{ padding-bottom: 22px !important;}

@media all and (max-width: 600px){

	.mbtxt_b{ margin-bottom: 0px !important;}

}


/*----------------------------------------------------------------------
	Parts .list リスト
----------------------------------------------------------------------*/

/* .list-disc 黒丸
-----------------------------------------------------------------*/
.list-disc{
	padding-left: 1.5em;
}
.list-disc li{
	list-style-type: disc;
}


/* .list-decimal ナンバー付きリスト
-----------------------------------------------------------------*/
.list-decimal{
	padding-left: 1.5em;
}
.list-decimal li{
	list-style-type: decimal;
}


/* .list-decimal ナンバー付きリスト
-----------------------------------------------------------------*/
/*
.list-arw[num]{}
.list-link[num]{}
.list-num[num]{}
.list-[unique]{}
.list-type[num]{}
*/

/* LINK
================================================== */

a[href^="tel:"] { cursor: default; }

a{
	color:#000000;	
	}
	
	a:hover{
	color:#333333;
	text-decoration:none;
	}
	
	
	a img{opacity:1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
	zoom:1;}
	
	a:hover img{
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
	zoom:1;}
	
	}
	

	
	
	a {
		 -webkit-transition: all .1s ease;
		-moz-transition: all .1s ease;
		-ms-transition: all .1s ease;
		-o-transition: all .1s ease;
		transition: all .1s ease;
	}
	
	*:focus {
	  outline: none!important;
	}



/* iframe
================================================== */

.youtube {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
	}
	
	.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	}








/* ROUND
================================================== */

  .roundimg{  
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}