@charset "utf-8";
/* reset
==================================*/
  html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	}
	body,form,fieldset {
		margin: 0;
		padding:0;
	  -webkit-text-size-adjust: none;
	}
	
	img {
		margin:0px;
		padding:0px;
		border: 0px;
		vertical-align:bottom;
	}
	

/* font
==================================*/

	body {
		color:#000;
		background-color:#ffffff;
		font-family: 'M PLUS Rounded 1c', "Sawarabi Gothic", 'Saira Semi Condensed', sans-serif, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", メイリオ, Meiryo, sans-serif;
		line-height: 1;
		letter-spacing: 0.1em;
	}
	@media (max-width: 850px) {
		body{
			letter-spacing: 0em;
		}
	}


/* float, clear
==================================*/

	@media print{
		body{
			_zoom: 70%;
			background: none;
		}
		img.hover {
			display:none;
		}
	}



/*==========================================
  Common
==========================================*/
/* base
==================================*/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, tr {
  font-size: 16px;
}
a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}






/* main
==================================*/
main {
  display: block;
}


.content-box{margin:auto auto 5vh auto; display: block;  width: 89%; text-align: center;}
header h1{ color: #fff; background-color: #e50012; font-size: 2.2em; text-align: center;margin:auto auto 6.0vh auto; padding:3.0vh 0; }
h2{ font-size: 3.0em; line-height: 3.0; }
.box_small{}
.box_medium{}
.box_large{}
.all_center{text-align: center;}
.content_comment{ font-size: 1.5em; line-height: 1.6; }
.bottom_box{margin:auto; display: block;}
.red{color: #e50012;}
.method_box{display: block;margin:2.0em auto; text-align: center;max-width: 900px; width: 90%;}
.method_box img.pc{display: block; margin:auto; text-align: center;width: 100%;}
.method_box img.sp{display: none;}
@media screen and (max-width:768px) {
  .method_box{}
  .method_box img.pc{display: none;}
  .method_box img.sp{display: block; width: 100%; max-width: 500px;}
  .box_small{}
  h2{line-height: 1.6; font-size: 1.5em; margin:1.0em 5%; text-align: center; }
  .content_comment{ font-size: 0.88em; margin:auto 5%; }
}
.footer {
    background: #e50012;
    color: white;
    padding: 100px 0 0 0;
    margin-top: 100px;
}
.related_services_wrap {
    margin: 0 auto 40px auto;
    background-color: #fff;
    text-align: center;
    padding: 40px 0;
}
.related_services_wrap .related-title {
    font-size: 22px;
    font-weight: normal;
    color: #000;
    margin-bottom: 30px;
}
.related_services_wrap ul {
    margin: auto;
    max-width: 800px;
    display: table;
    padding: 0;
}
.related_services_wrap ul li {
    display: inline-table;
    width: 31%;
    vertical-align: top;
    padding: 0;
    margin: 0 auto;
}
.related_services_wrap ul li img.ow-logo {
    width: 56%;
}
.related_services_wrap ul li span.powerdby {
    display: inline-block;
    color: #C54340;
    font-size: 12px;
    margin-bottom: 7px;
}
.footer__basic-info {
    bottom: calc(40px + 70px);
    margin: auto;
    text-align: center;
    display: table;
}
.al-center {
    text-align: center !important;
}
small {
    font-size: 50%;
}
.related_services_wrap ul li img {
    display: block;
    padding: 0;
    margin: auto;
    width: 80%;
}
.p_b60 {
    padding-bottom: 60px;
}

/*
@media screen and (max-width: 768px){
.ownlyUgcWidget_block .ownlyUgcsetPost, .ownlyUgcWidget_block .ownlyUgcSlide {
    width: 148px !important;
}
.ownlyUgcWidget_block .ownlyUgcsetPostPhoto{width: 148px !important; height: 148px !important;}
.ownlyUgcWidget_block .ownlyUgcsetPostPhoto img{width: 148px !important; height: 148px !important;}
}
*/


select.select_list option {
    font-family: "Nico Moji";
    color: #000;
}
.main-image{margin:auto; text-align: center; width: 100%; max-width: 1200px;}
.main-image img{width: 100%;}
.custom-select{
    margin:auto auto 50px auto;
    background-color: #ccc;
    max-width: 600px;
    width: 90%;
    text-align: center;
}


/*
select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 2ex;
    font-size: 16px;
    color: #e50012;
    font-weight: bold;
    border: 1px solid #e50012;
    background-origin: content-box;
    background-color: #fff600;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
}
*/

#portal_link {
  margin-bottom: 20px;
}


@media screen and (max-width:768px) {
	header h1{font-size: 1.8em; text-align: center;margin:auto auto 6.0vh auto; padding:3.0vh 10px; line-height: 1.3; }
}



.custom-select {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /*background-color: #ffe610;*/
  background-color: #e50012;
  border:1px solid #666;
  margin: 10px auto;
  text-align: center;
}
.custom-select select {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  width: 100%;
  margin: 0;
  padding: .75em 1.5em;
  outline: none;
  cursor: pointer;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /* Styling the select text color */
  color: #fff;
  font-size: 16px;
  /* removes the fucking native down arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.custom-select option {
    color: #000;
}
.custom-select select::-ms-expand {
  display: none;
}
.custom-select:after {
  position: absolute;
  top: 1.25em;
  right: 1em;
  /* Styling the down arrow */
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: .25em solid transparent;
  border-right: .25em solid transparent;
  border-top: .375em solid #111;
  pointer-events: none;
}

@-moz-document url-prefix() {
  .custom-select select {
    padding-right: 1.75em;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .custom-select select {
    padding-right: 2em;
  }
}

.ownlyUgcWidget_square .ownlyUgcsetPostText:hover{ /*background-color: rgba(210,45,38,0.9);*/background-color: rgba(229,0,18,0.9);}



@media (max-width: 420px){
  #widget_wrapper{margin:auto 4%;}
  .ownlyUgcWidget_square .ownlyUgc .ownlyUgcsetPost:nth-child(3n+1),
  .ownlyUgcWidget_square .ownlyUgc .ownlyUgcsetPost:nth-child(9n+1) {
      width: 100% !important;
  }
  .ownlyUgcWidget_square .ownlyUgc .ownlyUgcsetPost{
    width: 50% !important;
  }
}