/*==================================================
グッスマコンテスト
==================================================*/
h4.hobby {
	background: #0164B0;
	color: #FFF;
	font-weight: bold;
	font-size: 125%;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}
h5.hobby {
	font-size: 115%;
	font-weight: bold;
	margin: 10px 0;
}
p.samo {
	margin-left: 1em;
}
ul.hobby {
	border-bottom: 2px dotted #696969;
	margin-bottom: 20px;
}
ul.hobby_none {
	border-bottom: none;
	margin-bottom: 20px;
}
ul.hobby li, ul.hobby_none li {
	width: 48%;
	margin-right: 3%;
	margin-bottom: 20px;
	padding-top: 0.5em;
}
ul.hobby li:nth-child(2n), ul.hobby_none li:nth-child(2n)  {
	width: 49%;
	margin-right: 0;
	padding-top: 0;
}
ul.link li {
	width: 48%;
	margin-right: 4%;
}
ul.link li:nth-child(2n) {
	margin-right: 0;
}
p.no {
	font-size: 90%;
	font-weight: bold;
}
p.no span {
	border-bottom: 1px solid #696969;
}
p.sama {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0.5em;
}
p.sama span {
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 0.5em;
}
p.title {
	background: #EEE;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0.5em !important;
	padding: 5px 0.5em;
}

@media screen and (max-width: 768px) {
h4.hobby {
	font-size: 115%;
	padding-bottom: 3px;
	padding-top: 3px;
}
h5.hobby {
	font-size: 110%;
	margin: 5px 0;
}
ul.hobby li, ul.hobby_none li {
	width: 70%;
	margin: 0 15% 10px;
}
ul.hobby li:nth-child(2n), ul.hobby_none li:nth-child(2n) {
	width: 100%;
	margin: 0 0 15px;
}
.order1 {
  order: 1;　/*上から1番目に表示*/
}
.order2 {
  order: 2;　/*上から2番目に表示*/
}
}
ul.thankyou li {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 2em;
}
ul.thankyou li:nth-child(2n) {
	margin-right: 0;
}
ul.thankyou li img, ul.arigatouu li img { border-radius: 8px; }

@media screen and (max-width: 768px) {
ul.thankyou li {
	width: 100%;
	margin-right: 0%;
}	
}
ul.arigatouu li {
	width: 32%;
	margin-bottom: 2em;
	margin-right: 2%;
}
ul.arigatouu li:nth-child(3n) {
	margin-right: 0;
}
div.sho {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}
@media screen and (max-width: 768px) {
div.sho {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
}
ul.showupbox li {
	width: 48%;
	margin: 0 1% 1em;
}
@media screen and (max-width: 768px) {
ul.showupbox li {
	width: 80%;
	margin: 0 10% 1em;
}

}






@media screen and (max-width: 768px) {
p.shomaru {
	width: 60%;
	margin: 0 20% 1em !important;
}	
}
p.shomaru_s {
	width: 30%;
	margin: 3em 35% 1em !important;
}	
p.shomaru {
	width: 40%;
	margin: 0 30% 1em !important;
}	
@media screen and (max-width: 768px) {
p.shomaru_s {
	width: 50%;
	margin: 3em 25% 1em !important;
}	
}
div.sho_s {
	width: 80%;
	margin: auto 10%;
}
ul.shouu li{
	width: 48%;
	margin: 2em 2% 1em 0;
}
ul.shouu li:nth-child(2n){
	margin: 2em 0 1em;
}	
@media screen and (max-width: 768px) {
ul.shouu li{
	width: 70%;
	margin: 2em 15% 1em;
}
ul.shouu li:nth-child(2n){
	margin: 2em 15% 1em;
}	
}
ul.mokeisho li {
	width: 48%;
	margin: auto 4% 1em 0;
}	
ul.mokeisho li:nth-child(2n) {
	margin-right: 0;
}
@media screen and (max-width: 768px) {
ul.mokeisho li {
	width: 98%;
	margin: auto 1% 2em;
}	
ul.mokeisho li:nth-child(2n) {
	margin-right: 1%;
}
}
ul.mokeisho dl dt {
	width: 50%;
	margin: auto 25% 1em;
}
ul.mokeisho dl dd {
	width: 100%;
	background: #ad7a38;
}
ul.mokeisho dl dd img {
	width: 100%;
	padding: 0.5em 2%;
}
ul.mokeisho li p {
	text-align: center;
}
	
	
	
p.no {
	float: left;
}
p.sama {
	font-size: 100%;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	float: left;
}
p.title {
	font-size: 100%;
	clear: both;
	margin-bottom: 0.5em;
	padding: 3px 0.5em;
}
}

.nav-links{
  padding:0.2em;
  display:flex;
  justify-content:center;
  background:#f3f3f3;
}
.nav-links a,.nav-links span{
  width:25px;
  height:25px;
  margin:2px;
  line-height:25px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  background:#fff;
  color:#333;
  transition:.3s;
  border: 1px solid #CCC;
}
.nav-links a:hover{
  background:#8ca7ee;
  border-radius:100%;
  transform:rotate(360deg);
}
.current{
  background:#8ca7ee;
  border-radius:100%;
}
.dots{
  background:none;
}
p.saiyu {
	width: 28%;
	margin-left:36%;
	margin-right: 36%;
}
p.saiyu_img {
	width: 60%;
	margin-left:20%;
	margin-right: 20%;
}
@media screen and (max-width: 768px) {
p.saiyu {
	width: 50%;
	margin-left:25%;
	margin-right: 25%;
}
p.saiyu_img {
	width: 96%;
	margin-left:2%;
	margin-right: 2%;
}
}
ul.hoka li {
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
}
ul.hoka p.hoka {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;;
}
@media screen and (max-width: 768px) {
ul.hoka li {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}
ul.hoka p.hoka {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;;
}
}
div.aoko p {
	float: left;
	width: 65%;
}
div.aoko img {
	float: right;
	width: 35%;
}
@media screen and (max-width: 768px) {
div.aoko p {
	width: 100%;
}
div.aoko img {
	width: 40%;

}
}
p.botan {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}
h4.sho {
	text-align: center;
}
h4.sho img {
	width: 60%;
}
@media screen and (max-width: 768px) {
h4.sho img {
	width: 100%;
	max-width: 450px;
}
}
ul.sho li {
	width: 48%;
	margin: auto 1% 1em;
}
@media screen and (max-width: 768px) {
ul.sho li {
	width: 80%;
	margin: auto 10% 1em;
}
}
div.sho {
	text-align: center;
}
div.sho img {
	max-width: 540px;
}
ul.greeting li {
	margin-bottom: 1em;
	width: 48%;
	margin-right: 4%;
}
ul.greeting li:nth-child(2n) {
	margin-right: 0;
}
@media screen and (max-width: 768px) {
ul.greeting li {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}
ul.greeting li:nth-child(2n) {
	margin-right: 5%;
}
}

ul.bumon {
	margin: 1em 2% 1.5em;
}
ul.bumon li {
	width: 32%;
	margin-right: 2%;
}
ul.bumon li:nth-child(3n) {
	margin-right: 0;
}
@media screen and (max-width: 768px) {
ul.bumon {
	margin: 1em 0;
}
}

h4.bumon01 {
	background: #e91a2b;
}
h4.bumon02 {
	background: #ffda23;
	color: #002060;
}
h4.bumon03 {
	background: #1d50a2;
}
p.saiyu {
	width: 28%;
	margin-left:36%;
	margin-right: 36%;
}
p.saiyu_img {
	width: 60%;
	margin-left:20%;
	margin-right: 20%;
}
@media screen and (max-width: 768px) {
p.saiyu {
	width: 50%;
	margin-left:25%;
	margin-right: 25%;
}
p.saiyu_img {
	width: 96%;
	margin-left:2%;
	margin-right: 2%;
}
}
ul.hoka li {
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
}
ul.hoka p.hoka {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;;
}
@media screen and (max-width: 768px) {
ul.hoka li {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}
ul.hoka p.hoka {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;;
}
}
div.aoko p {
	float: left;
	width: 65%;
}
div.aoko img {
	float: right;
	width: 35%;
}
@media screen and (max-width: 768px) {
div.aoko p {
	width: 100%;
}
div.aoko img {
	width: 40%;

}
}
.nav-links{
  padding:0.2em;
  display:flex;
  justify-content:center;
  background:#f3f3f3;
}
.nav-links a,.nav-links span{
  width:25px;
  height:25px;
  margin:2px;
  line-height:25px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  background:#fff;
  color:#333;
  transition:.3s;
  border: 1px solid #CCC;
}
.nav-links a:hover{
  background:#8ca7ee;
  border-radius:100%;
  transform:rotate(360deg);
}
.current{
  background:#8ca7ee;
  border-radius:100%;
}