@charset "utf-8";
/*=======================================================================
微調整css
=======================================================================*/

/*imgタグ　100％
=====================================*/
img{
	width:100%;
    height: auto;
	vertical-align: bottom;
}

.info-area img {width: 60%;}


/*リンク画像ホバー時　フェード
=====================================*/
a,
a img{
	transition: all 0.2s ease-out;
	opacity: 1;
}
a:hover,
a:hover img{
	transition: all 0.2s ease-out;
	opacity: 0.8;
}

/*内余白
=====================================*/
.pa-top10{padding-top:10px;}
.pa-top20{padding-top:20px;}
.pa-top25{padding-top:25px;}
.pa-top30{padding-top:30px;}
.pa-top40{padding-top:40px;}
.pa-top50{padding-top:50px;}
.pa-top60{padding-top:60px;}
.pa-top70{padding-top:70px;}
.pa-top80{padding-top:80px;}
.pa-top90{padding-top:90px;}
.pa-top100{padding-top:100px;}

.pa-btm10{padding-bottom:10px;}
.pa-btm20{padding-bottom:20px;}
.pa-btm30{padding-bottom:30px;}
.pa-btm40{padding-bottom:40px;}
.pa-btm50{padding-bottom:50px;}
.pa-btm60{padding-bottom:60px;}
.pa-btm70{padding-bottom:70px;}
.pa-btm80{padding-bottom:80px;}
.pa-btm90{padding-bottom:90px;}
.pa-btm100{padding-bottom:100px;}


/*外余白
==========================================*/
.mgn-top10 {margin-top:10px;}
.mgn-top20 {margin-top:20px;}
.mgn-top30 {margin-top:30px;}
.mgn-top40 {margin-top:40px;}
.mgn-top50 {margin-top:50px;}
.mgn-top60 {margin-top:60px;}
.mgn-top70 {margin-top:70px;}
.mgn-top80 {margin-top:80px;}
.mgn-top90 {margin-top:90px;}
.mgn-top100 {margin-top:100px;}

.mgn-btm10 {margin-bottom:10px;}
.mgn-btm20 {margin-bottom:20px;}
.mgn-btm30 {margin-bottom:30px;}
.mgn-btm40 {margin-bottom:40px;}
.mgn-btm50 {margin-bottom:50px;}
.mgn-btm60 {margin-bottom:60px;}
.mgn-btm70 {margin-bottom:70px;}
.mgn-btm80 {margin-bottom:80px;}
.mgn-btm90 {margin-bottom:90px;}
.mgn-btm100 {margin-bottom:100px;}

.mgn-left05{margin-left:5px;}
.mgn-left10{margin-left:10px;}
.mgn-left20{margin-left:20px;}
.mgn-left30{margin-left:30px;}
.mgn-left40{margin-left:40px;}
.mgn-left50{margin-left:50px;}

.mgn-right05{margin-right:5px;}
.mgn-right10{margin-right:10px;}
.mgn-left20{margin-right:20px;}
.mgn-left30{margin-right:30px;}
.mgn-left40{margin-right:40px;}
.mgn-left50{margin-right:50px;}


/*テキスト右寄せ左寄せ
====================================*/
.txt-left {text-align: left;}
.txt-right {text-align: right;}

/*フロート左右
============================================*/
.float-left {float: left;}
.float-right {float: right;}

/*フレックスボックス設定*/
.flex{
	display: flex;
	flex-wrap: wrap;
}
/*表示切り替え*/
@media screen and (min-width: 769px){
    .pc-none{display: none;}
}
@media screen and (min-width:581px) and ( max-width:768px) {
    .tab-none{display: none;}
}
@media screen and (max-width: 580px){
    .sp-none{display: none;}
}