<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* 太字（効かなかったので） */
.weight_bold{
	font-weight: bold;
}
/* 配色 */
.mathful .color_num{
	color: #00AA55;
}
.mathful .color_fun{
	color: #0000DD;
}
.mathful .color_fig{
	color: #EE00AA;
}
.mathful .color_dat{
	color: #6600BB;
}
.mathful .color_mix{
	color: #FFDD00;
}

/* アキ指定 */
.bottom1{
	margin-bottom: 1em;
}
.bottom05{
	margin-bottom: .5em;
}
.top1{
	margin-top: 1em;
}

/* テキスト色 */
.brown_txt{
	color: #7C3909;
}



/* 背景 */
.mathful #contents{
	padding: 0;	/* デフォルトでpaddingがかかってるのでそれを消す */
	margin: 0;
	background-image: url("/mathful_diary/images/mathful_background.png");
	background-repeat: repeat;
	background-color: #fcffca;
}

/* トップ画像 */
.mathful .titleArea img{
	display: block;
	margin: 0 auto;
}

/* フィルターボタン */
.mathful .selector_area{
	width: 980px;	/* btn の両端の10pxを960pxに加えた */
	margin: 0 auto 10px;
}
@media only screen and (max-width: 768px) {
	.mathful .selector_area{
		width: 100%;
		margin: 5;
	}
}
.mathful #btn li {
	float: left;
	margin: 10px;
	cursor: pointer;
}
.mathful #btn {
	overflow: hidden;
}
@media only screen and (max-width: 768px) {
	.mathful #btn li {
		float: left;
		margin: 1%;
	}
}
/* フィルターボタン（背景がon） */
.mathful #btn .select_all{
	background-image: url("/mathful_diary/images/select_all_on_pc.png");
	background-repeat: no-repeat;
}
.mathful #btn .select_num{
	background-image: url("/mathful_diary/images/select_num_on_pc.png");
	background-repeat: no-repeat;
}
.mathful #btn .select_fun{
	background-image: url("/mathful_diary/images/select_fun_on_pc.png");
	background-repeat: no-repeat;
}
.mathful #btn .select_fig{
	background-image: url("/mathful_diary/images/select_fig_on_pc.png");
	background-repeat: no-repeat;
}
.mathful #btn .select_dat{
	background-image: url("/mathful_diary/images/select_dat_on_pc.png");
	background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
	.mathful #btn .select_all{
		width: 98%;
		background-image: url("/mathful_diary/images/select_all_on_sp.png");
		background-size: contain;
	}
	.mathful #btn .select_num{
		background-image: url("/mathful_diary/images/select_num_on_sp.png");
	}
	.mathful #btn .select_fun{
		background-image: url("/mathful_diary/images/select_fun_on_sp.png");
	}
	.mathful #btn .select_fig{
		background-image: url("/mathful_diary/images/select_fig_on_sp.png");
	}
	.mathful #btn .select_dat{
		background-image: url("/mathful_diary/images/select_dat_on_sp.png");
	}
	.mathful #btn .select_num, .mathful #btn .select_fun, .mathful #btn .select_fig, .mathful #btn .select_dat{
		width: 48%;
		background-size: contain;
	}
}
.mathful #btn .active img {
	opacity: 0;
	filter: alpha(opacity=0);
}
.mathful #btn li:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* リスト部分 */
.mathful .item_area{
	width: 960px;	/* 両側マージンが効かないので */
	margin: 0 auto 5em;
/*	background-color: antiquewhite;	/* 幅確認用 */
}
.mathful ul#animationList{
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}
.mathful ul#animationList li{
	display: block;
	float: left;
	margin-right: 18px;
	margin-top: 18px;
	width: 308px;
}
.mathful ul#animationList li:nth-child(3n){
	margin-right: 0;
}
.mathful ul#animationList li .img_box{
	display: block;
	float: right;
	margin: 10px;
	width: 130px;
	height: 130px;
	position: relative;
	overflow: hidden;
/*	background-color: mediumaquamarine;	/* 領域確認用 */
}
.mathful ul#animationList li .img_box img{
	position: absolute;
}
.mathful ul#animationList li p{
	width: 100%;
	padding: 12px 0 12px 10px;
/*	background-color: beige;	/* 領域確認用 */
}
.mathful ul#animationList li .date{
	position: absolute;
	bottom: 10px;
	left: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

.mathful #animationList li.num{
	border: solid 2px #00aa55;
	background-color: #eeffef;
	box-sizing: border-box;
}
.mathful #animationList li.fun{
	border: solid 2px #0000dd;
	background-color: #eeffff;
	box-sizing: border-box;
}
.mathful #animationList li.fig{
	border: solid 2px #ee00aa;
	background-color: #ffeeef;
	box-sizing: border-box;
}
.mathful #animationList li.dat{
	border: solid 2px #6600bb;
	background-color: #ffeeff;
	box-sizing: border-box;
}
.mathful #animationList li.mix{
	border: solid 2px #ffdd00;
	background-color: #ffffee;
	box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
	.mathful .item_area{
		width: 100%;
		margin: 0 auto 1em;
	}
	.mathful ul#animationList li{
		width: 48%;
		margin: 1%;
	}
	.mathful ul#animationList li:nth-child(3n){
		margin-right: 1%;
	}
    .mathful ul#animationList li .img_box{
		float: none;
		margin: 1vw auto;
        width: 45vw;
        height: 45vw;
    }
	.mathful ul#animationList li p{
		position: absolute;
		float: none;
		width: 45.5vw;	/* 45vwだと短い なぜ？ */
		padding: 2vw 0;
		background-color: rgba(255,255,255,.9);
		font-size: 4.6vw;
		line-height: 5vw;
		text-align: center;
		left: .5vw;	/* Dw上で目視 */
		bottom: 1vw;
	}
    .mathful ul#animationList li .date{
        position: absolute;
        bottom: 0.75vw;
		right: 1vw;
		text-align: right;
        font-size: 2vw;
        font-weight: normal;
        color: #666666;
    }
}
/*
#animationList {
	overflow: hidden;
}

#animationList li {
	width: calc(33.33% - 35px);
	float: left;
	margin: 10px;
	padding: 10px;
	color: #fff;
	background-color: #CDCDCD;
}

#animationList li span {
	display: block;
	padding: 20px;
}
@media only screen and (max-width: 960px) {
	#wrapper{
		width: 99vw;
		margin: 0;
	}
    #animationList li {
        width: calc(33vw - 20px);
        margin: 10px;
        padding: 10px;
        float: left;
        color: #fff;
        background-color: aqua;
    }
}

@media only screen and (max-width: 768px) {
    #animationList li {
        width: calc(50vw - 30px);
        margin: 0px;
        padding: 10px;
        float: left;
        color: #fff;
        background-color: aquamarine;
    }
}

*/

/* スマホヘッダー */
@media only screen and (max-width: 768px) {
	.mathful #header .slicknav_brand {
		background: #c8c8a0; /* Old browsers */
		background: -moz-linear-gradient(top, #c8c8a0 0%, #2e3192 50%, #2e3192 100%);
		background: -webkit-linear-gradient(top, #c8c8a0 0%,#2e3192 50%,#2e3192 100%);
		background: linear-gradient(to bottom, #c8c8a0 0%,#2e3192 50%,#2e3192 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3192', endColorstr='#bbddbb',GradientType=0 ); /* IE6-9 */
	}
	.mathful #header .slicknav_nav li a{ background-color: #2e3192!important; color: #fff;}
}


/* コンテンツページ */
/* 背景 */
.mathful  #contents{
	padding: 0;	/* デフォルトでpaddingがかかってるのでそれを消す */
	margin: 0;
	background-image: url("/mathful_diary/images/mathful_background.png");
	background-repeat: repeat;
}
#num  #contents, #num .imgArea{	background-color: #eeffef;	}
#fun  #contents, #fun .imgArea{	background-color: #eeffff;	}
#fig  #contents, #fig .imgArea{	background-color: #ffeeef;	}
#dat  #contents, #dat .imgArea{	background-color: #ffeeff;	}
#mix  #contents, #mix .imgArea{	background-color: #ffffee;	}

/* トップ画像 */
.mathful .titleArea2{
	width: 960px;
	position: relative;
	margin: 0 auto;
}
.mathful .titleArea2 img{
	display: block;
	margin: 0 auto;
}
.mathful .titleArea2 .date{
	width: 960px;
	position: absolute;
	bottom: 16px;
	margin: 0 auto;
	text-align: center;
	color: #666666;
	font-size: 16px;
	line-height: 1em;
}
@media only screen and (max-width: 768px) {
	.mathful .titleArea2, .mathful .titleArea2 .date{
		width: 100%;
	}
}
/* タイトル */
.mathful #contents h1{
	width: 960px;
	margin: 0 auto;
	border-radius: 36px 36px 0 0;
	color: #ffffff;
	font-size: 36px;
	line-height: 2em;
	text-indent: 1em;
}
.mathful #contents h1 img{
	float: left;
}
@media only screen and (max-width: 768px) {
	.mathful #contents h1{
		width: 98%;
		font-size: 4.8vw;
		line-height: 2em;
		text-indent: 0.25em;
		border-radius: 1em 1em 0 0;
	}
	.mathful #contents h1 img{
		width: 2em;
		height: 2em;
	}
}

#num #contents h1, #num #contents h2, #num .ac_menu label{	background-color: #00aa55;	}
#fun #contents h1, #fun #contents h2, #fun .ac_menu label{	background-color: #0000dd;	}
#fig #contents h1, #fig #contents h2, #fig .ac_menu label{	background-color: #ee00aa;	}
#dat #contents h1, #dat #contents h2, #dat .ac_menu label{	background-color: #6600bb;	}
#mix #contents h1, #mix #contents h2, #mix .ac_menu label{	background-color: #ffdd00;	}

/* 記事部分 */
.mathful .articleArea{
	box-sizing: border-box;
	width: 960px;
	margin: 0 auto 2em;
	border-radius: 0 0 36px 36px;
	background-color: rgba(255,255,255,.75);
	padding: 1em 1em 2em;
}
@media only screen and (max-width: 768px) {
	.mathful .articleArea{
		width: 98%;
		border-radius: 0 0 4.8vw 4.8vw;
		padding: 1em .5em 2em;
	}
}
.mathful .articleArea .imageLeft, .mathful .articleArea .imageRight{
	position: relative;
/*	margin: 1em 0;	/* gardenのスタイル：様子見 */
}
.imageLeft .imgArea{
	float: left;
	margin-right: 2em;
}
.imageRight .imgArea{
	float: right;
	margin-left: 2em;
}
.imgArea .caption{
	font-size: 0.75em;
	line-height: 1em;
	margin: 0;
	padding: 1em;
}
.imgArea .caption2{
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 0;
	padding: 0.75em 1em;
}
.caption_center{
	font-size: 0.75em;
	line-height: 1em;
	margin: 0 0 1em;
	padding: 0 1em 1em;
	text-align: center;
}


@media only screen and (max-width:768px) {
	.imgArea{
		float: none;
		width: 100%;
		margin: 0.5em auto;
	}
}

.mathful .articleArea hr{
	margin: 2em 0;
}
.mathful .articleArea h2{
	color: #fff;
	line-height: 2em;
	border-radius: 1em;
	text-indent: 1em;
}
.mathful .text_ref{
	margin: 1em;
}
.mathful .linktext{
	margin: 1em;
}
.mathful .linktext a{
	text-decoration: underline;
}


/* 星型の要塞都市用：ここから */
/* flexで右に画像 */
.flex_image_right{
	display: flex;
	flex-wrap: nowrap;
}
.flex_image_right .text_area{
	padding-right: 1em;
}
img#Friuli_map_pc{
	width: 360px;
}
@media only screen and (max-width:768px) {
	.flex_image_right{
		flex-wrap: wrap;
	}
    .flex_image_right .text_area{
        padding-right: 0em;
    }
    img#Friuli_map_sp{
        width: 100%;
    }
}

/* 画像２枚並び */
.two_images{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.two_images img{
	width: calc((960px - 3em) / 2);
}
@media only screen and (max-width:768px) {
	.two_images img{
		width: 100%;
	}
	.two_images img:first-child{
		margin-bottom: 1em;
	}
	.two_images.with_caption img:first-child{
		margin-bottom: 0em;
	}
}

/* 幅いっぱい画像 */
img.full_width{
	width: 640px;
}
@media only screen and (max-width:768px) {
	img.full_width{
		width: 100%;
	}
}

/* 五稜郭画像 */
img#goryokaku_pc{
	display: block;
	margin: 0 auto;
	width: 540px;
}
@media only screen and (max-width:768px) {
	img#goryokaku_sp{
		width: 100%;
	}
}
.centered{
}
/* 星型の要塞都市用：ここまで */



/* indexへ戻る */
.btn_back {
  text-align: center;
  margin: 1em auto 3em;	/* 6rem auto 0 auto から変更 */
}
.btn_back a {
  display: inline-block;
  font-size: 2rem;
  text-align: center;
  padding: .5rem 6.5rem;
  border: 2px solid;
  border-radius: 3.5rem
}
.btn_back a.color_mathful_title {
	border-color: #2e3192 !important;
	background: rgba(255,255,255,.75) !important;
	color: #2e3192 !important;
}
.btn_back a:hover {
  text-decoration: none !important;
  color: #fff !important
}
.btn_back a:active, .btn_back a:link, .btn_back a:visited {
  text-decoration: none !important
}
.btn_back a.color_mathful_title:hover {
	background: #2e3192 !important;
	border-color: #2e3192 !important;
}
@media only screen and (max-width:768px) {
  .btn_back {
    margin: 4rem auto 1px auto;
    margin: 10.6vw auto 1px auto
  }
  .btn_back a {
    font-size: 2rem;
    font-size: 5.33vw;
    padding: .62rem 5rem;
    padding: 1.66vw 13.3vw;
    border-radius: 9.33vw
  }
}



/* 横並びリスト */
ul.four_items{
	overflow: hidden;
	margin: 0;
	padding: 0;
}

ul.four_items li{
	display: block;
	float: left;
	margin: 1em;
}
@media only screen and (max-width:768px) {
	ul.four_items li{
		width: 48%;
		margin: 1%;
	}
}

/* ぶら下がりインデント */
.hangingIndent{
	margin-left: 1em;
	text-indent: -1em;
}
.hangingIndent1{
	margin-left: 2em;
	text-indent: -1em;
}
.hangingIndent2{
	margin-left: 3em;
	text-indent: -1em;
}
.hangingIndent3{
	margin-left: 4em;
	text-indent: -1em;
}

/* ヴァイオリンtable */
table.violin{
	width: 320px;
}
@media only screen and (max-width:768px) {
	table.violin{
		width: 100%;
	}
}
table.violin td{
	text-align: center;
}
.mathful th, .mathful td{
	border: solid 1px black;
}
.mathful th{
	background-color: #eeeeee;
}
.mathful tr:nth-child(2n){
	background-color: #fff;
}
/* モチモチ焼きtable */
table#mochimochi{
	width: 360px;
	margin: 0 auto;
}
@media only screen and (max-width:768px) {
	table#mochimochi{
		width: 100%;
	}
}
#mochimochi th, #mochimochi td{
	border: none;
	text-align: center;
}
/* 素数ものさしtable */
table#prime_ruler{
	width: 360px;
	margin: 0 auto;
}
@media only screen and (max-width:768px) {
	table#prime_ruler{
		width: 100%;
	}
}
table#prime_ruler2{
	width: 540px;
	margin: 0 auto;
}
@media only screen and (max-width:768px) {
	table#prime_ruler2{
		width: 150%;
		table-layout: fixed;
		white-space: nowrap;
	}
}
table#prime_ruler td, table#prime_ruler2 td{
	text-align: center;
}
table#wine{
	width: 100%;
	margin: 0 auto;
}
@media only screen and (max-width:768px) {
	table#wine{
		width: 250%;
		font-size: 0.8em;
		line-height: 1.5em;
		table-layout: fixed;
		white-space: nowrap;
	}
}
/* 自転車table */
table#bicycle{
	width: 540px;
	margin: 0 auto;
}
#bicycle th, #bicycle td{
	text-align: center;
}
@media only screen and (max-width:768px) {
	table#bicycle{
		width: 100%;
	}
	#bicycle th, #bicycle td{
		line-height: 1.2em;
	}
}

.scroll_x{
	overflow-x: scroll;
}
/*　中央揃え */
.centerArea{
	text-align: center;
	margin: 1em auto;
}

/* アコーディオン */
.ac_menu {
    padding: 0;
}
.ac_label {
    display: block;
	position: relative;
	color: #fff;
	margin: 0em 0em 1em 0em;
	line-height: 2em;
	border-radius: 1em;
	text-indent: 1em;
    font-weight: bold;
    cursor :pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ac_label:after {
	content: '\02228';
	color: #fff;
	transform: scale(2.0, 1.0);
	display: block;
    position: absolute;
    right: 1.75em;
    top: 0px;
}
.cssacc:checked + .ac_label:after {
	content: '\02227';
}
.ac_menu label:hover {
	opacity: .5;
}
.ac_menu input {
    display: none;
}
.ac_menu .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
 .cssacc:checked + .ac_label + .accshow{
    height: auto;
    opacity: 1;
}

.two_areas{
	width: calc(  (960px - 3em) / 2 );
	margin-right: 1em;
	/*
	background-color: aquamarine;
	*/
}
.two_areas:nth-child(2n){
	margin-right: 0;
}
@media only screen and (max-width: 768px) {
	.two_areas{
		width: calc( (100% - 1em) / 2);
		margin-right: 1em;
	}
	.two_areas:nth-child(2n){
		margin-right: 0;
	}
}

/* クリックで開く */
.hiddenArea{
	/*
	visibility: hidden;
	*/
	display: none;
}
.opener{
	display: none;
}
.opener_label{
	cursor: pointer;
}
/* クリックで開く javascript制御に変更 
.opener:checked + .opener_label + .hiddenArea{
	visibility: visible;
}
.opener:checked + .opener_label + .hiddenArea + .hiddenArea{
	visibility: visible;
}

/* スライダー（ラジオボタン式） */
.slider{
	box-sizing: border-box;
	width: calc(960px - 2em);
	margin: 1em auto 2em;
	overflow: hidden;
	/*
	background-color: antiquewhite;
	*/
}
.slide_label{
	display: none;
}
.slide_content{
	display: none;
	box-sizing: border-box;
}
.slider .slide_switch{
	display: none;
}
.slide_switch:checked+.slide_label+.slide_content, .unslide_content{
	display:flex;
}
@media only screen and (max-width: 768px) {
	.slider{
		width: 100%;
	}
	.slide_switch:checked+.slide_label+.slide_content, .unslide_content{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}


/* かけざん・たしざんゲーム */
.tableArea{
	padding: 0 2em 0 1em;
	/*
	background-color: beige;	
	*/
}
table.kaketashi{
	font-size: 2em;
	width: calc(9em + 4px);
}
/* １行ずつ色を変える全体設定を殺す↓ */
.kaketashi tr{
	background-color: rgba(255, 255, 255, 0)!important;
}
.kaketashi td{
	position: relative;
	/* ↑丸数字を同居させるため */
	border: solid 2px black;
	width: 3em;
	height: 3em;
	text-align: center;
	vertical-align: middle;
}
.kaketashi td.blank{
	border: 0;
}
.kaketashi td &gt; .round_num{
	position: absolute;
	font-size: .5em;
	line-height: 1em;
	top: .25em;
	left: .25em;
}
.kaketashi td &gt; .fill_num{
	opacity: .5;
}
.kanaBlue{
	color: blue;
	font-weight: bold;
}
.kanaRed{
	color: red;
	font-weight: bold;
}
@media only screen and (max-width: 768px) {
	.tableArea{
		margin: 0 auto -1em;
		padding: 0 1em;
		/*
		background-color: azure;
		*/
	}
    table.kaketashi{
        font-size: 2em;
        width: calc(6em + 4px);
    }
	.kaketashi td{
		width: 2em;
		height: 2em;
	}
	.kaketashi td &gt; .round_num{
        font-size: .5em;
        top: .1em;
        left: .1em;
	}
}

/* 会話 */
.talkingArea{
	padding-right: 1em;
	position: relative;
	/*
	background-color: azure;
	*/
}
.teacher{
	float: left;
}
.word{
	margin: 0 30px;
	padding: 1em;
	border-radius: 1em;
	border: solid 2px;
}
.teacher &gt; .word{
	border-color: #f7931e;
}
.teacher &gt; .icon{
	position: relative;
	width: 44px;
	top: -33px;
	margin-bottom: calc(-33px + 1em);
}
.student{
	float: right;
}
.student &gt; .word{
	border-color: #0a5;
}
.student &gt; .icon{
	position: relative;
	float: right;
	width: 44px;
	top: -30px;
	margin-bottom: calc(-30px + 1em);
}
@media only screen and (max-width: 768px) {
	.talkingArea{
		width: calc(100vw - 2em);
		position: relative;
		padding: 0;
		/*
		background-color: aqua;
		*/
		line-height: 1.5em;
	}
	.teacher, .student{
		float: none;
		margin: 0 auto -3em;
		/*
		background-color: beige;
		*/
	}
	.word{
		margin: 1.5em;
	}
	.teacher &gt; .icon{
		position: relative;
		width: 3em;
		top: -2.75em;
	}
	.student &gt; .icon{
		position: relative;
		width: 3em;
		top: -2.15em;
	}
}

/* 入力部分 */
.fields{
	float: right;
}
.answerCheckBtn{
	float: right;
	margin-top: 1em;
}
.judge{
	visibility: hidden;
}
@media only screen and (max-width: 768px) {
	.fields{
		float: none;
		display: flex;
		justify-content: center;
		/*
		background-color: aqua;
		*/
		margin-top: 2em;
	}
	input.text_field{
		width: 20vw;
	}
}

/* 次へボタン */
.next{
	clear: both;
}
.next &gt; label{
	cursor: pointer;
	position: absolute;
	bottom: 0;
	right: 1em;
}
@media only screen and (max-width: 768px) {
	.next{
		padding-top: 0em;
	}
}

/* かけざん・たしざんゲームの式 */
.kaketashiFormula{
	display: flex;
	justify-content: center;
}
.kaketashiFormula &gt; .term{
	margin: .25em;
	line-height: 1.25em;
	text-align:center;
	padding: .25em .5em;
}
.kaketashiFormula &gt; .left{
	background-color: rgba(255, 0, 0, .25);
}
.kaketashiFormula &gt; .right{
	background-color: rgba(255, 255, 0, .25);
}


/* スマホの固定ヘッダーによるジャンプズレ解消 */
@media only screen and (max-width: 768px) {
	a.anchor{
		display: block;
		position: relative;
		top: -44px;
		/* ↑slicknav.cssから推測 */
		visibility: hidden;
	}
}


/* vimeo from star2 */
.vimeo_box {
	position: relative;
	padding: calc(360 / 640 * 960px) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
.vimeo_box_3by2{
	position: relative;
	padding: calc(2 / 3 * 960px) 0 0;
}
.vimeo_box_4by3{
	position: relative;
	padding: calc(3 / 4 * 960px) 0 0;
}
.vimeo_box iframe, .vimeo_box_3by2 iframe, .vimeo_box_4by3 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 768px) {
	.vimeo_box {
		float: none;
		width: 100%;
		padding: calc(360 / 640 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
		margin: 0em auto 1em auto;
	}
	.vimeo_box_3by2{
		float: none;
		width: 100%;
		padding: calc(2 / 3 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
	.vimeo_box_4by3{
		float: none;
		width: 100%;
		padding: calc(3 / 4 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
}

</pre></body></html>