@charset "UTF-8";
/* CSS Document */


/* スマートフォン用CSS */
@media screen and (max-width: 630px) {

/* 画像下のキャプション用 */
.layout_parts .box {
	width:100%;
	height:auto;
	margin:0% 0% 3%;
	padding:0%;
    overflow: hidden;
    position: relative;
    zoom: 1;
	display: inline-table;
    text-align: justify;
    line-height: 180%;
    font-size: 14px;
}

.layout_parts .box .l {
	height:auto;
	margin:0px 0px 5%;
	text-align:justify;
}
.layout_parts .box .r {
	height:auto;
	margin:0px 0px 5%;
	text-align:justify;
}
.layout_parts .box .caption {
	font-size: 12px;
    line-height: 150%;
	text-align:center;
	margin: 10px 0 0;
}

/* 挿入分のタイトル */
	h1.title{
	width: 98%;
	padding: 10px;
	box-sizing: border-box;
	margin: 5% 0% 3% 0%!important;
	font-size: 90%;
	background-color: #F6FCF4;
/*    font-size: 32px;*/
}

/* 文章回り込み用 */
.layout_parts .box .img_l .img,
.layout_parts .box .iflame_l .iflame {
	margin:0px 0px 5%;
}
.layout_parts .box .img_r .img,
.layout_parts .box .iflame_r .iflame {
	margin:0px 0px 5%;
}

.layout_parts .box img {
  width: 100% !important;
  height:auto !important;
}
.layout_parts .box .iflame {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.layout_parts .box .iflame iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* 本文リンク時の装飾 */
.layout_parts .box01 a {
	color:#448aca;
	text-decoration:underline;
}

/* ファイル添付 全幅 */
.layout_parts .file  {
	width:100%;
	height:auto;
	margin:0%;
	text-align:center;
}
.layout_parts .file a {
	width:90%;
	background-color:#32B66E;
	border-radius:20px;
	padding:1% 2.5%;
	color:#FFFFFF !important;
	display:block;
	text-decoration:none !important;
}


/* ファイル添付 左右 */
.layout_parts .box .l .file, .layout_parts .box .r .file {
	width:100%;
	height:auto;
	margin:0%;
	text-align:center;
}
.layout_parts .box .l .file a, .layout_parts .box .r .file a {
	width:90%;
	background-color:#32B66E;
	border-radius:20px;
	padding:1% 2.5%;
	color:#FFFFFF !important;
	display:block;
	text-decoration:none !important;
}



}










/* PCページ用CSS */
@media print, screen and (min-width: 631px) {

.layout_parts .box {
	width:100%;
/*    max-width: 1000px;*/
	height:auto;
	margin:15px auto;
	padding:0px;
    overflow: hidden;
    position: relative;
    zoom: 1;
	display: inline-table;
    display: block;
	line-height:200%;
	font-size:16px;
}
.layout_parts .box .l {
	height:auto;
	margin:0px 40px 0px 0px;
	float:left;
	text-align:justify;
}
.layout_parts .box .r {
	height:auto;
	margin:0px ;
	float:left;
	text-align:justify;
}

.layout_parts .box .img_l, .layout_parts .box .img_r, .layout_parts .box .iflame_l, .layout_parts .box .iflame_r {
	width:1000px;
/*    width: 100%;*/
	height:auto;
	margin:0px;
	text-align:justify;
    overflow: hidden;
    position: relative;
    zoom: 1;
}

/* 挿入分のタイトル */
h1.title{
	width: 98%;
	padding: 10px;
	box-sizing: border-box;
	margin: 40px 0px 0px 0px !important;
	font-size: 110%;
	background-color: #F6FCF4;
/*    font-size: 32px;*/
}

/* 画像下のキャプション用 */
.layout_parts .box .caption {
	font-size: 14px;
    line-height: 150%;
	text-align:center;
	margin: 10px 0 0;
}

/* 左右振り分け用 文章 */
.layout_parts .box .size_10pct .text{
	width:80px;
/*    width: 8%;*/
}
.layout_parts .box .size_20pct .text{
	width:180px;
/*    width: 18%;*/
}
.layout_parts .box .size_30pct .text{
	width:280px;
/*    width: 28%;*/
}
.layout_parts .box .size_40pct .text{
	width:380px;
/*    width: 38%;*/
}
.layout_parts .box .size_50pct .text{
	width:480px;
/*    width: 48%;*/
}
.layout_parts .box .size_60pct .text{
	width:580px;
/*    width: 58%;*/
}
.layout_parts .box .size_70pct .text{
	width:680px;
/*    width: 68%;*/
}
.layout_parts .box .size_80pct .text{
	width:780px;
/*    width: 78%;*/
}
.layout_parts .box .size_90pct .text{
	width:880px;
/*    width: 88%;*/
}
.layout_parts .box .size_100pct .text{
	width:1000px;
/*    width: 100%;*/
}

/* 左右振り分け用 画像 */
.layout_parts .box .size_10pct .img{
	width:80px;
/*    width: 8%;*/
    margin: auto;
}
.layout_parts .box .size_20pct .img{
	width:180px;
/*    width: 18%;*/
    margin: auto;
}
.layout_parts .box .size_30pct .img{
	width:280px;
/*    width: 28%;*/
    margin: auto;
}
.layout_parts .box .size_40pct .img{
	width:380px;
/*    width: 38%;*/
    margin: auto;
}
.layout_parts .box .size_50pct .img{
	width:480px;
/*    width: 48%;*/
    margin: auto;
}
.layout_parts .box .size_60pct .img{
	width:580px;
/*    width: 58%;*/
    margin: auto;
}
.layout_parts .box .size_70pct .img{
	width:680px;
/*    width: 68%;*/
    margin: auto;
}
.layout_parts .box .size_80pct .img{
	width:780px;
/*    width: 78%;*/
    margin: auto;
}
.layout_parts .box .size_90pct .img{
	width:880px;
/*    width: 88%;*/
    margin: auto;
}
.layout_parts .box .size_100pct .img{
	width:1000px;
/*    width: 100%;*/
    margin: auto;
}


/* 左右振り分け用 YouTube */
.layout_parts .box .size_10pct .iflame{
	width:80px;
	overflow: hidden;
}
.layout_parts .box .size_20pct .iflame{
	width:180px;
	overflow: hidden;
}
.layout_parts .box .size_30pct .iflame{
	width:280px;
	overflow: hidden;
}
.layout_parts .box .size_40pct .iflame{
	width:380px;
	overflow: hidden;
}
.layout_parts .box .size_50pct .iflame{
	width:480px;
	overflow: hidden;
}
.layout_parts .box .size_60pct .iflame{
	width:580px;
	overflow: hidden;
}
.layout_parts .box .size_70pct .iflame{
	width:680px;
	overflow: hidden;
}
.layout_parts .box .size_80pct .iflame{
	width:780px;
	overflow: hidden;
}
.layout_parts .box .size_90pct .iflame{
	width:880px;
	overflow: hidden;
}
.layout_parts .box .size_100pct .iflame{
	width:1000px;
	overflow: hidden;
}
.layout_parts .box .iflame .youtube{
	height:0px;
	position:relative;
	padding-bottom:56.25%;
}
.iflame iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/* 文章回り込み用 */
.layout_parts .box .img_l .img,
.layout_parts .box .iflame_l .iflame {
	margin:10px 40px 40px 0px;
	float:left;
}
.layout_parts .box .img_r .img,
.layout_parts .box .iflame_r .iflame {
	margin:10px 0px 40px 40px;
	float:right;
}


/* ファイル添付 全幅 */
.layout_parts .file  {
	width: 100%;
	max-width:1000px;
	height:auto;
	margin:0px;
	text-align:center;
}
.layout_parts .file a {
/*	width:980px;*/
	height:auto;
	margin:0px;
	background-color:#32B66E;
	border-radius:20px;
	padding:3px 10px;
	color:#FFFFFF !important;
	display:block;
	text-decoration:none !important;
}

/* 本文リンク時の装飾 */
.layout_parts .box01 a {
	color:#448aca;
	text-decoration:underline;
}

/* ファイル添付 左右 */
.layout_parts .box .l .file, .layout_parts .box .r .file {
	width:480px;
	height:auto;
	margin:0px;
	float:left;
}
.layout_parts .box .l .file a, .layout_parts .box .r .file a {
	width:460px;
	padding:3px 10px;
	background-color:#32B66E;
	color:#FFFFFF !important;
	text-decoration:none !important;
	float:left;
	border-radius:20px;
	text-align:center;
}


}