.mt-50{
	margin-top: 50px;
}

	
.instagram-center {
	margin:0 auto;
	max-width: 500px;
}

.allbox {
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	padding-top: 0px;
}

.texta {
	width: 100%;
	font-size: 20px;
	margin: 0 0 30px 0;
}

.oomoji{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 20px 0;
	border-bottom:1px solid black;
  	padding-bottom:10px;
}

.syoukai{
	font-size: 14px;
	text-align: center;
	}	

.padding-center{
     padding:70px 10px;
     text-align: center;
 }

.FlexContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    overflow: auto;
    flex-direction: row;
}

.FlexContainer div {
    width: 200px;
    height: 80px;
    margin: 8px;
    background-color: lightblue;
}

.irodama{
	width: 33%;
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	margin-bottom: 2em;
	font-size: 10px;
	text-align: center;
	}	

.irodama img{
		width: 100%;
	 	margin-bottom: -1em;
	}

a.btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 80%;
	margin:1.8em auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #BB6613;
	background: #BB6613;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}

a.btn:hover {
	color:#BB6613;
	background: #fff;
}


.kasaneru6{
  position: relative;
  text-align: center;
}
.kasaneru6 img.imagup{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
}

.example{
    position: relative;
    display: inline-block;
}
.example img{
    display: block;
    max-width: 100%;
    height: auto;
}
.example img:nth-of-type(2){
    position: absolute;
    right: 0%;
    bottom: 0%;
    width: 50%;
    height: auto;
}


/*--------------------------------------
  カード型_01
--------------------------------------*/
/* カードレイアウト部分をラッピングし、
Flexboxを指定"space-between"で各アイテムを均等に配置し、
最初と最後のアイテムを端に寄せます。*/
#cardlayout-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 2em auto;
    max-width: 960px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

/* リンクテキストの下線を非表示 */
a.card-link {
    text-decoration: none;
}

/* カードレイアウト内の画像を幅いっぱいに表示 */
#cardlayout-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

.card-figure {
    margin-top: 2em;
    padding: 0;
}

/* カードレイアウトのタイトル部分 */
.card-title {
    margin:0.8em 0 0.5em 0;
    color: #333;
    text-align: center;
    font-size: 1.5em;
	border-bottom: dashed 1px #949494;
	padding-bottom:1em;
}

/* カードレイアウトの説明文部分 */
.card-text-tax {
    margin: 0;
    padding: 1em;
    color: #818181;
}

/* カードレイアウトを1カラムで配置 */
.card-list {
    margin: 0.5em auto;
    padding: 1em;
    width: 96%;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
}

/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 768px) {
    .card-list {
        margin: 0.5em 0;
        width: calc(96% / 2); /* 96%幅を2で割るという指定 */
    }
}

/* 画面幅992px以上の場合カードレイアウトを3カラムで配置 */
@media all and (min-width: 992px) {
    .card-list {
        width: calc(96% / 3); /* 96%幅を3で割るという指定 */
}
    
/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
    #cardlayout-wrap::after{
        content: "";
        display: block;
        width: calc(96% / 3);
    }
}

/*-----------------------------------------------------*/
/* スマホ用のCSS */
/*-----------------------------------------------------*/
@media screen and (max-width: 960px) {

.allbox {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	width:100%;
}
	
.texta {
	width: 100%;
	font-size: 16px;
	text-align: left;
	margin: 0 0 30px 0;
}
	
.oomoji{
	font-size: 14px;
	}	
	
.syoukai{
	font-size: 12px;
	}	
	
.padding-center{
    padding:30px 10px;
 }	
	
.FlexContainer div{
    width: 100px;
	height: auto;
    margin: 5px;
}	
	
}