@charset "UTF-8";

/* for top_page */
.top_header { margin: 30px 0 10px 0; padding: 20px 0 30px 0; border-top: solid 2px #000; border-bottom: solid 2px #000; }
.top_header h1 { width: 100%; margin: 0; padding: 0; text-align: left; }
.top_header h1 img { width: 100%; height: auto; }

.top_index h1 { margin-bottom: 50px; font-size: 250% !important; }

.top_index .content { width: 100%; padding: 10px 0 30px 0; }
.top_index .content .line { width: 13%; height: 5px; margin-bottom: 15px; border-top: solid 4px #000; }
.top_index .content a { padding-top: 20px; padding-bottom: 5px; color: #000; display: block; }
.top_index .content a:hover { text-decoration: none; background: #eee; border: none; border-radius: 5px; }
.top_index .content a:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.top_index .content p { margin: 0; padding: 0; }
.top_index .content .entrynumber { width: 15%; height: 40px; padding-right: 10px; font-size: 120% !important; text-align: center; line-height: 40px; vertical-align: middle; float: left; clear: both; }
.top_index .content .title { width: 65%; height: 40px; padding-left: 7px; font-size: 190% !important; font-weight: bold; line-height: 40px; vertical-align: middle; float: left; }
.top_index .content .date { width: 20%; height: 40px; padding-right: 10px; font-size: 110% !important; line-height: 40px; text-align: right; vertical-align: middle; float: left; }
.top_index .content .description { width: 85%; padding: 10px; font-size: 120% !important; float: right; clear: both; display: }
.lastmsg { font-size: 180% !important; font-weight: bold; text-align: center; }

@media (max-width: 768px) {
.top_index h1 { font-size: 200% !important; }
.top_index .content .line { width: 20%; } 
.top_index .content a { padding-left: 2px; padding-right: 5px; }
.top_index .content p { width: 100% !important; height: auto !important; padding: 5px 0 !important; text-align: left !important; line-height: 1.3em !important; float: none !important; }
.top_index .content .description { font-size: 130% !important; }
.top_index .content .entrynumber, .top_index .content .date, .top_index .content .description { padding-left: 3px !important; }
.lastmsg { font-size: 140% !important; font-weight: bold; text-align: left; }
}

blockquote.index { padding: 15px 20px 20px 20px; border: solid 2px #ccc !important; background: #eee; }
blockquote.index p { font-size: 15pt !important; }
blockquote.index ol { margni-bottom: 10px; font-size: 14pt; }
blockquote.index ol li { margin-bottom: 5px; }


/* for web_page */
main.row { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
main.row h1, main.row h2, main.row h3, main.row h4, main.row h5, main.row h6, main.row p { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

.main_header { margin: 30px 0 20px 0; }
.main_header h1 { width: 100%; margin: 0; padding: 0; text-align: left; }
.main_header h1 img { width: 45%; min-width: 270px; height: auto; }

.main_footer { margin: 120px 0 50px 0; font-size: 150%; font-weight: bold; text-align: center; }
.main_footer img  { width: 180px; height: auto; margin-bottom: 15px; }

blockquote { width: 90%; margin: 60px auto 100px auto; padding: 15px 20px; font-size: 110%; line-height: 1.6em; letter-spacing: 0; background-color: #fff; border: solid 1px #000; border-radius: 0; }

ul.caution { list-style: none; font-size: 110%; line-height: 1.6em; letter-spacing: 0; }
ul.caution li { margin-bottom: 20px; text-indent: -2em; }
ul.caution li:before { content: "注　"; text-indent: -2em; }
ul.caution li:last-child { margin-bottom: 0; }

ul.philosophy { list-style: none; font-size: 120%; line-height: 1.6em; letter-spacing: 0; }
ul.philosophy li { margin-bottom: 20px; text-indent: -2em; }
ul.philosophy li:before { content: "一、 "; text-indent: -2em; }
ul.philosophy li:last-child { margin-bottom: 0; }

main h1, main h2, main h3 { white-space: normal; line-height: 1.3em !important; }
main h1{ font-size: 200% !important; font-weight: bold; line-height: 1.5em !important; white-space: normal; }
main h1 span { font-size: 70%; }
main h2 { font-size: 180% !important; padding-top: 100px; font-weight: bold; }
p { font-size: 120% !important; line-height: 1.6em; letter-spacing: 0; }

.w40 { margin-bottom: 100px; font-size: 120%; float: right; }
.w40:after { padding-right: 5px; content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.w40 strong { font-weight: 140%; font-weight: bold; white-space: pre; }

.crosssection { margin: 100px 0; }

.member { margin: 30px 0 80px 0; }
.member:after, .member .all:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;  }

.member .left { width: 22%; float: left; }
.member .left img { width: 100%; height: auto; }

.member .right { width: 75%; float: right; }
.member .right h3 { margin-top: 2px; padding: 0; font-size: 160%; font-weight: bold; line-height: 1.0em; }
.member .right h3 span { font-size: 70%; font-weight: normal; }
.member .right p { font-size: 130%; }

.member .all { width: 100%; margin-bottom: 50px; }
.member .all img { width: 22%; height: auto; margin-right: 3%; }

footer { font-family: "Lucida Grande", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
p.top, .copyright p { font-size: 100% !important; letter-spacing: 0; }

.fontsize_big { font-size: 300% !important; }

@media (max-width: 768px) {
.fontsize_big { font-size: 200% !important; }
}

.fontsize_big2 { font-size: 200% !important; text-align: left; word-break: keep-all; }
.fontsize_big2 span { font-size: 70% !important; }


/* for contents */
table { width: 100%; margin-bottom: 30px; }
table a { text-decoration: underline; }
.talk_left .left { width: 120px; min-height: 158px; object-fit: contain; }
.talk_left .left img { margin: 0; }
.talk_left .right { min-height: 158px; font-size: 120%; }
.talk_left .right:after {　content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.talk_left p { margin: 0; padding: 0 0 0 40px; ; float: left; }
.talk_right .left { min-height: 158px; font-size: 120%; }
.talk_right .left:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.talk_right .right { width: 120px; min-height: 158px; object-fit: contain; }
.talk_right .right img { margin: 0; }
.talk_right p { margin: 0; padding: 0 40px 0 0; float: right; }
.nocaption { font-size: 144% !important; }


@media (max-width: 500px) {
table { margin-bottom: 50px; }
.talk_left .left { width: 75px; min-height: 99px; }
.talk_left .right { min-height: 99px; font-size: 110%; }
.talk_left p { padding: 0 0 0 20px; ; }
.talk_right .left { min-height: 99px; font-size: 110%; }
.talk_right .right { width: 75px; min-height: 99px; }
.talk_right p { padding: 0 20px 0 0; }
}

.talk_left_1234 .up { width: 760px; min-height: 237px; text-align: left; object-fit: contain; }
.talk_left_1234 .up img { width: 120px; margin: 0 10px 0 0; }
.talk_left_1234 .down { margin: 0; padding: 30px 0 30px 220px; font-size: 120%; }
.talk_left_1234 p { margin: 0; padding: 0; float: left; }
.talk_right_1234 .up { width: 760px; min-height: 237px; text-align: right; object-fit: contain; }
.talk_right_1234 .up img { width: 120px; margin: 0 0 0 10px; }
.talk_right_1234 .down { margin: 0; padding: 30px 220px 30px 0; font-size: 120%; }
.talk_right_1234 p { margin: 0; padding: 0; float: right; }

@media (max-width: 500px) {
.talk_left_1234 .left { width: 75px; min-height: 132px; }
.talk_left_1234 .right { min-height: 161px; font-size: 110%; }
.talk_left_1234 p { padding: 0 0 0 20px; ; }
.talk_left_1234 .up img { width: 75px; margin: 0 10px 0 0; }
.talk_left_1234 .down { margin: 0; padding: 30px 0 30px 100px; font-size: 120%; }
.talk_right_1234 .left { width: 75px; min-height: 132px; }
.talk_right_1234 .right { min-height: 161px; font-size: 110%; }
.talk_right_1234 p { padding: 0 0 0 20px; ; }
.talk_right_1234 .up img { width: 75px; margin: 0 10px 0 0; }
.talk_right_1234 .down { margin: 0; padding: 30px 100px 30px 0; font-size: 120%; text-align: left; }
}

.page_navigation { margin: 30px 0 60px 0; } 
.page_navigation ul li a, .page_navigation .page_next, .page_navigation .page_prev { margin: 5px 0; }
p.fontsize_big { padding-top: 30px; padding-bottom: 30px; text-align: initial; }

.talk_all .left { width: 285px; min-height: 237px; object-fit: contain; }
.talk_all .left img { width: 90px; margin: 0 5px 0 0; }
.talk_all .right { min-height: 237px; font-size: 120%; }
.talk_all .right:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.talk_all p { margin: 0; padding: 0 0 0 40px; ; float: left; }

@media screen and (max-width: 500px) {
.talk_all .left { width: 150px; min-height: 119px; object-fit: contain; }
.talk_all .left img { width: 45px; margin: 0 5px 0 0; }
.talk_all p { margin: 0; padding: 0 0 0 20px; ; float: left; }
}

.talk_center { font-size: 120% !important; }
.talk_center p { text-align: center; }

.bq_wikipedia { padding: 20px 30px; background: #eee !important; font-size: 110%; }
.bq_wikipedia h4 { font-family: Ruda, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important; font-weight: bold; }
.bq_wikipedia p { font-family: Ruda, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important; font-size: 110% !important; }
p.small { font-size: 80% !important; } 
p.right { text-align: right; } 

h2.aberration { font-size: 230% !important; font-weight: bold; }
h2.aberration > span { margin-left: 10px; font-size: 70%; font-weight: medium; }

ul.point { width: 80%; min-width: 280px; margin: 0 auto 80px auto; padding: 0; list-style: none; }
ul.point li { margin-bottom: 20px; font-family: Ruda, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 130%; line-height: 1.6em; }
ul.point li strong { font-size: 100%; font-weight: bold; }

ul.examples { margin: 60px 0 40px 0; }
ul.examples li { font-size: 120% !important; text-align: center; }
ul.examples li img { padding-bottom: 10px; }
p.example { margin: 80px auto 40px auto !important; font-size: 120%; text-align: center; }
p.example img { padding-bottom : 20px; }

main h2.terms { font-size: 240% !important; font-family: "Lucida Grande", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important; }

@media screen and (max-width: 500px) {
main h2.terms  { font-size: 180% !important; }
}


/* column mail */
.column_mallformat { font-family: 'MS明朝', Osaka-Mono, monospace; } 
.reference { }
.reference h4{ font-family: Ruda, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important; }
.reference ul li { font-family: Ruda, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important; font-size: 100%; }

/* bucknumber list */
.backnumber_list { min-height: 500px; margin-top: 50px; padding: 30px 40px 60px 40px; font-size: 130%; line-height: 2em; border: none; border-radius: 10px; background: #e8e6e6; }
.backnumber_list > div { margin-bottom: 10px; white-space: nowrap; }
.backnumber_list a.logo { font-size: 105%; vertical-align: text-bottom; }
.backnumber_list a.logo img { width: 100px; height: auto; margin-top: 5px; margin-right: 20px; margin-bottom: 10px; }
.backnumber_list ul { margin-top: 20px; padding: 0; list-style: none; }
.backnumber_list ul li { margin-bottom: 20px; font-size: 90%; line-height: 1.3em; }
.backnumber_list a { color: #000; }

/* page navigation */
.page_navigation { height: 2em; margin: 0; padding: 40px 0 70px 0; line-height: 2em; vertical-align: middle; position: relative; }
.page_navigation:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.page_navigation .page_prev a, .page_navigation .page_next a { color: #000; }
.page_navigation .page_prev { height: 2em;  line-height: 2em; position: absolute; left: 0; }
.page_navigation .page_next { height: 2em;  line-height: 2em; position: absolute; right: 0; }
.page_navigation ul { margin: 0 auto; padding: 0; list-style: none; float: left;  position: absolute; left: 50%; transform: translateX(-50%);　}
.page_navigation ul li { margin: 0 3px; float: left; }
.page_navigation ul li a { width: 2em; height: 2em; text-align: center; background: #000; color: #fff; border: solid 1px #000; display: block; }
.page_navigation ul li a.active { background: #fff; color: #000; }
.page_navigation .off { display: none; }

/* others */
.member_photo { width: 400px; max-width: 70%; text-align: center; }
.member_photo img { width: 100%; height: auto; margin-bottom: 20px; border: none; border-radius: 5px; }

h3.hood_collection { font-family: "Lucida Grande", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif　!important; font-size: 120% !important; line-height: 1.6em !important; }
h3.hood_collection span { font-size: 120%; font-weight: bold; }



/* end of files */