@import url('https://fonts.googleapis.com/css?family=Passion+One');

/* TwentySeventeen カスタマイズ */
.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {width: auto;}

.widget {padding-top: 15px; padding-bottom: 15px;}

@media screen and (min-width: 48em){.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {width: 80%;}
.home #primary {width: 63%;}
.home #primary .entry-content {float: left !important;}
body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {width: auto;}
}

html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] h4, html[lang="ja"] h5, html[lang="ja"] h6 {font-weight: 400;}

.entry-content a {text-decoration: underline dotted;}
.entry-content a, .entry-content a img, .entry-content a:hover {box-shadow: none;}

/* スマホ級下げ*/
@media screen and (max-width: 48em){body, p {font-size: 12px;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}
.site-info {font-size: 12px;}
	li.menu-item {line-height: 1.2;}
}

/* STARRY 背景色変更対応等 */

.stry-colorswitch-box, tr.stry-tableodd, td.stry-colorswitch-column, table.stry-colorswitch-table tr {background-color: transparent !important;}

table.stry-colorswitch-table td, table.stry-member01-maintable td  {border: 1px solid white;}

body, button, input, select, textarea {color: black;}

pre.entry_rule {background-color: transparent;}
.stry-support01-domaininfo, .stry-support01-memberinfo {font-size: 12px; margin: 5px 0 0 0;}
#inquiry_text {margin-bottom: 20px;}
.stry-entry01-serviceblock {display: none;}

.stry-ec02-item-block02, .stry-ec01-item, .stry-ec01-category, .stry-ec03-table-unitprice, .stry-ec03-table-ammount, .stry-ec03-table-subtotal {background-color: transparent;}

.stry-ec03-table-itemdelete {background-color: #eee;}

table.stry-ec03-table td {border: 1px solid white;}

table.stry-ec03-table img {width: auto !important;}

.stry-ec02-item-name {font-weight: 700 !important;}

h1.entry-title {width: auto; max-width: 100%; min-width: 250px; margin: 20px 0; }


/* 背景色にあわせた変更 */
footer.entry-footer {display: none;}
nav.navigation.post-navigation {border-top: 1px solid; padding-top: 10px;}
.prev.page-numbers, .next.page-numbers {background-color: transparent;}

.page-numbers.current {color: #fff;}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {color: #fff;}

/* 伊藤アルフ カスタマイズ */
.join_text_title {font-size: 24px; text-align: center; font-family: 'Passion One', cursive; font-weight: 400;}
.join_text_main {text-align: left; font-size: 14px;}
@media screen and (min-width: 48em){.join_text_title {font-size: 64px;}.join_text_main {text-align: center; font-size: 18px;}}

body:not(.home) .site-content-contain, body:not(.home) .custom-header-media, .site-header {background-image: url("/wp-content/uploads/2018/10/rogo60.jpg"); background-color: white; background-size: cover; background-attachment: fixed ;} 

.site-content-contain, .custom-header-media {background-color: transparent;}

.site-branding {text-align: right;} .site-branding-text{background-color: transparent; padding: 10px;}

div:not(.home).site-branding {display: none;}

#content .wrap, .navigation-top, #top-menu  {background-color: #002580;}

#content .wrap {padding: 50px 25px; min-height: 100vh;}
.panel-content .wrap {padding: 0 !important;}

.site-footer {border-top: none;}

.site-footer .wrap {background-color: #598ef6; color: white; padding: 20px 10px;}
.site-info {margin-bottom: 0;}
.site-info a:hover {box-shadow: none;}

body, textarea, .site-content-contain p, .site-content-contain a, .site-content-contain h1, .site-content-contain h2, .site-content-contain h3, .site-content-contain h4, .site-content-contain h5, .site-content-contain h6, #top-menu a, button.menu-toggle, .entry-footer .cat-links a, .entry-footer .tags-links a, .entry-footer .cat-links .icon, .entry-footer .tags-links .icon, .nav-title, .nav-subtitle {color: white;}

.nav-title:hover {color: #598ef6 !important;}

h1.entry-title, h2.entry-title, h3.entry-title, .entry-meta {color: white !important; font-weight: 400;}

body a:hover, h1.entry-title a:hover, h2.entry-title a:hover, h3.entry-title a:hover, .entry-meta a:hover {color: #598ef6;}

button, input[type="button"], input[type="submit"] {background-color: #598ef6; color: white;}

.home header.page-header, a.post-edit-link {display: none !important;}
.site-content {padding: 0!important;}
#secondary {padding: 20px !important;}
.site-footer {margin-top: 0;}

.main-navigation ul {text-align: center;}

.navigation-top a, header.page-header {font-family: 'Passion One', cursive; font-weight: 400 !important; font-size: 18px;}

span.menu-no-translation {font-family: 'Passion One', cursive; font-weight: 400; text-transform: uppercase; font-size: 20px;}

h1.page-title, #post-254 h1.entry-title, #post-256 h1.entry-title, #post-478 h1.entry-title, .home h2.entry-title, h3.bio-title, h3.top-page-title {font-family: 'Passion One', cursive; font-weight: 400 !important; font-size: 24px;}

.archive h1.page-title {font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; font-size: 16px; text-transform: none;}

.navigation-top a {padding: 0.5rem;} 
.navigation-top a:hover {color: #598ef6 !important;}

.entry-title {font-weight: 400 !important;}

.entry-content img {padding: 10px 0; box-sizing: border-box; max-width: 100%;}

.panel-content .entry-header {margin-bottom: 18px;}

.wrap a:hover {color: #598ef6;}

h2.entry-title a, h2.entry-title a:hover, .entry-meta a, .entry-meta a:hover {box-shadow: none;}

section.widget ul li a {box-shadow: none;}
section.widget ul li a:hover {color: #002580; box-shadow: none;}

.home #nav_menu-2, ul#menu-social_menu {display: table;}
ul#menu-social_menu li {display: table-cell; text-align: center;}
ul#menu-social_menu li {font-size: 28px;}
ul#menu-social_menu li span {font-size: 8px;}

ul#menu-social_menu {margin: 0 27px;} 
/*ソーシャルメニューの項目数に応じてこの数値変える*/

#secondary {background-color: #FFA719;}

.home #secondary {background-color: #598ef6;}

#nav_menu-2, #nav_menu-3, #custom_html-3 {display: none;}

body.home #nav_menu-2, body.home #nav_menu-3, body.home #custom_html-3 {display: block ;}

.home #nav_menu-3, .home #custom_html-3 {background-color: transparent; text-align: center !important;}
.home #nav_menu-3 ul li {border: none;}
.home #nav_menu-3 img {padding: 0; box-shadow: none;}
.home #nav_menu-3 a:hover {opacity: 0.8;}

#custom_html-3 {max-width: 250px !important; margin: 0 auto;}

.home #search-2, .home #recent-posts-2, .home #archives-2, .home #categories-2 {display: none;}

.blog h2.entry-title, .archive  h2.entry-title, .single h1.entry-title {font-size: 18px; border-bottom: 1px dotted white; padding-bottom: 1px;}

.site-footer a {box-shadow: none;}
.site-footer a:hover {color: #002580;}

h3.bio-title, h3.top-page-title {border-bottom: 1px solid white; padding-bottom: 2px; }

h1.profile-name {font-weight: 700 !important; padding-top: 0 ;}

.whats-new {margin: 0 0 50px 0;}
.whats-new-date {font-size: 10px;}
.whats-new-title {font-size: 12px; margin-bottom: 12px; border-bottom: 1px dotted white; padding-bottom: 1px;}

.pickup {margin: 0 0 30px 0;}
.pickup-date {font-size: 10px; display: none;}
.pickup-title {font-size: 14px; border-top: 1px dotted white; padding: 8px 5px 5px 5px; border: 1px dotted white;}
.pickup-content {margin: 30px 0 50px 0;}
.pickup-none {margin-bottom: 50px;}
.pickup p a {text-decoration: underline dotted;}

@media screen and (min-width: 48em){.navigation-top a {font-size: 24px;}
.site-header {height: 75px;}
#content .wrap {padding: 50px;}
.home .site-header {height: auto;}
.home #primary, .has-sidebar #primary {float: left !important;}
.home #secondary, .has-sidebar #secondary {float: right; width: 36% !important;}
.home #secondary:after, .has-sidebar #secondary:after {clear: both;}
.home #content .wrap {padding-top: 0;}
.home .panel-content {padding-top: 50px;}
.home #content .wrap, .has-sidebar #content .wrap {padding-right: 0;}
.site-footer .wrap {padding: 15px 30px 25px 30px;}
.whats-new {margin: 50px 20px 80px 0;}
.whats-new-date {font-size: 12px;}
.whats-new-title {font-size: 14px;}
.pickup {margin: 0 20px 30px 0;}
.pickup-date {font-size: 12px; display: none;}
.pickup-title {font-size: 18px;}
.blog h2.entry-title, .archive  h2.entry-title, .single h1.entry-title {font-size: 24px;}
.site-branding {text-align: right;} .site-branding-text{background-color: transparent; padding: 10px 110px 10px 10px;}
}

/*コメント欄*/
p.logged-in-as, .comment-edit-link {display: none;}
h3#reply-title {font-size: 12px;}

textarea#comment {height: 100px}

p.must-log-in a {pointer-events: none;}

h2.comments-title {font-size: 12px;}

b.fn {color: white;}

/* Schedule */
.ai1ec_event .timely.ai1ec-single-event {color: white; font-size: 12px;}
.ai1ec_event h1.entry-title {font-size: 18px;}

.ai1ec-event-description p,
.ai1ec-event-summary, .form.contact-form.commentsblock input, .form.contact-form.commentsblock textarea {color: #000 !important;}
.ai1ec-event-summary, .contact-form input, .contact-form textarea {color: #000;}

.ai1ec-event-details-ready .contact-form label {color: #fff !important;}
.ai1ec-btn-group.ai1ec-actions, label.grunion-field-label.url, .contact-form input[type=url]   {display: none;}

/* トップページ画像修正 */
@supports ( object-fit: cover ) {.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-video .custom-header-media iframe,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {object-fit:cover; width: 100%; height: auto;}}

@media screen and (max-width: 767px){.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-video .custom-header-media iframe,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {width: 100vw; object-fit: contain; position: relative;} .custom-header-media:before, .has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header, .has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {height: 52vh;}}

/* GOODSページ */
.store-items{
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.store-items div {padding: 3%; width: 50%; box-sizing: border-box; font-size: 12px; line-height: 20px; margin-bottom: 15px;}

.store-items div a {text-decoration-color: white;}

.store-items img {margin-top: 15px; margin-bottom: 10px; max-width: 100%;}

.store-items a {box-shadow: none !important; color: white;}
.store-items a:hover {box-shadow: none !important; color: #598ef6;}

@media screen and (min-width: 48em){.store-items div{padding: 2%; width: 33%; box-sizing: border-box;}}

/* WP pagenavi */
.wp-pagenavi {margin-bottom: 30px;}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend, .wp-pagenavi a:hover, .wp-pagenavi span.current {display: inline-block !important;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border: 3px double white;}

/* モバイルヘッダー高さ修正 */

@media screen and (max-width: 524px) {.custom-header-media:before, .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header, .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {height: 47vh;}}

@media screen and (max-width: 474px) {.custom-header-media:before, .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header, .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {height: 42vh;}}

@media screen and (max-width: 424px) {.custom-header-media:before, .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header, .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {height: 37vh;}}

@media screen and (max-width: 374px) {.custom-header-media:before, .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header, .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {height: 32vh;}}

@media screen and (min-width: 701px) and (max-width: 768px) { #content .wrap {width: 100%; max-width: 768px;  margin: 0;}}

/* 終わり */