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

/* html,bodyタグの設定 */
html, body{
  margin: 0;         /* 余白の削除 */
  padding: 0;        /* 余白の削除 */
  width: 100vw;
  height: auto;
  background-image: url("../img/main_bg.png");
  background-size: 100% auto;
  background-repeat: repeat-y;
}

.main{
  max-width: 768px;
  margin: 0 auto;
  background-color: none;
}

/* fonts */
.mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: medium;
}
h1,h2,h3,h4,h5,h6,h7,p {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* ヘッダーの固定 */
div#header-fixed{
  position: fixed;            /* ヘッダーの固定 */
  top: 0px;                   /* 位置(上0px) */
  left: 0px;                  /* 位置(右0px) */
  width: 100%;                /* 横幅100%　*/
  height: 145px;              /* 縦幅140px */
}
/* ボディの定義 */
div#body-bk{
  padding:160px 0 160px 0;    /* 上下に160pxを余白を取る */
}
div#body{
  width:960px;
  margin:auto;
}
.img03b{
  margin-top: -200px;
}

.content {
	margin: 0 auto;
	/* 外枠の大きさ */
	max-width: 500px;
	/* border: 1px solid black; */
	min-height: 600px;
}

/* 記事全ての枠の設定 */
.container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 50px;
}

.article-item {
    /* 記事アイテムの一つの大きさ */
    width: 33%;
    height: auto;
    margin-bottom: 5px;
    margin-top: 5px;
}
.article-item-1clm {
    width: 100%;
    padding: 15px;
    background-color: rgba(230,230,230,0.70);
    margin: 20px;
}
.article-item-2clm {
    width: 100%;
    padding: 15px;
    background-color: rgba(230,230,230,0.70);
    /* [disabled]margin-top: 20px; */
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.article-item-3clm {
    width: 100%;
    padding: 15px;
    background-color: rgba(250,237,0,0.50);
    margin: 20px;
}
.article-item-5clm {
    width: 100%;
    padding: 15px;
    background-color: rgba(255,230,230,0.50);
    margin: 20px;
}
.article-item-4clm {
    width: 80%;
}
.article-item-4clm img {
    width: 50%;
}
.article-item-white {
    width: 100%;
    padding: 15px;
    background-color: none;
    margin: 20px;
}

p.header img {
    width: 70%;
    height: auto;
}
p.intxt img {
    width: 100%;
    height: auto;
}

/* contact */
.contact{
    padding-bottom: 30px;
}
.icon img {
    width: 50px;
    height: auto;
    margin: 10px;
}
.contact_nav {
    display: table;
    width: 100%;
    margin: auto;
}
.nav__item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/* #class#more記述 */
.contents {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
    height: auto;
}
.layout1 .mainColumn {
	width: 89%;
	float: right;
	max-width: 860px;
	height: auto;
	padding-left: 15px;
	text-align: justify;
	border-left: 0.5px solid rgba(0,0,0,1.00);
}
.layout1 .sideColumn {
    width: 11%;
    float: left;
    max-width: 100px;
    margin-left: -7px;
}
.layout1 #midashi {
    width: 100%;
    float: right;
    max-width: 860px;
    height: 200px;
    background-image: url(../img/pic_gall01.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 30% auto;
}
.layout1 #textColumn {
    width: 70%;
    float: right;
    height: auto;
    padding-left: 15px;
}
.layout1 #imgColumn {
    width: 30%;
    float: left;
    padding-right: 0px;
}
.layout1 img {
    width: 100%;
    height: 100%;
}

/* 画像回り込み */
#wrap p {
	margin-bottom: 15px;
	line-height: 1.6em;
}
.float_none {
	clear: both;
}
figure {
	float: right;
	margin: 0 0 0px 15px;
	width: 40%;
}
figure img {
	max-width: 100%;
}

/* 箇条書き */
.container ul {
  list-style-type: none;
  text-align: justify;
}
.container ul li{
  line-height: 20px;
  text-indent:-1em;
  padding-left:1em;
  margin: 0 0 5px 0;
}

/* テキストセンター */
.centering{
  text-align: center;
}


.full{
  width: 100%;
  border: 0px solid rgba(0,0,0,1.00);
  padding: 10px 15px;
  margin: 5px 0;
  background: #CC0066;
}
.full > h7{
  font-size: 180%;
  text-align: justify;
  line-height: 1.5em;
  color: #FFFFFF;
  font-weight: 700;
}