@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
@import url(../css/coparts.css);
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/*-------------------------------------------------- media queries --------------------------------------------------*/
/*-------------------------------------------------- font --------------------------------------------------*/
/*-------------------------------------------------- colors --------------------------------------------------*/
/*-------------------------------------------------- mixin styles --commons --------------------------------------------------*/
/*-------------------------------------------------- mixin styles --commons --------------------------------------------------*/
/* column titles */
/*-------------------------------------------------- mixin styles --index --------------------------------------------------*/
/*-------------------------------------------------- mixin styles --modules --------------------------------------------------*/
/*-------------------------------------------------- mixin styles --archive --------------------------------------------------*/
/* column borders */
/*-------------------------------------------------- base --------------------------------------------------*/
* { box-sizing: border-box; }

html { background-color: #fff; color: #000; font-size: 16px; font-weight: 300; line-height: 1.6; height: auto; word-break: break-all; }

@media screen and (max-width: 767px) { html { font-size: 13px; line-height: 1.3; } }

body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif, "Yu Gothic", YuGothic; height: 100%; background: #fff url(../images/bg_loop.gif) 50% 0 repeat-y; }

a, a:hover, a:active, a:focus { color: #066CFF; text-decoration: none; }

a:hover { transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; opacity: 0.8; }

p { line-height: 1.75; }

@media screen and (max-width: 767px) { p { line-height: 1.5; } }

img { vertical-align: middle; }

@media screen and (max-width: 767px) { img { max-width: 100%; height: auto; } }

table { border-collapse: collapse; }

table td { padding: 0; }

input, select, textarea, radio { color: #000; }

.md { /*-------------------------------------------------- header --------------------------------------------------*/ /*-------------------------------------------------- footer --------------------------------------------------*/ /*-------------------------------------------------- content --bodyの2カラムレイアウト --------------------------------------------------*/ /*-------------------------------------------------- toTopBtn --------------------------------------------------*/ /*-------------------------------------------------- some parts --------------------------------------------------*/ /*-------------------------------------------------- pager --------------------------------------------------*/ }

.md-header { position: relative; background: transparent url(../images/bg_head_second.gif) 50% 0 no-repeat; margin-bottom: 3px; height: 191px; }

.md-header-inner { position: relative; max-width: 920px; margin: 0 auto; box-sizing: border-box; }

.md-header-logo { background: transparent url(../images/face/second_1.png) 11px 64px no-repeat; height: 149px; }

.md-header-logo a { position: absolute; display: block; width: 266px; height: 99px; margin: 0 auto; top: 28px; left: 0; right: 0; }

.md-header-logo a img { width: 100%; }

.md-header-nav { position: relative; z-index: 1000; }

.md-header-nav ul { margin: 0; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.md-header-nav ul li { list-style-type: none; }

.md-header-nav ul li { text-align: center; width: 171px; }

.md-header-nav ul li:not(:last-child) { margin-right: 3px; }

.md-header-nav ul li:hover a { border-bottom-color: #fffc00; }

.md-header-nav ul li.top { width: 50px; }

.md-header-nav ul li a { display: block; background-color: #066CFF; border-bottom: 7px solid #066CFF; color: #fff; font-size: 0.875rem; line-height: 42px; height: 42px; }

@media screen and (max-width: 767px) { .md-header-nav ul li a { font-size: 1.07692rem; } }

.md-header-nav ul li.active a { border-bottom-color: #fffc00; }

.md-header-nav ul li.spread ul { display: none; }

.md-header-nav ul li.spread ul li a { background: #066CFF; border-bottom: 1px solid #fff; box-sizing: border-box; line-height: 1.6; height: auto; padding: 6px 8px; text-align: left; }

.md-header-nav ul li.spread ul li a:hover { background-color: #35a1ff; opacity: 1; }

.md-header-nav ul li.spread:hover ul { display: block; }

.md-footer { font-size: 0.875rem; background-color: #fff; margin-top: 30px; padding-bottom: 30px; }

@media screen and (max-width: 767px) { .md-footer { font-size: 1.07692rem; } }

.md-footer-nav { background: #066CFF; overflow: hidden; }

.md-footer-nav ul { max-width: 920px; margin: 0 auto; box-sizing: border-box; margin: 0; padding-left: 0; margin: 0 auto; display: -ms-flexbox; display: flex; }

.md-footer-nav ul li { list-style-type: none; }

.md-footer-nav ul li { padding-right: 30px; }

.md-footer-nav ul a { display: block; color: #fff; height: 46px; line-height: 46px; }

.md-footer-bottom { width: 916px; margin: 18px auto 0; text-align: center; }

.md-content { max-width: 920px; margin: 0 auto; box-sizing: border-box; position: relative; background-color: #fff; border: 10px solid #066CFF; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.875rem; padding: 25px 15px; }

@media screen and (max-width: 767px) { .md-content { font-size: 1.07692rem; } }

.md-content-body { width: 572px; }

.md-content-sidebar { width: 283px; margin-bottom: 20px; font-size: 0.875rem; }

@media screen and (max-width: 767px) { .md-content-sidebar { font-size: 1.07692rem; } }

.md-toTopBtn { position: absolute; bottom: 30px; right: 20px; background: transparent url(../images/arrow_top.png) 0 50% no-repeat; border-bottom: 1px solid #066CFF; font-size: 0.75rem; font-weight: 700; padding-left: 14px; text-decoration: none; }

@media screen and (max-width: 767px) { .md-toTopBtn { font-size: 0.92308rem; } }

.md-column { position: relative; }

.md-column-title { position: relative; height: 42px; padding: 0 0 18px; background: url(../images/line_middle.gif) transparent no-repeat 0 bottom; margin: 0; }

.md-column-title img { vertical-align: top; }

.md-column-title02 { position: relative; height: 42px; padding: 0 0 18px; background: url(../images/line_middle.gif) transparent no-repeat 0 bottom; margin: 0 0 20px; }

.md-column-title02 img { vertical-align: top; }

.md-column-subNav { margin: 0; padding-left: 0; display: -ms-flexbox; display: flex; padding: 15px 0 10px; overflow: hidden; }

.md-column-subNav li { list-style-type: none; }

.md-column-subNav li { width: auto; }

.md-column-subNav li:not(:last-child) { padding-right: 9px; }

.md-column-subNav li a { display: block; font-size: 0.875rem; line-height: 1; padding: 8px 10px 8px 32px; text-decoration: none; border: 1px solid #066CFF; background: #fff url(../images/sprite_marker.png) 6px -45px no-repeat; }

@media screen and (max-width: 767px) { .md-column-subNav li a { font-size: 1.07692rem; } }

.md-column-subNav li a:hover { color: #fff; background-color: #066CFF; background-position: 6px 5px; }

.md-column-subNav li.active a { color: #fff; background-color: #066CFF; background-position: 6px 5px; }

.md-column-sup { font-size: 1rem; font-weight: 700; margin: 15px 0 20px; }

@media screen and (max-width: 767px) { .md-column-sup { font-size: 1.23077rem; } }

.md-column + .md-column .md-column-title { margin-top: 60px; }

.md-column p { margin: 0 0 10px; }

.md-columnBody { /* titles */ }

.md-columnBody-title01 { border: none; color: #066CFF; font-size: 1.25rem; line-height: 1.2; margin: 0 0 10px; padding: 0; }

@media screen and (max-width: 767px) { .md-columnBody-title01 { font-size: 1.53846rem; } }

.md-columnBody-title02 { border-left: 6px solid #ff008a; color: #ff008a; font-size: 1.25rem; line-height: 1.2; margin: 0 0 20px; padding: 0 0 0 5px; }

@media screen and (max-width: 767px) { .md-columnBody-title02 { font-size: 1.53846rem; } }

.md-columnBody-title03 { border: none; color: #ff008a; font-size: 1rem; line-height: 1.5; margin: 0 0 15px; padding: 0; }

@media screen and (max-width: 767px) { .md-columnBody-title03 { font-size: 1.23077rem; } }

.md-columnBody-subTitle01 { display: block; color: #ff008a; font-size: 1rem; font-weight: 700; line-height: 1.4; margin: 0 0 10px; }

@media screen and (max-width: 767px) { .md-columnBody-subTitle01 { font-size: 1.23077rem; } }

.md-columnBody p { margin: 10px 0 15px; }

.md-pager { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 30px 0 0; text-align: center; }

.md-pager .page-numbers { display: block; font-weight: 700; line-height: 1; margin: 0 2px; padding: 3px 4px 2px 3px; text-align: center; }

.md-pager .page-numbers.current { color: #999; }

.sb-title { position: relative; background: transparent url(../images/line_short.gif) 0 100% no-repeat; color: #694557; font-size: 0.875rem; height: 42px; margin: 0; padding: 0 0 18px; }

@media screen and (max-width: 767px) { .sb-title { font-size: 1.07692rem; } }

.sb-title img { vertical-align: bottom; }

.sb-title.search { height: 35px; margin-bottom: 20px; }

.sb-sponsors { margin-bottom: 30px; }

.sb-sponsors ul { margin: 0; padding-left: 0; }

.sb-sponsors ul li { list-style-type: none; }

.sb-sponsors li { margin-bottom: 20px; text-align: center; }

.sb-search { margin-bottom: 20px; }

.sb-search-notice { color: #ff008a; margin: 0; }

.sb-whatsnew { margin-bottom: 30px; }

.sb-whatsnew dl { margin: 0; margin-top: 10px; }

.sb-whatsnew dl dd { margin-left: 0; }

.sb-whatsnew dd { font-weight: 700; margin-bottom: 10px; }

.sb-whatsnew dd p { margin: 0; }

.sb-banners { margin: 22px 0 35px; }

.sb-banners-message { position: relative; width: 283px; font-size: 93%; margin-bottom: 15px; background: #fff; border: 3px solid #fffc00; }

.sb-banners-message-title { position: relative; margin: 5px 9px 8px; padding: 6px 0; border-bottom: 1px solid #9cbacd; }

.sb-banners-message ul { margin: 0; padding-left: 0; margin-left: 10px; }

.sb-banners-message ul li { list-style-type: none; }

.sb-banners-message ul li { display: -ms-flexbox; display: flex; margin-bottom: 7px; }

.sb-banners-message-img { width: 98px; }

.sb-banners-message-img img { max-width: 100%; height: auto; }

.sb-banners-message-link { font-weight: 700; -ms-flex: 1; flex: 1; }

.sb-banners-greeting { position: relative; width: 283px; font-size: 93%; margin-bottom: 15px; background: #fffc00; border: 3px solid #eee; }

.sb-banners-ad { position: relative; width: 283px; font-size: 93%; margin-bottom: 15px; background: #fff; border: 3px solid #066CFF; }

.sb-banners-ad dl { margin: 0; }

.sb-banners-ad dl dd { margin-left: 0; }

.sb-banners-ad dt { background: #066CFF; margin-bottom: 10px; padding: 6px 9px 9px; line-height: 1; }

.sb-banners-ad dd { font-weight: 700; margin-bottom: 10px; padding: 0 9px; }

.sb-banners-ad dd p { font-weight: 300; }

.sb-banners-ad-img { display: block; width: 234px; margin: 0 auto; }

.sb-banners-ad-caution { display: block; font-weight: 700; margin: 10px 9px; text-align: center; }

.sb-links ul { margin: 0; padding-left: 0; }

.sb-links ul li { list-style-type: none; }

.sb-links li { margin: 15px 0; text-align: center; }

.sb-content { font-size: 0.8125rem; margin: 15px 0; }

@media screen and (max-width: 767px) { .sb-content { font-size: 1rem; } }

.sb-content.report { margin-top: 30px; }

.sb-content .topic-title { font-weight: 700; line-height: 20px; margin-bottom: 5px; }

.sb-content .topic-notice { color: #ff008a; font-weight: 700; line-height: 20px; margin: -2px 0 8px; }

.sb-content .topic-selectType { margin-bottom: 8px; }

.sb-content .topic-selectType label:first-child { margin-right: 8px; }

.sb-content .topic-selectType input[type="radio"] { margin-right: 4px; }

.sb-content .topic-searchList { margin: 0; margin-bottom: 15px; }

.sb-content .topic-searchList dd { margin-left: 0; }

.sb-content .topic-searchList dd { margin: 0 15px; }

.sb-content .topic-searchList dd select { width: 240px; border-color: #999; background-color: #eee; outline: none; }

.sb-content .topic-link { font-weight: 700; margin: 0 3px; padding-top: 2px; }

.sb-content .papafile-list { margin: 0; padding-left: 0; margin-bottom: 15px; }

.sb-content .papafile-list li { list-style-type: none; }

.sb-content .papafile-list li { background: url(../images/marker_pink.gif) 4px 0.65em no-repeat; font-weight: 700; margin-bottom: 8px; padding: 0 0 0 12px; }

.in { /*-------------------------------------------------- パパ講座レポート一覧 --------------------------------------------------*/ /*-------------------------------------------------- パパスクール情報 --------------------------------------------------*/ }

.in-mainVisual { border: 1px solid #ccc; width: 554px; }

.in-mainVisual ul { margin: 0; padding-left: 0; }

.in-mainVisual ul li { list-style-type: none; }

.in-oneColumnList { margin: 0; padding-left: 0; }

.in-oneColumnList li { list-style-type: none; }

.in-oneColumnList dl { margin: 0; margin-bottom: 10px; }

.in-oneColumnList dl dd { margin-left: 0; }

.in-oneColumnList dl dd a { font-weight: 700; }

.in-twoColumnList { margin: 0; padding-left: 0; }

.in-twoColumnList li { list-style-type: none; }

.in-twoColumnList li { display: -ms-flexbox; display: flex; margin: 15px 0; }

.in-twoColumnList li + li { margin-top: 30px; }

.in-twoColumnList li > a { margin-right: 20px; }

.in-twoColumnList li dl { margin: 0; width: 400px; }

.in-twoColumnList li dl dd { margin-left: 0; }

.in-twoColumnList li dl dt { font-weight: 700; margin: 0 0 10px; }

.in-twoColumnList li dl dd a { font-weight: 300; }

.in-twoColumnList li dl dd p { margin: 0 0 10px; }

.in-topic { position: relative; margin: 20px 0 30px; }

.in-topic-subTopic { position: relative; margin: 20px 10px 30px; }

.in-topic-title { position: relative; height: 42px; margin: 0; padding: 0 0 18px; background: url(../images/line_top.gif) transparent no-repeat 0 bottom; }

.in-topic-title img { vertical-align: top; }

.in-topic-subTitle { border-bottom: 1px solid #9cbacd; margin: 20px 0 15px; padding-bottom: 3px; }

.in-topic-subTitle span { display: block; border-left: 4px solid #ff008a; color: #ff008a; font-size: 1.125rem; line-height: 1.55556; padding-left: 5px; }

@media screen and (max-width: 767px) { .in-topic-subTitle span { font-size: 1.38462rem; } }

.in-topic-links { position: absolute; right: 10px; top: 6px; }

.in-topic-links a { font-size: 0.8125rem; font-weight: 700; margin-left: 1em; }

@media screen and (max-width: 767px) { .in-topic-links a { font-size: 1rem; } }

.in-topic + .in-topic .md-column-title { margin-top: 60px; }

.in-report-list { margin: 0; padding-left: 0; }

.in-report-list li { list-style-type: none; }

.in-report-list li { display: -ms-flexbox; display: flex; margin: 15px 0; }

.in-report-list li + li { margin-top: 30px; }

.in-report-list li > a { margin-right: 20px; }

.in-report-list li dl { margin: 0; width: 400px; }

.in-report-list li dl dd { margin-left: 0; }

.in-report-list li dl dt { font-weight: 700; margin: 0 0 10px; }

.in-report-list li dl dd a { font-weight: 300; }

.in-report-list li dl dd p { margin: 0 0 10px; }

.in-report-list img { width: 100px; height: auto; }

.in-school { margin-top: 20px; }

.in-school-subTopic-title { margin: 0; }

.in-school-subTopic-title a { font-size: 1.0625rem; }

@media screen and (max-width: 767px) { .in-school-subTopic-title a { font-size: 1.30769rem; } }

.in-school-subTopic-title a span { display: block; font-size: 0.9375rem; }

@media screen and (max-width: 767px) { .in-school-subTopic-title a span { font-size: 1.15385rem; } }

.in-school-list { margin: 0; padding-left: 0; margin: 20px 0 0 10px; }

.in-school-list li { list-style-type: none; }

.in-school-list li { display: -ms-flexbox; display: flex; margin: 15px 0; }

.in-school-list li + li { margin-top: 30px; }

.in-school-list li > a { margin-right: 20px; }

.in-school-list li dl { margin: 0; width: 400px; }

.in-school-list li dl dd { margin-left: 0; }

.in-school-list li dl dt { font-weight: 700; margin: 0 0 10px; }

.in-school-list li dl dd a { font-weight: 300; }

.in-school-list li dl dd p { margin: 0 0 10px; }

.in-school-list li > a { margin-right: 24px; }

.in-school-list img { width: 136px; height: auto; }

body.index { /*-------------------------------------------------- トップページheader --------------------------------------------------*/ }

body.index .md-header { background: transparent url(../images/bg_head_front.gif) 50% 0 no-repeat; height: 302px; }

body.index .md-header-logo { background: transparent url(../images/face/sequence.png) 15px 141px no-repeat; height: 260px; }

body.index .md-header-logo a { width: 670px; height: 145px; left: 146px; top: 20px; background: transparent url(../images/logo_large.png) 0 0 no-repeat; display: block; margin: 0 auto; }

body.index .md-header-logo a img { width: 100%; }

body.index .md-content { padding: 15px; }

body.index .md-toTopBtn { bottom: 15px; }

/*-------------------------------------------------- archiveページ --------------------------------------------------*/
body.archive { /*-------------------------------------------------- archive commons --------------------------------------------------*/ /*-------------------------------------------------- news --------------------------------------------------*/ /*-------------------------------------------------- report --------------------------------------------------*/ /*-------------------------------------------------- papafile --------------------------------------------------*/ /*-------------------------------------------------- relay --------------------------------------------------*/ }

body.archive .ac-body.gray { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #c4c4c4; }

@media screen and (max-width: 767px) { body.archive .ac-body.gray { font-size: 1.07692rem; } }

body.archive .ac-body.blue { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; }

@media screen and (max-width: 767px) { body.archive .ac-body.blue { font-size: 1.07692rem; } }

body.archive .ac-body-title02 { border-left: 6px solid #ff008a; color: #ff008a; font-size: 1.25rem; line-height: 1.2; margin: 0 0 20px; padding: 0 0 0 5px; }

@media screen and (max-width: 767px) { body.archive .ac-body-title02 { font-size: 1.53846rem; } }

body.archive .ac-body-article { font-size: 0.875rem; }

@media screen and (max-width: 767px) { body.archive .ac-body-article { font-size: 1.07692rem; } }

body.archive .ac-body-article-title { color: #066CFF; font-size: 1rem; margin: 0 0 10px; }

@media screen and (max-width: 767px) { body.archive .ac-body-article-title { font-size: 1.23077rem; } }

body.archive .ac-news { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #c4c4c4; }

@media screen and (max-width: 767px) { body.archive .ac-news { font-size: 1.07692rem; } }

body.archive .ac-news-map-title { border: none; color: #066CFF; font-size: 1.25rem; line-height: 1.2; margin: 0 0 10px; padding: 0; }

@media screen and (max-width: 767px) { body.archive .ac-news-map-title { font-size: 1.53846rem; } }

body.archive .ac-news-map-subTitle { margin: 0 0 10px; color: #ff008a; font-size: 0.9375rem; font-weight: 700; line-height: 1.4; }

@media screen and (max-width: 767px) { body.archive .ac-news-map-subTitle { font-size: 1.15385rem; } }

body.archive .ac-news-map-twoColumns { display: -ms-flexbox; display: flex; margin-bottom: 50px; }

body.archive .ac-news-map-links { position: relative; width: 400px; margin-right: 35px; }

body.archive .ac-news-map-links .map-img { display: block; width: 100%; height: auto; }

body.archive .ac-news-map-links a { position: absolute; }

body.archive .ac-news-map-links .map-ward-aoba { top: 57px; left: 56px; }

body.archive .ac-news-map-links .map-ward-asahi { top: 200px; left: 80px; }

body.archive .ac-news-map-links .map-ward-izumi { top: 300px; left: 32px; }

body.archive .ac-news-map-links .map-ward-isogo { top: 380px; left: 182px; }

body.archive .ac-news-map-links .map-ward-kanagawa { top: 183px; left: 203px; }

body.archive .ac-news-map-links .map-ward-kanazawa { top: 428px; left: 212px; }

body.archive .ac-news-map-links .map-ward-konan { top: 340px; left: 144px; }

body.archive .ac-news-map-links .map-ward-kohoku { top: 90px; left: 210px; }

body.archive .ac-news-map-links .map-ward-sakae { top: 407px; left: 131px; }

body.archive .ac-news-map-links .map-ward-seya { top: 210px; left: 4px; }

body.archive .ac-news-map-links .map-ward-tsuduki { top: 100px; left: 134px; }

body.archive .ac-news-map-links .map-ward-tsurumi { top: 140px; left: 280px; }

body.archive .ac-news-map-links .map-ward-totsuka { top: 340px; left: 74px; }

body.archive .ac-news-map-links .map-ward-naka { top: 288px; left: 264px; }

body.archive .ac-news-map-links .map-ward-nishi { top: 229px; left: 207px; }

body.archive .ac-news-map-links .map-ward-hodogaya { top: 240px; left: 129px; }

body.archive .ac-news-map-links .map-ward-midori { top: 126px; left: 65px; }

body.archive .ac-news-map-links .map-ward-minami { top: 283px; left: 177px; }

body.archive .ac-news-map-list { margin: 0; padding-left: 0; margin-top: 70px; }

body.archive .ac-news-map-list li { list-style-type: none; }

body.archive .ac-news-article { font-size: 0.875rem; }

@media screen and (max-width: 767px) { body.archive .ac-news-article { font-size: 1.07692rem; } }

body.archive .ac-news-article:not(:last-child) { margin-bottom: 40px; }

body.archive .ac-news-article-title { color: #066CFF; font-size: 1rem; margin: 0 0 10px; }

@media screen and (max-width: 767px) { body.archive .ac-news-article-title { font-size: 1.23077rem; } }

body.archive .ac-news-article-date { font-weight: 300; line-height: 1.6; margin: 0 0 10px 0; }

body.archive .ac-news-article-meta { margin: 0; font-size: 0.8125rem; }

body.archive .ac-news-article-meta dd { margin-left: 0; }

@media screen and (max-width: 767px) { body.archive .ac-news-article-meta { font-size: 1rem; } }

body.archive .ac-news-article-meta dt, body.archive .ac-news-article-meta dd { display: inline; letter-spacing: normal; }

body.archive .ac-news-article-meta dt { width: 42px; font-weight: 700; }

body.archive .ac-news-article-meta dd { margin-right: 10px; }

body.archive .ac-news-article-date { font-weight: 300; line-height: 1.6; margin: 0 0 10px 0; }

body.archive .ac-news-article-link { display: inline-block; border: 1px solid #066CFF; background: #066CFF url(../images/sprite_marker.png) 6px 5px no-repeat; color: #fff; font-size: 0.875rem; line-height: 1; margin-bottom: 20px; padding: 8px 10px 8px 32px; text-decoration: none; }

@media screen and (max-width: 767px) { body.archive .ac-news-article-link { font-size: 1.07692rem; } }

body.archive .ac-news-article-link:hover { color: #fff; }

body.archive .ac-report-article { font-size: 0.875rem; }

@media screen and (max-width: 767px) { body.archive .ac-report-article { font-size: 1.07692rem; } }

body.archive .ac-report-article:not(:last-child) { margin-bottom: 40px; }

body.archive .ac-report-article-title { color: #066CFF; font-size: 1rem; margin: 0 0 10px; }

@media screen and (max-width: 767px) { body.archive .ac-report-article-title { font-size: 1.23077rem; } }

body.archive .ac-report-article-date { font-weight: 300; line-height: 1.6; margin: 0 0 10px 0; }

body.archive .ac-report-article-meta { margin: 0; font-size: 0.8125rem; }

body.archive .ac-report-article-meta dd { margin-left: 0; }

@media screen and (max-width: 767px) { body.archive .ac-report-article-meta { font-size: 1rem; } }

body.archive .ac-report-article-meta dt, body.archive .ac-report-article-meta dd { display: inline; letter-spacing: normal; }

body.archive .ac-report-article-meta dt { width: 42px; font-weight: 700; }

body.archive .ac-report-article-meta dd { margin-right: 10px; }

body.archive .ac-report-article-date { font-weight: 300; line-height: 1.6; margin: 0 0 10px 0; }

body.archive .ac-report-article-link { display: inline-block; border: 1px solid #066CFF; background: #066CFF url(../images/sprite_marker.png) 6px 5px no-repeat; color: #fff; font-size: 0.875rem; line-height: 1; margin-bottom: 20px; padding: 8px 10px 8px 32px; text-decoration: none; }

@media screen and (max-width: 767px) { body.archive .ac-report-article-link { font-size: 1.07692rem; } }

body.archive .ac-report-article-link:hover { color: #fff; }

body.archive .ac-report-article:not(:last-child) { margin-bottom: 40px; }

body.archive .ac-report-article-title { line-height: 1.2; }

body.archive .ac-report-item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

body.archive .ac-report-item-texts { width: 285px; }

body.archive .ac-report-item-texts p { margin: 0 0 10px; }

body.archive .ac-papafile-article { font-size: 0.875rem; }

@media screen and (max-width: 767px) { body.archive .ac-papafile-article { font-size: 1.07692rem; } }

body.archive .ac-papafile-article:not(:last-child) { margin-bottom: 40px; }

body.archive .ac-papafile-article-title { color: #066CFF; font-size: 1rem; margin: 0 0 10px; }

@media screen and (max-width: 767px) { body.archive .ac-papafile-article-title { font-size: 1.23077rem; } }

body.archive .ac-papafile-article-date { font-weight: 300; line-height: 1.6; margin: 0 0 10px 0; }

body.archive .ac-papafile-article-meta { margin: 0; font-size: 0.8125rem; }

body.archive .ac-papafile-article-meta dd { margin-left: 0; }

@media screen and (max-width: 767px) { body.archive .ac-papafile-article-meta { font-size: 1rem; } }

body.archive .ac-papafile-article-meta dt, body.archive .ac-papafile-article-meta dd { display: inline; letter-spacing: normal; }

body.archive .ac-papafile-article-meta dt { width: 42px; font-weight: 700; }

body.archive .ac-papafile-article-meta dd { margin-right: 10px; }

body.archive .ac-papafile-article-date { font-weight: 300; line-height: 1.6; margin: 0 0 10px 0; }

body.archive .ac-papafile-article-link { display: inline-block; border: 1px solid #066CFF; background: #066CFF url(../images/sprite_marker.png) 6px 5px no-repeat; color: #fff; font-size: 0.875rem; line-height: 1; margin-bottom: 20px; padding: 8px 10px 8px 32px; text-decoration: none; }

@media screen and (max-width: 767px) { body.archive .ac-papafile-article-link { font-size: 1.07692rem; } }

body.archive .ac-papafile-article-link:hover { color: #fff; }

body.archive .ac-papafile-article-title { border: none; color: #066CFF; font-size: 1.25rem; line-height: 1.2; margin: 0 0 10px; padding: 0; }

@media screen and (max-width: 767px) { body.archive .ac-papafile-article-title { font-size: 1.53846rem; } }

body.archive .ac-papafile-twoColumns:after { content: ""; clear: both; display: block; }

body.archive .ac-papafile-img { float: left; margin-right: 20px; }

body.archive .ac-papafile-img img { display: block; margin-bottom: 10px; }

body.archive .ac-papafile-texts p { margin: 0 0 10px; }

body.archive .ac-relay-desc { line-height: 22px; margin: 10px 0 15px; }

body.archive .ac-relay-list { display: -ms-flexbox; display: flex; border: 2px solid #d9d9d9; position: relative; }

body.archive .ac-relay-list:not(.first) { margin-top: 20px; }

body.archive .ac-relay-list:not(.first):after { content: ''; position: absolute; top: -14px; left: 0; right: 0; width: 12px; height: 6px; margin: auto; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #066CFF; box-sizing: border-box; }

body.archive .ac-relay-list-img { width: 60px; margin-right: 24px; padding: 6px 0 6px 6px; }

body.archive .ac-relay-list-img img { max-width: 100%; height: auto; }

body.archive .ac-relay-list-text { -ms-flex: 1; flex: 1; padding: 6px 6px 6px 0; }

body.archive .ac-relay-count { font-size: 0.8125rem; font-weight: 700; line-height: 1.2; margin: 0; }

@media screen and (max-width: 767px) { body.archive .ac-relay-count { font-size: 1rem; } }

body.archive .ac-relay-cat { color: #ff008a; font-weight: 700; margin-bottom: 8px; }

body.archive .ac-relay-title { font-size: 1rem; font-weight: 700; line-height: 1.2; margin: 0; }

@media screen and (max-width: 767px) { body.archive .ac-relay-title { font-size: 1.23077rem; } }

/*-------------------------------------------------- singleページ --------------------------------------------------*/
body.single { /*-------------------------------------------------- single commons --------------------------------------------------*/ /*-------------------------------------------------- news(single) --------------------------------------------------*/ /*-------------------------------------------------- report --------------------------------------------------*/ /*-------------------------------------------------- papafile --------------------------------------------------*/ /*-------------------------------------------------- relay --------------------------------------------------*/ }

body.single .sn-body.gray { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #c4c4c4; }

@media screen and (max-width: 767px) { body.single .sn-body.gray { font-size: 1.07692rem; } }

body.single .sn-body.blue { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; }

@media screen and (max-width: 767px) { body.single .sn-body.blue { font-size: 1.07692rem; } }

body.single .sn-body-links { margin: 30px 0; text-align: center; }

body.single .sn-body-links a { font-size: 0.75rem; font-weight: 700; margin: 0 5px; }

@media screen and (max-width: 767px) { body.single .sn-body-links a { font-size: 0.92308rem; } }

body.single .sn-body-links a:first-child { border-right: 1px solid #000; margin-right: 5px; padding-right: 15px; }

body.single .sn-body-links a:last-child { margin-left: 5px; }

body.single .sn-news-title { border: none; color: #066CFF; font-size: 1.25rem; line-height: 1.2; margin: 0 0 10px; padding: 0; }

@media screen and (max-width: 767px) { body.single .sn-news-title { font-size: 1.53846rem; } }

body.single .sn-news-date { margin: 0 10px 10px 0; }

body.single .sn-news-area { margin: -5px 0 10px; }

body.single .sn-news-texts p { margin: 0 0 10px; }

body.single .sn-report-twoColumns { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

body.single .sn-report-images img { display: block; margin-bottom: 10px; }

body.single .sn-report-title { border: none; color: #066CFF; font-size: 1.25rem; line-height: 1.2; margin: 0 0 10px; padding: 0; }

@media screen and (max-width: 767px) { body.single .sn-report-title { font-size: 1.53846rem; } }

body.single .sn-report-date { margin: 0 10px 10px 0; }

body.single .sn-report-texts { width: 285px; }

body.single .sn-report-texts p { margin: 0 0 10px; }

body.single .sn-papafile-title { border: none; color: #066CFF; font-size: 1.25rem; line-height: 1.2; margin: 0 0 10px; padding: 0; }

@media screen and (max-width: 767px) { body.single .sn-papafile-title { font-size: 1.53846rem; } }

body.single .sn-papafile-date { margin: 0 10px 10px 0; }

body.single .sn-papafile-twoColumns:after { content: ""; clear: both; display: block; }

body.single .sn-papafile-img { float: left; margin-right: 20px; }

body.single .sn-papafile-img img { display: block; margin-bottom: 10px; }

body.single .sn-papafile-texts p { margin: 0 0 10px; }

body.single .sn-relay-toTopLink { margin-top: 30px; text-align: right; }

body.single .sn-relay-toTopLink a { font-weight: bold; margin: 0 2px 0 0; }

body.single .sn-relay-cat { color: #ff008a; font-weight: 700; margin-bottom: 8px; margin: 0; }

body.single .sn-relay-subCat { display: block; color: #066CFF; font-weight: 700; line-height: 1; margin: 0 0 10px; }

body.single .sn-relay-title { border: none; color: #066CFF; font-size: 1.25rem; line-height: 1.2; margin: 0 0 10px; padding: 0; margin-bottom: 15px; }

@media screen and (max-width: 767px) { body.single .sn-relay-title { font-size: 1.53846rem; } }

body.single .sn-relay-author { background: #e9e9e9; margin: 30px 0 0; padding: 15px; }

body.single .sn-relay-author:after { content: ""; clear: both; display: block; }

body.single .sn-relay-author-img { float: left; margin-right: 15px; }

body.single .sn-relay-author-texts .author-name { margin: 0 0 10px; }

body.single .sn-relay-author-texts .author-description { font-size: 0.8125rem; margin: 0 0 10px; }

@media screen and (max-width: 767px) { body.single .sn-relay-author-texts .author-description { font-size: 1rem; } }

body.single .sn-relay-twoColumns { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

body.single .sn-relay-images { width: 220px; }

body.single .sn-relay-images p { font-size: 0.8125rem; margin: 0; }

@media screen and (max-width: 767px) { body.single .sn-relay-images p { font-size: 1rem; } }

body.single .sn-relay-images p:not(:first-child) { margin-top: 20px; }

body.single .sn-relay-images p.caption { margin: 0 0 20px; }

body.single .sn-relay-images p.caption strong { font-weight: 600; }

body.single .sn-relay-texts { width: 285px; }

body.single .sn-relay-texts strong { font-weight: 600; }

body.single .sn-relay-texts p { margin: 0 0 10px; }

body.single .sn-relay .md-single-article-links a { border-right: none; padding-right: 0; }

/*-------------------------------------------------- pages --------------------------------------------------*/
body.page { /*-------------------------------------------------- page commons --------------------------------------------------*/ /*-------------------------------------------------- papabook --パパブック --------------------------------------------------*/ /*-------------------------------------------------- nursing --祖父母との子育て --------------------------------------------------*/ /*-------------------------------------------------- about --ヨコハマダディとは --------------------------------------------------*/ /*-------------------------------------------------- space --地域の親子の居場所 --------------------------------------------------*/ /*-------------------------------------------------- spaceChildren --地域の親子の居場所　下層ページ --------------------------------------------------*/ /*-------------------------------------------------- interview pages --石ちゃん --蝶野正洋さん --------------------------------------------------*/ /*-------------------------------------------------- papafile-long --パパファイルロングインタビュー --------------------------------------------------*/ /*-------------------------------------------------- discussion --横浜FC --------------------------------------------------*/ /*-------------------------------------------------- papaschool --パパスクール --------------------------------------------------*/ /*-------------------------------------------------- papaschool season --パパスクールの下層ページ --------------------------------------------------*/ /*-------------------------------------------------- banner --バナーのご利用について --------------------------------------------------*/ /*-------------------------------------------------- webaccessibility --Webアクセシビリティ --------------------------------------------------*/ /*-------------------------------------------------- supporter --サポーター企業一覧 --------------------------------------------------*/ }

body.page .pg-body-title { border-left: 6px solid #ff008a; color: #ff008a; font-size: 1.25rem; line-height: 1.2; margin: 0 0 20px; padding: 0 0 0 5px; }

@media screen and (max-width: 767px) { body.page .pg-body-title { font-size: 1.53846rem; } }

body.page .pg-body-subTitle { display: block; color: #ff008a; font-size: 1rem; font-weight: 700; line-height: 1.4; margin: 0 0 10px; }

@media screen and (max-width: 767px) { body.page .pg-body-subTitle { font-size: 1.23077rem; } }

body.page .pg-papabook { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; }

@media screen and (max-width: 767px) { body.page .pg-papabook { font-size: 1.07692rem; } }

body.page .pg-papabook-img { width: 100%; height: auto; }

body.page .pg-papabook-content h4 img { width: 100%; height: auto; }

body.page .pg-papabook-content dl { margin: 0; margin-top: 15px; line-height: 1.7; overflow: hidden; }

body.page .pg-papabook-content dl dd { margin-left: 0; }

body.page .pg-papabook-content dl + dl { margin-top: 30px; }

body.page .pg-papabook-content dt { display: block; color: #ff008a; font-size: 1rem; font-weight: 700; line-height: 1.4; margin: 0 0 10px; }

@media screen and (max-width: 767px) { body.page .pg-papabook-content dt { font-size: 1.23077rem; } }

body.page .pg-papabook-content dt span { display: block; margin-bottom: 10px; }

body.page .pg-papabook-content a { font-size: 0.75rem; }

@media screen and (max-width: 767px) { body.page .pg-papabook-content a { font-size: 0.92308rem; } }

body.page .pg-papabook-issue:after { content: ""; clear: both; display: block; }

body.page .pg-papabook-issue img { float: right; margin: 0 0 15px 12px; }

body.page .pg-nursing { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; }

@media screen and (max-width: 767px) { body.page .pg-nursing { font-size: 1.07692rem; } }

body.page .pg-about { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; }

@media screen and (max-width: 767px) { body.page .pg-about { font-size: 1.07692rem; } }

body.page .pg-about-foot { border-top: 1px dotted #ccc; font-size: 0.75rem; margin: 25px 0 0; padding: 10px 0 0; }

@media screen and (max-width: 767px) { body.page .pg-about-foot { font-size: 0.92308rem; } }

body.page .pg-about-foot-text { color: #666; margin: 10px 0 15px; }

body.page .pg-about-foot-annotation { margin: 0; text-align: right; }

body.page .pg-about-foot-annotation dd { margin-left: 0; }

body.page .pg-space { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; margin-top: 20px; }

@media screen and (max-width: 767px) { body.page .pg-space { font-size: 1.07692rem; } }

body.page .pg-space-subCont { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; margin: 10px 0; padding: 0; }

@media screen and (max-width: 767px) { body.page .pg-space-subCont { font-size: 1.07692rem; } }

body.page .pg-space-subCont-title { font-size: 1rem; margin: 15px 15px 8px 20px; }

@media screen and (max-width: 767px) { body.page .pg-space-subCont-title { font-size: 1.23077rem; } }

body.page .pg-space-subCont-desc { margin: 0 15px 10px 20px; }

body.page .pg-space-subCont-desc p { line-height: 22px; margin: 0; }

body.page .pg-space-listBox { background-color: #066CFF; color: #fff; }

body.page .pg-space-listBox a { color: #fff; }

body.page .pg-space-listBox a:hover { color: #fff; background: #35a1ff; }

body.page .pg-space-listBox-detailsLink { display: block; padding: 6px 20px 4px; }

body.page .pg-space-listBox-head { margin: 10px 0 0 20px; }

body.page .pg-space-listBox-list { margin: 0; padding-left: 0; margin-left: 10px; }

body.page .pg-space-listBox-list li { list-style-type: none; }

body.page .pg-space-listBox-list a { display: block; padding: 6px 20px 4px; }

body.page .pg-space-map { margin-top: 40px; }

body.page .pg-space-map-markerList { margin: 0; padding-left: 0; display: -ms-flexbox; display: flex; margin-bottom: 10px; }

body.page .pg-space-map-markerList li { list-style-type: none; }

body.page .pg-space-map-markerList li { font-size: 0.6875rem; font-weight: 600; }

@media screen and (max-width: 767px) { body.page .pg-space-map-markerList li { font-size: 0.84615rem; } }

body.page .pg-space-map-markerList li:not(:last-child) { margin-right: 4px; }

body.page .pg-space-map-markerList li > * { display: inline-block; vertical-align: bottom; }

body.page .pg-space-map .map-container { position: relative; }

body.page .pg-space-map .map-wrapper { position: relative; width: 526px; height: 366px; border: 3px solid #066CFF; box-sizing: border-box; }

body.page .pg-space-map .map-overlay-container { display: none; position: absolute; width: 520px; height: 360px; left: 3px; top: 3px; }

body.page .pg-space-map .map-overlay { position: absolute; width: 420px; height: 240px; left: 22px; top: 37px; padding: 20px 25px; border: 3px solid #c4c4c4; background: #fff; z-index: 20; overflow: auto; box-sizing: content-box; }

body.page .pg-space-map .map-overlay-bg { position: absolute; width: 520px; height: 360px; left: 0; top: 0; background: #000; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; z-index: 10; }

body.page .pg-space-map .category-icon { margin: 0 0 10px; }

body.page .pg-space-map .place-name { margin: 0 0 15px; font-size: 1.125rem; font-size: 125%; font-weight: 600; line-height: 1.4; }

@media screen and (max-width: 767px) { body.page .pg-space-map .place-name { font-size: 1.38462rem; } }

body.page .pg-space-map .place-name em { display: block; }

body.page .pg-space-map .place-name a { padding-right: 16px; text-decoration: none; border-bottom: 1px solid #066CFF; background: transparent url(../images/icon_external_link.gif) 100% 50% no-repeat; }

body.page .pg-space-map .map-link { margin: 0 0 10px; }

body.page .pg-space-map .map-link a { padding-right: 14px; text-decoration: none; border-bottom: 1px solid #066CFF; font-size: 0.8125rem; font-weight: 600; background: transparent url(../images/icon_external_link.gif) 100% 50% no-repeat; }

@media screen and (max-width: 767px) { body.page .pg-space-map .map-link a { font-size: 1rem; } }

body.page .pg-space-map dl.address, body.page .pg-space-map dl.tel { display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; width: 400px; font-size: 0.8125rem; font-weight: 600; overflow: hidden; }

@media screen and (max-width: 767px) { body.page .pg-space-map dl.address, body.page .pg-space-map dl.tel { font-size: 1rem; } }

body.page .pg-space-map dl.address dt, body.page .pg-space-map dl.tel dt { width: 50px; }

body.page .pg-space-map dl.address dd, body.page .pg-space-map dl.tel dd { width: 350px; margin-left: 0; }

body.page .pg-space-map dl.comment { clear: both; }

body.page .pg-space-map dl.comment dt { font-size: 0.8125rem; font-weight: 600; background: none; padding-left: 0; }

@media screen and (max-width: 767px) { body.page .pg-space-map dl.comment dt { font-size: 1rem; } }

body.page .pg-space-map dl.comment dd { font-size: 0.8125rem; padding-left: 0; margin-left: 0; }

@media screen and (max-width: 767px) { body.page .pg-space-map dl.comment dd { font-size: 1rem; } }

body.page .pg-space-map .close-icon { position: absolute; width: 14px; height: 14px; top: 20px; right: 20px; cursor: pointer; background: transparent url(../images/space/sprite_button_close.gif) 2px 2px no-repeat; }

body.page .pg-space-map .close-icon:hover { background-position: 2px -18px; }

body.page .pg-spaceChildren { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #c4c4c4; }

@media screen and (max-width: 767px) { body.page .pg-spaceChildren { font-size: 1.07692rem; } }

body.page .pg-spaceChildren-title { border: none; color: #066CFF; font-size: 1.25rem; line-height: 1.2; margin: 0 0 10px; padding: 0; }

@media screen and (max-width: 767px) { body.page .pg-spaceChildren-title { font-size: 1.53846rem; } }

body.page .pg-spaceChildren img { max-width: 100%; height: auto; }

body.page .pg-spaceChildren-links { font-weight: 700; margin: 30px 0; text-align: center; }

body.page .pg-spaceChildren .img-left { float: left; width: 260px; margin: 0 30px 30px 0; }

body.page .pg-spaceChildren .img-right { float: right; width: 260px; margin: 0 0 30px 30px; }

body.page .pg-spaceChildren p { margin: 0 0 10px; }

body.page .pg-interview { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; line-height: 1.7; }

@media screen and (max-width: 767px) { body.page .pg-interview { font-size: 1.07692rem; } }

body.page .pg-interview-twoColumnCont:after { content: ""; clear: both; display: block; }

body.page .pg-interview-twoColumnCont-img { float: left; margin: 0 20px 10px 0; }

body.page .pg-interview-twoColumnCont-img p { font-size: 0.625rem; margin-top: 0; }

@media screen and (max-width: 767px) { body.page .pg-interview-twoColumnCont-img p { font-size: 0.76923rem; } }

body.page .pg-interview-twoColumnCont-imgTop { float: left; margin: 0 20px 10px 0; width: 200px; }

body.page .pg-interview-twoColumnCont-imgTop p { font-size: 0.625rem; margin-top: 0; }

@media screen and (max-width: 767px) { body.page .pg-interview-twoColumnCont-imgTop p { font-size: 0.76923rem; } }

body.page .pg-interview-twoColumnCont-imgTop img { width: 100%; height: auto; }

body.page .pg-interview-thirdCont { margin-bottom: 30px; }

body.page .pg-interview-thirdCont-title { display: block; color: #ff008a; font-size: 1rem; font-weight: 700; line-height: 1.4; margin: 0 0 15px; }

@media screen and (max-width: 767px) { body.page .pg-interview-thirdCont-title { font-size: 1.23077rem; } }

body.page .pg-interview-list { margin: 0; margin-bottom: 15px; }

body.page .pg-interview-list dd { margin-left: 0; }

body.page .pg-interview-list dt { font-weight: 700; }

body.page .pg-interview-list dt { color: #066CFF; }

body.page .pg-interview-finish { margin-top: 20px; }

body.page .pg-interview-finish:after { content: ""; clear: both; display: block; }

body.page .pg-interview-finish img { float: left; margin: 0 20px 10px 0; width: 150px; }

body.page .pg-interview-finish dl { margin: 0; }

body.page .pg-interview-finish dl dd { margin-left: 0; }

body.page .pg-interview-finish dl dt { font-weight: 700; font-size: 0.75rem; }

@media screen and (max-width: 767px) { body.page .pg-interview-finish dl dt { font-size: 0.92308rem; } }

body.page .pg-interview-finish dl dd { font-size: 0.6875rem; }

@media screen and (max-width: 767px) { body.page .pg-interview-finish dl dd { font-size: 0.84615rem; } }

body.page .pg-interview-profile { background-color: #ccc; overflow: hidden; padding: 10px 0 0; }

body.page .pg-interview-profile:after { content: ""; clear: both; display: block; }

body.page .pg-interview-profile img { float: right; margin: 0 20px; }

body.page .pg-interview-profile dl { margin: 0; padding: 10px 0 20px 20px; width: 300px; float: left; }

body.page .pg-interview-profile dl dd { margin-left: 0; }

body.page .pg-interview-profile dl dt { font-size: 0.75rem; font-weight: 700; margin: 0 0 5px; }

@media screen and (max-width: 767px) { body.page .pg-interview-profile dl dt { font-size: 0.92308rem; } }

body.page .pg-interview-profile dl dd { font-size: 0.75rem; }

@media screen and (max-width: 767px) { body.page .pg-interview-profile dl dd { font-size: 0.92308rem; } }

body.page .pg-papafileLong { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #c4c4c4; line-height: 1.7; }

@media screen and (max-width: 767px) { body.page .pg-papafileLong { font-size: 1.07692rem; } }

body.page .pg-papafileLong-title { border: none; color: #066CFF; font-size: 1.25rem; line-height: 1.2; margin: 0 0 10px; padding: 0; }

@media screen and (max-width: 767px) { body.page .pg-papafileLong-title { font-size: 1.53846rem; } }

body.page .pg-papafileLong-peoples { margin-bottom: 30px; }

body.page .pg-papafileLong-peoples-boldText { font-weight: 700; margin-top: 0; padding-top: 10px; }

body.page .pg-discussion { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; }

@media screen and (max-width: 767px) { body.page .pg-discussion { font-size: 1.07692rem; } }

body.page .pg-discussion-memberList:after { content: ""; clear: both; display: block; }

body.page .pg-discussion-memberList-img { float: left; margin: 0 15px 15px 0; }

body.page .pg-discussion-memberList-desc { margin: 0; float: right; width: 405px; margin-bottom: 30px; }

body.page .pg-discussion-memberList-desc dd { margin-left: 0; }

body.page .pg-discussion-memberList-desc dt { font-size: 0.8125rem; font-weight: 700; }

@media screen and (max-width: 767px) { body.page .pg-discussion-memberList-desc dt { font-size: 1rem; } }

body.page .pg-discussion-memberList-desc dd { font-size: 0.6875rem; }

@media screen and (max-width: 767px) { body.page .pg-discussion-memberList-desc dd { font-size: 0.84615rem; } }

body.page .pg-discussion-img { margin: 15px 0 25px; }

body.page .pg-discussion-interviewList { margin: 0; margin-bottom: 15px; margin: 25px 0 30px; }

body.page .pg-discussion-interviewList dd { margin-left: 0; }

body.page .pg-discussion-interviewList dt { font-weight: 700; }

body.page .pg-papaschool { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; }

@media screen and (max-width: 767px) { body.page .pg-papaschool { font-size: 1.07692rem; } }

body.page .pg-papaschool .papaschool-section.section01 { margin-bottom: 30px; }

body.page .pg-papaschool .papaschool-section.section02, body.page .pg-papaschool .papaschool-section.section03 { margin-bottom: 45px; }

body.page .pg-papaschool .papaschool-section.section04 { margin-bottom: 15px; }

body.page .pg-papaschool .papaschool-section .section-text { margin: 0 0 15px; }

body.page .pg-papaschool .papaschool-twoColumns { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

body.page .pg-papaschool .papaschool-twoColumns-texts { -ms-flex: 1; flex: 1; margin-right: 15px; }

body.page .pg-papaschool .papaschool-twoColumns-texts p { margin: 0 0 10px; }

body.page .pg-papaschool .papaschool-twoColumns-img img { width: 100%; height: auto; }

body.page .pg-papaschool .papaschool-twoColumns-img .img-size01 { max-width: 250px; }

body.page .pg-papaschool .papaschool-twoColumns-img .img-size02 { max-width: 180px; }

body.page .pg-papaschool .papaschool-list { margin: 0; padding-left: 0; font-weight: 600; }

body.page .pg-papaschool .papaschool-list li { list-style-type: none; }

body.page .pg-papaschool .papaschool-list dl { margin: 0; }

body.page .pg-papaschool .papaschool-list dl dd { margin-left: 0; }

body.page .pg-papaschool .papaschool-list li { border: 2px solid #066CFF; margin-bottom: 20px; }

body.page .pg-papaschool .papaschool-list-title { padding: 5px 10px; margin: 0; line-height: 1.4; color: #fff; background-color: #066CFF; }

body.page .pg-papaschool .papaschool-list-texts { padding: 20px 10px 2px; }

body.page .pg-papaschool .papaschool-list-texts .texts-title { margin-bottom: 18px; color: #ff008a; line-height: 1.4; }

body.page .pg-papaschool .papaschool-list-texts .texts-date { margin-bottom: 0; color: #066CFF; line-height: 1.4; }

body.page .pg-papaschool .papaschool-list-texts .texts-link { margin-bottom: 0; text-align: right; }

body.page .pg-papaschool .papaschool-list .godo { border-color: #ff008a; }

body.page .pg-papaschool .papaschool-list .godo .papaschool-list-title { background-color: #ff008a; }

body.page .pg-papaschool .papaschool-list .godo .papaschool-list-texts .texts-title { font-size: 1.125rem; color: #066CFF; }

@media screen and (max-width: 767px) { body.page .pg-papaschool .papaschool-list .godo .papaschool-list-texts .texts-title { font-size: 1.38462rem; } }

body.page .pg-papaschool .papaschool-textPink { padding: 0; margin: 0 0 50px; color: #ff008a; line-height: 1.4; font-weight: 600; }

body.page .pg-papaschoolSeason .return-papaschool { margin: 30px 15px 0 0; text-align: right; }

body.page .pg-papaschoolSeason .return-papaschool a { margin: 0 2px 0 0; font-size: 0.8125rem; font-weight: 600; }

@media screen and (max-width: 767px) { body.page .pg-papaschoolSeason .return-papaschool a { font-size: 1rem; } }

body.page .pg-papaschoolSeason .pg-body { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; }

@media screen and (max-width: 767px) { body.page .pg-papaschoolSeason .pg-body { font-size: 1.07692rem; } }

body.page .pg-papaschoolSeason h2 { border-left: 6px solid #ff008a; color: #ff008a; font-size: 1.25rem; line-height: 1.2; margin: 0 0 20px; padding: 0 0 0 5px; }

@media screen and (max-width: 767px) { body.page .pg-papaschoolSeason h2 { font-size: 1.53846rem; } }

body.page .pg-papaschoolSeason h3 { display: block; color: #ff008a; font-size: 1rem; font-weight: 700; line-height: 1.4; margin: 0 0 10px; }

@media screen and (max-width: 767px) { body.page .pg-papaschoolSeason h3 { font-size: 1.23077rem; } }

body.page .pg-papaschoolSeason .dt-bold { font-weight: 600; }

body.page .pg-papaschoolSeason dl { margin: 0; padding: 0; }

body.page .pg-papaschoolSeason dl dd { margin: 10px 0; }

body.page .pg-papaschoolSeason .column { margin: 15px 0 0; line-height: 1.7; overflow: hidden; }

body.page .pg-papaschoolSeason .column p { margin: 10px 0 15px; }

body.page .pg-papaschoolSeason .column + .column { margin-top: 30px; }

body.page .pg-papaschoolSeason .report { display: -ms-flexbox; display: flex; }

body.page .pg-papaschoolSeason .report-img { width: 150px; margin-right: 20px; margin-bottom: 20px; }

body.page .pg-papaschoolSeason .report-img img { width: 100%; height: auto; }

body.page .pg-papaschoolSeason .report-img + p { margin-top: 0; }

body.page .pg-banner { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; }

@media screen and (max-width: 767px) { body.page .pg-banner { font-size: 1.07692rem; } }

body.page .pg-banner-title { border: none; color: #ff008a; font-size: 1rem; line-height: 1.5; margin: 0 0 15px; padding: 0; }

@media screen and (max-width: 767px) { body.page .pg-banner-title { font-size: 1.23077rem; } }

body.page .pg-banner-list { margin: 0; }

body.page .pg-banner-list dd { margin-left: 0; }

body.page .pg-banner-list dt { font-weight: 700; margin: 0 0 10px; }

body.page .pg-banner-list ol { margin: 0; padding-left: 0; }

body.page .pg-banner-list ol li { list-style-type: none; }

body.page .pg-banner-list ol li { margin: 0 0 15px 25px; padding: 0 0 0 5px; list-style-type: decimal; list-style-position: outside; }

body.page .pg-banner-samples { margin: 30px 0 0; overflow: hidden; }

body.page .pg-banner-samples dl { margin: 0; float: left; width: auto; padding: 0 0 25px 20px; }

body.page .pg-banner-samples dl dd { margin-left: 0; }

body.page .pg-banner-samples dl dd { margin: 3px 0 0; font-size: 0.8125rem; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }

@media screen and (max-width: 767px) { body.page .pg-banner-samples dl dd { font-size: 1rem; } }

body.page.webaccessibility .md-column-title02 { font-size: 1rem; }

@media screen and (max-width: 767px) { body.page.webaccessibility .md-column-title02 { font-size: 1.23077rem; } }

body.page .pg-webaccessibility { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; }

@media screen and (max-width: 767px) { body.page .pg-webaccessibility { font-size: 1.07692rem; } }

body.page .pg-webaccessibility-desc { margin-bottom: 50px; }

body.page .pg-webaccessibility-desc p { margin: 10px 0 15px; }

body.page .pg-webaccessibility-coverageList { margin: 0; padding-left: 0; margin-left: 24px; }

body.page .pg-webaccessibility-coverageList li { list-style-type: none; }

body.page .pg-webaccessibility-coverageList li { list-style-type: disc; }

body.page .pg-webaccessibility-label { color: #066CFF; border: 1px solid #066CFF; padding: 0.3em; text-align: center; }

body.page .pg-webaccessibility-table { border: 1px solid #066CFF; margin: 15px 0; margin-bottom: 2em; }

body.page .pg-webaccessibility-table caption { margin-bottom: 0.5em; }

body.page .pg-webaccessibility-table th { color: #fff; background: #066CFF; font-size: 0.8125rem; font-weight: 300; border-left: 1px solid #fff; border-top: 1px solid #fff; padding: 3px 8px 6px; text-align: left; vertical-align: top; }

@media screen and (max-width: 767px) { body.page .pg-webaccessibility-table th { font-size: 1rem; } }

body.page .pg-webaccessibility-table td { font-size: 0.8125rem; border: 1px solid #066CFF; padding: 3px 8px 6px; vertical-align: top; }

@media screen and (max-width: 767px) { body.page .pg-webaccessibility-table td { font-size: 1rem; } }

body.page .pg-webaccessibility-table.table01 thead th:first-child { width: 70px; }

body.page .pg-webaccessibility-table.table01 thead th:nth-child(2) { width: 152px; }

body.page .pg-webaccessibility-table.table01 thead th:nth-child(3) { width: 70px; }

body.page .pg-webaccessibility-table.table02 thead th:first-child { width: 70px; }

body.page .pg-webaccessibility-table.table02 thead th:nth-child(2) { width: 175px; }

body.page .pg-webaccessibility-table.table02 thead th:nth-child(3) { width: 70px; }

body.page .pg-webaccessibility-table.table03 thead th:first-child { width: 70px; }

body.page .pg-webaccessibility-table.table03 thead th:nth-child(2) { width: 112px; }

body.page .pg-webaccessibility-table.table03 thead th:nth-child(3) { width: 70px; }

body.page .pg-webaccessibility-table.table04 thead th:first-child { width: 70px; }

body.page .pg-webaccessibility-table.table04 thead th:nth-child(2) { width: 105px; }

body.page .pg-webaccessibility-table.table04 thead th:nth-child(3) { width: 157px; }

body.page .pg-webaccessibility-table.table04 thead th:nth-child(4) { width: 44px; }

body.page .pg-webaccessibility-table.table04 thead th:nth-child(5) { width: 44px; }

body.page .pg-supporter { padding: 25px 20px 75px; border-width: 3px; border-style: solid; font-size: 0.875rem; border-color: #066CFF; }

@media screen and (max-width: 767px) { body.page .pg-supporter { font-size: 1.07692rem; } }

body.page .pg-supporter-table { margin: 15px auto; }

body.page .pg-supporter-table thead th { background-color: #066CFF; border: 1px solid #066CFF; color: #fff; font-size: 0.75rem; line-height: 15px; padding: 7px 5px 5px; vertical-align: middle; text-align: center; }

@media screen and (max-width: 767px) { body.page .pg-supporter-table thead th { font-size: 0.92308rem; } }

body.page .pg-supporter-table thead th:first-child { width: 36px; }

body.page .pg-supporter-table thead th:nth-child(2) { width: 140px; }

body.page .pg-supporter-table tbody th { border: 1px solid #066CFF; font-size: 0.75rem; padding: 3px 8px 6px; vertical-align: middle; text-align: center; }

@media screen and (max-width: 767px) { body.page .pg-supporter-table tbody th { font-size: 0.92308rem; } }

body.page .pg-supporter-table tbody td { border: 1px solid #066CFF; font-size: 0.75rem; padding: 7px 5px 5px; vertical-align: middle; }

@media screen and (max-width: 767px) { body.page .pg-supporter-table tbody td { font-size: 0.92308rem; } }

/*-------------------------------------------------- taxonomy area --------------------------------------------------*/
.ac-area-catName { border-left: 5px solid #066CFF; color: #066CFF; font-size: 1.25rem; font-weight: 700; line-height: 1; margin: 10px 0 15px; padding: 5px 0 4px 8px; }

@media screen and (max-width: 767px) { .ac-area-catName { font-size: 1.53846rem; } }

.ac-area-cont { margin-bottom: 30px; }

.ac-area-cont ul.title-school { margin: 0; padding-left: 0; }

.ac-area-cont ul.title-school li { list-style-type: none; }

.ac-area-cont ul.title-school dl.school_t { margin: 0; }

.ac-area-cont ul.title-school dl.school_t dd { margin-left: 0; }

.ac-area-cont ul.title-school dl.school_t dt { margin-bottom: 6px; line-height: 1.4; color: #ff008a; }

.ac-area-cont ul.title-school dl.school_t .other_link_box { margin: 20px 0 30px; text-align: right; }

.ac-area-title { margin: 0; }

.ac-area-title a { display: inline-block; border: 1px solid #066CFF; background: #066CFF url(../images/sprite_marker.png) 6px 5px no-repeat; color: #fff; font-size: 0.875rem; line-height: 1; margin-bottom: 20px; padding: 8px 10px 8px 32px; text-decoration: none; }

@media screen and (max-width: 767px) { .ac-area-title a { font-size: 1.07692rem; } }

.ac-area-title a:hover { color: #fff; }

.ac-area-link { text-align: right; }

.ac-area-twoColumns { display: -ms-flexbox; display: flex; }

.ac-area-twoColumns-img { margin-right: 40px; }

.ac-area-twoColumns-img img { width: 200px; height: auto; }

.ac-area-twoColumns-texts p { margin: 0 0 10px; }

/*-------------------------------------------------- webaccessibility --Webアクセシビリティ --------------------------------------------------*/
.popup { position: relative; margin: 0 auto; text-align: left; background: #fff; /*-------------------------------------------------- application --情報の掲載について --------------------------------------------------*/ /*-------------------------------------------------- terms --個人情報保護制度について --------------------------------------------------*/ }

.popup-head { height: 86px; border: 15px solid #066CFF; border-width: 0 15px; background: transparent url(../images/popup/bg.gif) 1px 1px repeat; }

.popup-head-title { position: absolute; width: 260px; height: 46px; left: 30px; top: 18px; margin: 0; text-indent: -5000px; overflow: hidden; background: transparent url(../images/popup/head_title_mini.gif) 0 0 no-repeat; }

.popup-content { font-size: 0.8125rem; padding: 20px 30px 30px; text-align: left; border: 15px solid #066CFF; border-top: none; }

@media screen and (max-width: 767px) { .popup-content { font-size: 1rem; } }

.popup-content-title { position: relative; margin: 0 0 20px; padding: 0 0 2px 5px; color: #008aff; font-size: 138.5%; letter-spacing: 1px; border-bottom: 12px solid #066CFF; }

.popup-content p { clear: both; line-height: 1.8; margin: 0; }

.popup-foot { font-size: 93%; text-align: center; padding: 20px 0; }

.popup-foot p { margin: 0; }

.popup .application-list { margin: 0; padding-left: 0; width: 100%; padding: 15px 0; letter-spacing: -.4em; }

.popup .application-list li { list-style-type: none; }

.popup .application-list li { display: inline-block; line-height: 1.6; letter-spacing: normal; padding: 0 6px 0 20px; background: transparent url(../images/marker_circle.gif) 9px 0.46em no-repeat; }

.popup .terms-subTitle { font-size: 0.875rem; margin: 0 10px 5px; padding: 0; }

@media screen and (max-width: 767px) { .popup .terms-subTitle { font-size: 1.07692rem; } }

.popup .terms p { line-height: 1.8; margin: 5px 10px 15px; }

.popup .terms dl { margin: 0; margin: 0 15px; }

.popup .terms dl dd { margin-left: 0; }

.popup .terms dl dt { font-weight: 700; }

.popup .terms dl dd a { text-decoration: underline; }

/*# sourceMappingURL=styles.css.map */