@charset "UTF-8";
/*
Theme Name: twentyseventeen-child
Template: twentyseventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
*/

/*Y.Y*/

/*ロゴの大きさ調整*/

.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-width: 200px;
}
/*メニューのデザイン*/

.navigation-top {
	background: rgba(240, 0, 0, 0.8);
	/*背景色*/
	border-bottom: 0px solid rgba(49, 80, 150, 0.25);
	/*上線の太さと色*/
	border-top: 0px solid rgba(49, 80, 150, 0.25);
	/*下線の太さと色*/
}
.navigation-top a {
	color: #ffffff;
	/*文字色*/
	font-size: 16px;
	font-family: 'ヒラギノ角ゴ Pro W3';
	-webkit-transition: color 0.3s;
	/*文字色の変化に要する時間*/
	transition: color 0.3s;
	/*文字色の変化に要する時間*/
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: solid 0px #ffffff;
	border-top: solid 0px #ffffff;
}
.navigation-top .current_page_item>a {
	color: #ffffff;
	/*訪問後文字色をデフォルトと同じにする*/
	border-bottom: solid 1px #ffffff;
}
.main-navigation ul {
	background: transparent;
	/*スマホのメニューバー背景色　透明*/
}
.menu-toggle {
	color: rgb(255, 255, 255);
	/*スマホのドロップダウン背景色*/
}
.navigation-top a:hover:not(.site-header__logo) {
	color: #ffffc6;
	/*マウスオーバーの文字色*/
	background: rgba(55, 118, 255, 0.5)/*マウスオーバーの背景色*/
}
/*メニューレイアウト編集*/

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: rgb(0, 0, 0);
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}
.dropdown-toggle:hover, .dropdown-toggle:focus {
	background: transparent;
}
.dropdown-toggle:focus {
	outline: thin dotted;
}
.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg);
	/* IE 9 */
	-webkit-transform: rotate(-180deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}
/*ヘッダーと本文の間をくっつける*/

.site-content {
	padding: 10px
}
/*固定ページの幅を変更*/

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 1200px;
}
/*フロントページの幅を変更*/

.page-one-column .panel-content .wrap
{
	max-width: 1200px;
	/*記事幅の最大値（初期740px）*/
}
/*固定ページの幅を変更*/

.page-one-column .site-content .wrap {
	max-width: 1200px;
	/*記事幅の最大値（初期740px）*/
}

/*フッターの幅調整*/
.site-footer .wrap{
	max-width:1200px;
}
/*フッターを左寄せ*/
#menu-wecfoods-footer-menu{
	justify-content: flex-end;
	margin-right: 8px;
}

/*余白調整*/
.wrap{
	padding: 0px;
}
/*ヘッダーロゴを左寄せ*/

.site-branding .wrap {
	padding-left: 5px
}
/*ヘッダーと本文の間調整*/

.entry-header {
	display: none
}
.entry-content {
	padding: 0px 5px;
	margin: 0px
}
.site-footer {
	margin: 0px;
	padding: 0
}
/*ヘッダーの背景模様*/

.site-branding {
	background: linear-gradient(27deg, #f0d2d2 5px, transparent 5px) 0 5px, linear-gradient(207deg, #f0d2d2 5px, transparent 5px) 10px 0px, linear-gradient(27deg, #fddfdf 5px, transparent 5px) 0px 10px, linear-gradient(207deg, #fddfdf 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #f6d8d8 10px, transparent 10px), linear-gradient(#f8dada 25%, #f5d7d7 25%, #f5d7d7 50%, transparent 50%, transparent 75%, #ffe1e1 75%, #ffe1e1);
	background-color: #eed0d0;
	background-size: 20px 20px;
}
.caption-wrap {
	height: 13%;
}
.caption {
	font-size: 30px;
}
/* ページタイトル　全固定ページで非表示 */

.page .entry-title {
	display: none;
}
/*ヘッダー高さ調整*/

.site-branding {
	height: 7.5vh;
	padding-top: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
/*文字の大きさ*/

/*サイトタイトルの文字*/

.site-title {
	font-size: 24px;
	/*大きさ*/
	font-size: 1.5rem;
	/*大きさ*/
	font-weight: 800;
	/*太さ*/
	line-height: 1.25;
	/*行高*/
}
/*サイトタイトル下のキャッチフレーズ文字*/

.site-description {
	color: #666;
	/*色*/
	font-size: 13px;
	/*大きさ*/
	font-size: 0.8125rem;
	/*大きさ*/
}
/*記事タイトルの文字*/

h1 {
	font-size: 24px;
	/*大きさ*/
	font-size: 1.5rem;
	/*大きさ*/
	font-weight: 300;
	/*太さ*/
}
/*記事本文の文字*/

body, button, input, select, textarea {
	color: #333;
	/*色*/
	font-size: 17px;
	/*大きさ*/
	font-size: 0.9375rem;
	/*大きさ*/
	font-weight: 400;
	/*太さ*/
	line-height: 1.66;
	/*行高*/
}
/*見出し文字*/

h2 {
	/*h2はトップページやアーカイブページの記事タイトルにも使われている*/
	color: #666;
	/*h2色*/
	font-size: 20px;
	/*h2大きさ*/
	font-size: 1.25rem;
	/*h2大きさ*/
	font-weight: 300;
	/*h2太さ*/
}
h3 {
	color: #333;
	/*h3色*/
	font-size: 18px;
	/*h3大きさ*/
	font-size: 1.125rem;
	/*h3大きさ*/
	font-weight: 300;
	/*h3太さ*/
}
h4 {
	color: #333;
	/*h4色*/
	font-size: 16px;
	/*h4大きさ*/
	font-size: 1rem;
	/*h4大きさ*/
	font-weight: 800;
	/*h4太さ*/
}
h5 {
	color: #767676;
	/*h5色*/
	font-size: 13px;
	/*h5大きさ*/
	font-size: 0.8125rem;
	/*h5大きさ*/
	font-weight: 800;
	/*h5太さ*/
}
h6 {
	color: #333;
	/*h6色*/
	font-size: 15px;
	/*h6大きさ*/
	font-size: 0.9375rem;
	/*h6大きさ*/
	font-weight: 800;
	/*h6太さ*/
}
/*ウィジェットタイトル文字*/

h2.widget-title {
	color: #222;
	/*色*/
	font-size: 13px;
	/*大きさ*/
	font-size: 0.8125rem;
	/*大きさ*/
	font-weight: 800;
	/*太さ*/
	margin-bottom: 1.5em;
	/*下余白*/
}
/*リンクの下線を削除*/

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary 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: #f5bdbf;
	/*マウスオーバー時の文字色*/
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(255, 0, 0, 1);
	/*マウスオーバー時の下線の太さと色*/
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(255, 0, 0, 1);
	/*マウスオーバー時の下線の太さと色*/
}
/* Fixes linked images */

/*画像リンク枠線を削除*/

.entry-content a img, .widget a img {
	-webkit-box-shadow: 0 0 0 0px #fff;
	box-shadow: 0 0 0 0px #fff;
}
/*TOPへ戻るボタンの追加*/

/*ボタンの領域*/

#re-top {
	position: fixed;
	/*画面に固定*/
	bottom: 10%;
	/*画面下へ*/
	right: 5%;
	/*画面右へ*/
	z-index: 10;
	/*レイヤー順序を上に*/
	background-color: transparent;
	/*領域の背景色（透明）*/
}
/*丸ボタン*/

.re-topB {
	position: relative;
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
	/*丸ボタンの色*/
	color: rgb(255, 255, 255);
	/*三角と文字色*/
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 24px;
	border-radius: 30px;
	padding-top: 30px;
	box-sizing: border-box;
}
/*三角部分*/

.re-topB:before {
	content: '\25B2';
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 20px;
}
/*固定ページ記事の背景色*/

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	/*	background-color: #f9f7f2;*/
	background-color: #ffffff;
}
/*固定ページ記事周りの背景色*/

.page.page-one-column:not(.twentyseventeen-front-page) .site-content-contain {
	/*変更前#e6e4e1*/
	background-color: #ffffff;
}
/*フロントページ記事の背景色*/

.page-one-column .panel-content .wrap {
	/*	background-color: #f9f7f2;*/
	background-color: #ffffff;
}
/*フロントページ記事周りの背景色*/

.twentyseventeen-front-page .site-content-contain {
	/*	background-color: #e6e4e1;*/
	background-color: #ffffff;
}
/*フッターの模様*/

.site-footer {
	background-color: #e9fafa;
	background-image: radial-gradient(circle at 100% 150%, #e9fafa 24%, white 25%, white 28%, #e9fafa 29%, #e9fafa 36%, white 36%, white 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #e9fafa 24%, white 25%, white 28%, #e9fafa 29%, #e9fafa 36%, white 36%, white 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, white 10%, #e9fafa 11%, #e9fafa 23%, white 24%, white 30%, #e9fafa 31%, #e9fafa 43%, white 44%, white 50%, #e9fafa 51%, #e9fafa 63%, white 64%, white 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, white 5%, #e9fafa 6%, #e9fafa 15%, white 16%, white 20%, #e9fafa 21%, #e9fafa 30%, white 31%, white 35%, #e9fafa 36%, #e9fafa 45%, white 46%, white 49%, transparent 50%, transparent), radial-gradient(circle at 0 50%, white 5%, #e9fafa 6%, #e9fafa 15%, white 16%, white 20%, #e9fafa 21%, #e9fafa 30%, white 31%, white 35%, #e9fafa 36%, #e9fafa 45%, white 46%, white 49%, transparent 50%, transparent);
	background-size: 180px 90px;
}


/*kaisyagaiyou page*/
.contents-page-company-img {
	transition-duration: 0.3s
}
.contents-page-company-img:hover {
	opacity: 0.8
}
/*access page*/

.single-page-access h3 {
	text-decoration: underline
}
@media screen and (min-width: 30em) {
	h1 {
		font-size: 30px;
		/*大きさ*/
		font-size: 1.875rem;
		/*大きさ*/
	}
	body, button, input, select, textarea {
		font-size: 18px;
		/*大きさ*/
		font-size: 1.125rem;
		/*大きさ*/
	}
	h2, .page .panel-content .recent-posts .entry-title {
		/*h2はトップページやアーカイブページの記事タイトルにも使われている*/
		font-size: 26px;
		/*h2大きさ*/
		font-size: 1.625rem;
		/*h2大きさ*/
	}
	h3 {
		font-size: 22px;
		/*h3大きさ*/
		font-size: 1.375rem;
		/*h3大きさ*/
	}
	h4 {
		font-size: 18px;
		/*h4大きさ*/
		font-size: 1.125rem;
		/*h4大きさ*/
	}
	h5 {
		font-size: 13px;
		/*h5大きさ*/
		font-size: 0.8125rem;
		/*h5大きさ*/
	}
	h6 {
		font-size: 16px;
		/*h6大きさ*/
		font-size: 1rem;
		/*h6大きさ*/
	}
	/*ロゴの大きさ調整*/
	.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 250px;
	}
}
@media screen and (min-width: 48em) {
	/*ロゴの大きさ調整*/
	.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 250px;
	}
	/*サイドバー文字（48em未満は本文文字と同等）*/
	.main-navigation ul ul {
		background: rgba(240, 0, 0, 0.6);
		/*背景色*/
		border: 0px solid rgba(55, 118, 255, 0.35);
		/*枠線の太さと色*/
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}
	.main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 0px 0px;
		/*吹き出し三角部分の大きさ*/
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}
	.main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent rgba(55, 118, 255, 0.35);
		/*吹き出し三角部分の線色*/
		bottom: 0;
	}
	.main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent rgba(55, 118, 255, 0.01);
		/*吹き出し三角部分の背景色*/
	}
	.main-navigation li li:hover, .main-navigation li li.focus {
		background: rgba(0, 0, 0, 0.35);
		/*マウスオーバーの背景色*/
	}
	.main-navigation li li a {
		color: #ffffff;
		/*文字色*/
		font-size: 14px;
		font-family: 'ヒラギノ角ゴ Pro W3';
		-webkit-transition: color 0.3s ease-in-out;
		/*文字色の変化に要する時間*/
		transition: color 0.3s ease-in-out;
		/*文字色の変化に要する時間*/
	}
	.main-navigation li li.focus>a, .main-navigation li li:focus>a, .main-navigation li li:hover>a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus {
		color: #eeeeee;
		/*マウスオーバーの文字色*/
	}
	.main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul {
		left: 2em;
		/*サブメニュー横位置*/
		right: auto;
	}
	/*フッターメニューを横並びにする*/
	.widget_nav_menu {
		padding-left: 10px;
	}
	#menu-wecfoods-footer-menu {
		display: flex;
	}
	#menu-wecfoods-footer-menu li {}
	#menu-wecfoods-footer-menu li a {
		display: block;
		padding: 0;
		width: 70px;
		height: 40px;
		text-align: center;
		font-size: 15px;
		line-height: 50px;
		background-color: transparent;
		transition: 0.5s;
		text-decoration: none;
		box-sizing: border-box;
		position: relative;
		z-index: 1
	}
}
@media screen and (min-width: 79em) {
	/*ロゴの大きさ調整*/
	.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}
	/*フッターメニューの大きさ*/
	#menu-wecfoods-footer-menu li a {
		width: 100px;
		height: 50px;
	}
}

/*シェアボタンのデザイン*/
.fa-hatena:before {
    font-family: Verdana;
    font-weight: bold;
    content: 'B!';
}

.share {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-right: 3em;
}

.share ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.share ul:after {
    display: block;
    clear: both;
    content: '';
}

.share li {
    float: left;
    width: 25%;
    margin: 0;
    margin-top: 15px;
}

.share li a {
    font-size: 14px;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.share li a:hover {
    opacity: .8;
}

.share li a:visited {
    color: #fff;
}

.tweet a {
    background-color: #55acee;
}

.facebooklink a {
    background-color: #315096;
}

.line a {
    background-color: #00b900;
}

.hatena a {
    background-color: #008fde;
}

.instagram a {
    background-color: #D93177;
}

@media screen and (max-width:768px){
    .share li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 3px;
    }
    
    .share li i {
        font-size: 1.3em;
        padding-top: 3px;
    }
    /*
    .facebooklink i, .tweet i, .hatena i {
        display: none;
	}
	*/
	.facebooklink span, .tweet span, .hatena span, .instagram span {
        display: none;
	}

}

/*SNSボタンに別窓で開くアイコンを追加*/
.share ul span:after {
	font-family: 'Font Awesome 5 Free';
	content: '\f35d';
	font-size: 0.9em;
	margin: 0px 4px;
	font-weight: 900;
}