@charset "utf-8";
.col-1 {
  float: left;
  width: 60px;
  margin-right: 10px;
  margin-left: 10px;
}




@media screen and (max-width: 768px) {
  .col-1 {
    float: none;
    width: 100%;
    margin: 0;
  }
}

.col-2 {
  float: left;
  width: 140px;
  margin-right: 10px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .col-2 {
    float: none;
    width: 100%;
    margin: 0;
  }
}

/* ===================================

	1: RESET

====================================== */
/* normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

body {
  margin: 0;
}

a {
  background: transparent;
}

a:focus {
/*  outline: thin dotted;
*/
  outline: 0;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ===================================

	2: COMMON

====================================== */
html {
  min-width: 100%;
  background: #52B7E2;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 62.5%;
  color: #000;
}

body {
  min-width: 960px;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  body {
    min-width: 0;
  }
}

#page {
  overflow: hidden;
  position: relative;
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
}

p,
ul,
ol,
dl {
  margin: 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.0;
}

img {
  line-height: 1;
  vertical-align: top;
}

a:link {
  text-decoration: none;
  color: #09F;　　　　　/* org #1b1b1b  Jun Yamasaki */
}

a:visited {
  text-decoration: none;
  color: #00B7f7;
/*  color: #09F;　　　　　/* org #1b1b1b  Jun Yamasaki */
}
a:hover {
  text-decoration: none;
  color: #00B7f7;
}

a:active {
  text-decoration: none;
  color: #00B7f7;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: #FBFB00 none repeat scroll 0 0;

}

th,
td {
  text-align: center;
}

/* ===================================

	3: LAYOUT

====================================== */
.header {
  max-width: 960px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  z-index: 99;
  position: relative;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .header {
    width: auto;
  }
}

body.index .contents {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  body.index .contents {
    width: auto;
  }
}


/* ===================================

	4: MODULE

====================================== */
.title_foo {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .title_foo {
    width: 100%;
  }
}

.title_too {
  padding-left: 330px;
  margin-top: -40px;
}
@media screen and (max-width: 768px) {
  .title_too {
    padding-left: 0px;
    margin-top: 0px;
    width: 90%;
  }
}

.title_line {
  background:#1d9eed none repeat scroll 0 0;
  min-width: 960px;
  position: relative;
  width: 100%;
  height: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .title_line {
    display: none;
  }
}

.title_line2 {
  background: #00b7f7 none repeat scroll 0 0;
  min-width: 960px;
  position: relative;
  width: 100%;
  height: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .title_line2 {
    display: none;
  }
}




.sp_menu {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp_menu {
    display: block;
  }
}

.sp_menu a {
  color: black;
}

.child {
  display: none;
}

.menu {
  display: block;
  font-size: 1.4em;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .menu {
    display: none;
  }
}

.menu a {
  color: #000000;
}

.kugiri {
  font-size: 1.6em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .kugiri {
    font-size: 1.2em;
  }
}

.h_sns {
  margin-top: -40px;
  float: right;
}
@media screen and (max-width: 768px) {
  .h_sns {
    float: none;
    margin-top: -5px;
    padding-bottom: 10px;
    padding-left: 15px;
    text-align: center;
  }
}

.h_url {
  margin-top: -20px;
  float: right;
  font-size: 1.4em;
}
@media screen and (max-width: 768px) {
  .h_url {
    margin-left: 0px;
    margin-top: -20px;
    float: right;
    font-size: 1.2em;
  }
}

.main_img_box {
  background: #FFFFFF none repeat scroll 0 0;
  min-width: 960px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main_img_box {
    width: 100%;
    min-width: 0px;
  }
}


.main_img {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .main_img {
    max-width: 98%;
  }
}

.catchCopy_box {
  margin-left: auto;
  margin-right: auto;
  width: 920px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .catchCopy_box {
    width: 100%;
  }
}

.catchCopy {
  font-size: 2.8em;
  margin-bottom: 10px;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .catchCopy {
    font-size: 1.4em;
  }
}

.catchDescription {
  width: 430px;
}
@media screen and (max-width: 768px) {
  .catchDescription {
    width: 100%;
  }
}

.c_sns {
  text-align: right;
  margin-top: -110px;
}
@media screen and (max-width: 768px) {
  .c_sns {
    margin-top: 20px;
    text-align: center;
    margin-left: -10px;
    margin-right: -15px;

  }
}

.c_sns img{
}
@media screen and (max-width: 768px) {
  .c_sns img{
  margin-left:-10px;
  margin-right: -15px;
  }
}


.picup_back_box {
  background: #1d9eed none repeat scroll 0 0;
  min-width: 960px;
  position: relative;
  width: 100%;
		color:#fff;
}

.picup_back_box a{
		color:#fff;
}


@media screen and (max-width: 768px) {
  .picup_back_box {
    min-width: 0px;
    max-width: 100%;
    margin-top: 10px;
  }
}

.picup_box {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .picup_box {
    min-width: 0px;
    max-width: 98%;

  }
}

.picupCopy {
  font-size: 1.5em;
  margin-top: -50px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .picupCopy {
    margin-top: 0px;
    padding-left: 0px;
  }
}

.picupLine {
  padding-left: 20px;
  font-size: 1.2em;
  line-height: 140%;
  padding-bottom: 10px;
  width: 490px;
}
@media screen and (max-width: 768px) {
  .picupLine {
    padding-left: 0px;
    width: auto;
  }
}

.p_news {
  margin-left: 700px;
  padding-top: 20px;
  font-size: 1.2em;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .p_news {
    margin-left: 0px;
    padding-bottom: 20px;
  }
}

.contents {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  height:740px;
}
@media screen and (max-width: 768px) {
  .contents {
    width: 100%;
    margin: 0;
    height: 100%;
  }
}

.topBox1 {
  float: left;
  width: 320px;
}
@media screen and (max-width: 768px) {
  .topBox1 {
    width:96%;
    margin-right: auto;
    margin-left: auto;
    float: none;
    padding-bottom:30px;
  }
}

.topBox2 {
  float: left;
  width: 320px;
}
@media screen and (max-width: 768px) {
  .topBox2 {
    width:96%;
    margin-right: auto;
    margin-left: auto;
    float: none;
    padding-bottom:30px;
  }
}

.topBox3 {
  float: left;
  width: 300px;
}
@media screen and (max-width: 768px) {
  .topBox3 {
    width:96%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
}

.innerBox {
padding-top:20px;
width: 300px;
border-width: thin;
border-color: #969696;
border-style: solid;
}
@media screen and (max-width: 768px) {
  .innerBox {
    width:100%;
    float: none;
  }
}

.innerLabel {
  width: 100px;
  background: #FBFB00 none repeat scroll 0 0;
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: -30px;
}

.innerLabelBlack {
  width: 100px;
  background: #000000 none repeat scroll 0 0;
  color: #FFFFFF;
  font-size: 1.4em;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: -30px;
}

.innerLine {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.normal_font_inbox {
  color: #444444;
  font-size: 1.3em;
  line-height: 160%;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.normal_font_chyui {
  color: #444444;
  font-size: 1.4em;
  line-height: 160%;

}
.normal_font {
  margin-top: 10px;
  color: #444444;
  font-size: 1.4em;
  line-height: 160%;

}
.normal_font p{
  width:400px;
  font-size:1.3em;
		margin:0.5em;
		line-height:1em;

}
.normal_font p a{
	color: #fff;
	display: block;
	background-color: #7AE1ED;
	transition: 0.3s;
	padding: 10px;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
}

.normal_font p a:hover{
	background-color: #C8E9FF;
	color:#09F;
}

.w300{
	width:300px;

	}

@media screen and (max-width: 768px) {
 .normal_font p{
  width:80%;
  font-size:0.9em;
		margin:0.5em auto ;
		line-height:1em;
		text-align:center;

}
}

.normal_fontSmall {
  color: #444444;
  font-size: 1.2em;
}

.bold_font {
  color: #000000;
  font-size: 1.6em;
  font-weight:bold;
}


.bold_font a:link {
	color: #000000;
	text-decoration: none;
}

.bold_font a:visited {
	color: #000000;
	text-decoration: none;
}

.bold_font a:hover {
	color: #09F;
	text-decoration: none;
}

.bold_font a:active {
	color: #000000;
	text-decoration: none;
}



.bold_font img {
  margin-top: -5px;
}

.img_center {
　margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .img_center img {
  }
}

.img_B_center {
  background: #ffffff none repeat scroll 0 0;
　margin-top: 20px;
  text-align: center;
}

.img_right {
  display: none;
}
@media screen and (max-width: 768px) {
  .img_right {
    display: block;
    text-align: right;
    padding-right: 10px;

  }
}

.img_footer {
　margin-top: 20px;
  text-align: center;
  margin-bottom: 5px;
}

.normal_font_center {
  color: #444444;
  font-size: 1.4em;
  line-height: 150%;
  text-align: center;
}


.bold_font_center {
  color: #000000;
  font-size: 1.8em;
  text-align: center;
  margin-top: 5px;

}

.footer_box {
  background: #f2f2f2 none repeat scroll 0 0;
  min-width: 960px;
  position: relative;
  width: 100%;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .footer_box {
    min-width:0px;

  }
}

/* =================================== */

.titleCopy {
  font-size: 2.8em;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .titleCopy {
    margin-top: 0px;
    padding-left: 0px;
  }
}

.titleSeparator {
  width: 96%;
}

.titleLine {
  padding-top: 0px;
  font-size: 1.3em;
  line-height: 150%;
  padding-bottom: 30px;
  width: 640px;
}
@media screen and (max-width: 768px) {
  .titleLine {
    padding-left: 0px;
    width: auto;
  }
}

/* =================================== */
.menu_Pos01 {
  margin-left: 28px;
  margin-top: -10px;
  padding-bottom: -1px;
}
@media screen and (max-width: 768px) {
  .menu_Pos01 {
    display: none;
  }
}

.titleLine01 {
  padding-top: 0px;
  font-size: 1.3em;
  line-height: 150%;
  padding-bottom: 30px;
  width: 640px;
}
@media screen and (max-width: 768px) {
  .titleLine01 {
    padding-left: 0px;
    width: auto;
  }
}


.contents1 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  height:1280px;
}
@media screen and (max-width: 768px) {
  .contents1 {
    width: 100%;
    margin: 0;
    height: 100%;
  }
}

.contentsBox1 {
  float: left;
  width: 620px;
}
@media screen and (max-width: 768px) {
  .contentsBox1 {
    width:96%;
    float: none;
    padding-bottom:30px;
    margin-left: auto;
    margin-right: auto;
  }
}

.stepImg {
  width: 70px;
}
@media screen and (max-width: 768px) {
  .stepImg {
    text-align: center;
    margin-top: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
.stepName {
  font-size: 2.0em;
  margin-top: -40px;
  margin-left: 60px;
}
@media screen and (max-width: 768px) {
  .stepName {
    text-align: center;
    margin-top: 0px;
    margin-left: 0px;
  }
}


.stepLine {
  margin-top:-5px;
  margin-left: 60px;
}
@media screen and (max-width: 768px) {
  .stepLine {
    padding-left: 0px;
    width: 96%;
    margin-right: auto;
    margin-left: auto;
  }
}

.stepSNS {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .stepSNS img {
  margin-left:-15px;
  margin-right: -20px;
  }
}


.toukouImg {
  margin-left: -30px;
}
@media screen and (max-width: 768px) {
  .toukouImg {
    text-align: center;
    margin-left:0px;
  }
}

@media screen and (max-width: 768px) {
  .toukouImg img {
    width: 100%;
    margin-top: -30px;
    text-align: center;
    margin-left:0px;
  }
}

.stepCyui {
  width: 70px;
  margin-left:35px;
}
@media screen and (max-width: 768px) {
  .stepCyui {
    margin-top: 0px;
    padding-left: 0px;
    margin-left: 0px;
  }
}

.stepCyuiLine {
  margin-top:-18px;
  margin-left: 60px;
}
@media screen and (max-width: 768px) {
  .stepCyuiLine {
    width: 96%;
    margin-left: 20px;
  }
}

.contentsBox12 {
  float: left;
  width: 260px;
  margin-left:40px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .contentsBox12 {
    width:96%;
    float: none;
    padding-bottom:30px;
    margin-left: auto;
    margin-right: auto;
  }
}




/* =================================== */
.menu_Pos02 {
  margin-left: 130px;
  margin-top: -10px;
  padding-bottom: -1px;
}
@media screen and (max-width: 768px) {
  .menu_Pos02 {
    display: none;
  }
}

.contents2 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  height:900px;
}
@media screen and (max-width: 768px) {
  .contents2 {
    width: 100%;
    margin: 0;
    height: 100%;
  }
}

.contentsBox2 {
  float: left;
  width: 640px;
  margin-top: -30px;
}
@media screen and (max-width: 768px) {
  .contentsBox2 {
    width:96%;
    float: none;
    padding-bottom:30px;
    margin-left: auto;
    margin-right: auto;
  }
}

.judgeImg {
  float: right;
}
@media screen and (max-width: 768px) {
  .judgeImg {
  float: none;
  text-align: center;
  }
}

.judgeName {
  font-size: 2.8em;
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .judgeName {
    text-align: center;
    margin-top: 0px;
    padding-left: 0px;
  }
}

.judgeSub {
  font-size: 1.45em;
}
@media screen and (max-width: 768px) {
  .judgeSub {
    text-align: center;
    margin-top: 0px;
    padding-left: 0px;
  }
}

.judgeLine {
  margin-top:30px;
}
@media screen and (max-width: 768px) {
  .judgeLine {
    padding-left: 0px;
    width: 96%;
    margin-right: auto;
    margin-left: auto;
  }
}

.judgeSeparetor {
}
@media screen and (max-width: 768px) {
  .judgeSeparetor {
    width: 50px;
    height: 5px;
  }
}

/* =================================== */
.menu_Pos03 {
  margin-left: 260px;
  margin-top: -10px;
  padding-bottom: -1px;
}
@media screen and (max-width: 768px) {
  .menu_Pos03 {
    display: none;
  }
}

.picup_backBlue_box {
  background: #00b7f7 none repeat scroll 0 0;
  min-width: 960px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .picup_backBlue_box {
    min-width: 0px;
    max-width: 100%;
    margin-top: 10px;
  }
}

.contents3 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  height:830px;
}
@media screen and (max-width: 768px) {
  .contents3 {
    width: 100%;
    margin: 0;
    height: 100%;
  }
}

.contentsBox3 {
  float: left;
  width: 620px;
}
@media screen and (max-width: 768px) {
  .contentsBox3 {
    width:96%;
    float: none;
    padding-bottom:30px;
    margin-left: auto;
    margin-right: auto;
  }
}

.contentsBox32 {
  float: left;
  width: 260px;
  margin-left:40px;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .contentsBox32 {
    float: none;
    padding-bottom:50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
  }
}
@media screen and (max-width: 768px) {
  .contentsBox32 img{
    width: 100%;

  }
}

.graph03 {
}
@media screen and (max-width: 768px) {
  .graph03 img{
    width: 100%;
  }
}


/* =================================== */
.menu_Pos04 {
  margin-left: 410px;
  margin-top: -10px;
  padding-bottom: -1px;
}
@media screen and (max-width: 768px) {
  .menu_Pos04 {
    display: none;
  }
}

.titleLine04 {
  padding-top: 10px;
  font-size: 1.25em;
  line-height: 120%;
  padding-bottom: 30px;
  width: 620px;
}
@media screen and (max-width: 768px) {
  .titleLine04 {
    padding-left: 0px;
    width: auto;
  }
}

.contents4 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .contents4 {
    width: 100%;
    margin: 0;
    height: 100%;
  }
}

.contents42 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  padding-bottom: 30px;
  height:220px;
}
@media screen and (max-width: 768px) {
  .contents42 {
    width: 100%;
    margin: 0;
    height: 100%;
  }
}

.item_list {
  width: 960px;
  padding-bottom: 12px;
}
.item_list{
	font-size: 1.2em;
	margin-top: 50px;
  }
.item_list  li{
	font-size: 1.2em;
	margin-bottom: 0.8em;
	text-decoration: none;
  }



@media screen and (max-width: 768px) {
  .contentsBox4 {
    width:96%;
    float: none;
    padding-bottom:30px;
    margin-left: auto;
    margin-right: auto;
  }

}

.photo04 {
  width: 980px;
}
@media screen and (max-width: 768px) {
  .photo04 {
    width: 100%;
    text-align: center;
  }
}

.photo04 img {
  padding-right: 12px;
  padding-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .photo04 img {
    margin-left:12px;
    padding-right: 0px;
  }
}

.contentsBox41 {
  width: 620px;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .contentsBox41 {
    width:96%;
    float: none;
    padding-bottom:30px;
    margin-left: auto;
    margin-right: auto;
  }
}

.contentsBox42 {
  float: right;
  padding-right:70px;
}
@media screen and (max-width: 768px) {
  .contentsBox42 {
    float: none;
    text-align:center;
    padding-right: 0px;
  }
}
@media screen and (max-width: 768px) {
  .contentsBox42 img{

  }
}

/* =================================== */
.menu_Pos05 {
  margin-left: 522px;
  margin-top: -10px;
  padding-bottom: -1px;
}
@media screen and (max-width: 768px) {
  .menu_Pos05 {
    display: none;
  }
}

.contents5 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .contents5 {
    width: 100%;
    margin: 0;
    height: 100%;
  }
}

.contentsBox5 {
  width: 960px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .contentsBox5 {
    width:90%;
    float: none;
    padding-bottom:30px;
    margin-left: auto;
    margin-right: auto;
  }
}

.grandSyouImg {
}
@media screen and (max-width: 768px) {
  .grandSyouImg {
    text-align: center;
  }
}

.itemTitle5 {
  font-size: 3em;
  margin-left: 250px;
  margin-top: -70px;
}
@media screen and (max-width: 768px) {
  .itemTitle5 {
    text-align: center;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}

.itemOwner5 {
  font-size: 1.2em;
  margin-left: 250px;
}
@media screen and (max-width: 768px) {
  .itemOwner5 {
    text-align: center;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}

.granprixImg {
}
@media screen and (max-width: 768px) {
  .granprixImg  img{
    text-align: center;
    width: 100%;
  }
}

.contentsBox51 {
  width: 460px;
  margin-top: -30px;
  padding-right:20px;
}
@media screen and (max-width: 768px) {
  .contentsBox51 {
    width:90%;
    float: none;
    padding-bottom:30px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
  }
}
@media screen and (max-width: 768px) {
  .contentsBox51 img{

  }
}

.contentsBox52 {
  float: right;
  margin-top: -342px;
  width: 460;
}
@media screen and (max-width: 768px) {
  .contentsBox52 {
    width:90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .contentsBox52 img{

  }
}

.itemTitle51 {
  font-size: 3em;
  margin-top: -10px;
}
@media screen and (max-width: 768px) {
  .itemTitle51 {
    text-align: center;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}

.itemOwner51 {
  font-size: 1.2em;
  margin-top: -5px;
}
@media screen and (max-width: 768px) {
  .itemOwner51 {
    text-align: center;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}


.itemTitle52 {
  font-size: 3em;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .itemTitle52 {
    text-align: center;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}

.itemOwner52 {
  font-size: 1.2em;
  margin-top:-5px;
}
@media screen and (max-width: 768px) {
  .itemOwner52 {
    text-align: center;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}

.granpImg {

}
@media screen and (max-width: 768px) {
  .granpImg {
    text-align: center;
    margin-top: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
.granpphoto {
    margin-top: 20px;
    width: 70%;
}
@media screen and (max-width: 768px) {
  .granpphoto {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
.tokubetuImg {
    margin-top: 40px;

}
@media screen and (max-width: 768px) {
  .tokubetuImg {
    text-align: center;
    margin-top: 80px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
.tokubetu1 {
    margin-top: 20px;
    width: 500px;
}
@media screen and (max-width: 768px) {
  .tokubetu1 {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
.tokubetu2 {
    margin-top: -410px;
    width: 400px;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
  .tokubetu2 {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
.tokubetutext {
    margin-top: 20px;
    text-align: center;
}
@media screen and (max-width: 768px) {
  .tokubetutext {
    text-align: center;
    margin-top: 20px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
.granptext {
    margin-top: 20px;
	margin-left: 100px;
    text-align: left;
    font-size: medium;
}
@media screen and (max-width: 768px) {
  .granptext {
    text-align: center;
    margin-top: 20px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
.contents52 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  height:730px;
}
@media screen and (max-width: 768px) {
  .contents52 {
    width: 100%;
    margin: 0;
    height: 100%;
  }
}
div.granpphoto img {
  width: 100%;
  }
div.tokubetuphoto img {
  width: 100%;
  }
div.granpphoto img {
  width: 100%;
  }

/* =================================== */
.menu_Pos06 {
  margin-left: 630px;
  margin-top: -10px;
  padding-bottom: -1px;
}
@media screen and (max-width: 768px) {
  .menu_Pos06 {
    display: none;
  }
}

.contents6 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .contents6 {
    width: 100%;
    margin: 0;
    height: 100%;
  }
}

.contentsBox6 {
  width: 960px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .contentsBox6 {
    width:90%;
    float: none;
    padding-bottom:30px;
    margin-left: auto;
    margin-right: auto;
  }
}
.bg2018{
/*	background-color:#1d9eed;
  background-color:#20B3B8
*/
background: url(../../img/bg.png) repeat;
  !important
	}

.bg2018_sb{
/*	background-color:#1d9eed;
  background-color:#20B3B8
*/
background: url(../../img/bg.png) repeat;
!important
	}
/*----------------------------------*/