/* フォント設定の方法は末尾参照 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;600;700&display=swap');

@font-face {
	font-family: "fg_sg80";
	src: url("../fg_sg80.woff") format("woff");
}

/* 一般・汎用設定 */
* {
	margin:0;
	padding:0;
	border:none;
	font-size:10pt;
	line-height:120%;
	text-align:center;
/*	font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
/*	font-family: din-2014, a-otf-ud-shin-go-pr6n, sans-serif; */
/*	font-family: ff-good-web-pro-narrow, a-otf-ud-shin-go-pr6n, sans-serif;*/
/*	font-family: a-otf-ud-shin-go-pr6n, sans-serif; */
/*	font-family: roboto, a-otf-ud-shin-go-pr6n, sans-serif; */
	font-family: "Roboto", "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-feature-settings: "palt";
	font-style: normal;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
a {
	text-decoration:none;
}
.both { clear:both; }


/* 読込中 */
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000;
	z-index: 1;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
	z-index: 2;
}

.now_load {
	margin-top:20px;
	color:#FFF;
	text-decoration:blink;
}

/* トップ写真 */
#topBack {
	width:100%;
	max-width:980px;
}

/* 基礎コンテナ */
#container {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/* Tips等 */
.tips {
	margin:0 auto;
	width:80%;
	margin-top:20px;
	max-width:500px;
}
ul.tips {
	list-style-image:url("https://duo-net.com/fg/img/tp-br.gif");
}
.tips li {
	margin-top:8px;
	text-align:left;
	font-size:11pt;
	line-height:130%;
}

.thanks {
	border:dotted 1px #663;
	color:#663;
	padding:5px;
	margin:0 auto;
	margin-top:30px;
	width:80%;
	max-width:500px;
	font-size:11pt;
	text-align:left;
}

/* フォームエリア */

input[type="button"],input[type="text"],input[type="submit"] {
	-webkit-appearance:none;
}

.formArea {
	margin:0 auto;
	width:80%;
	max-width:500px;
	background-color:#EEE;
	border-radius:10px;
	padding:10px;
}

.frm_Q, .frm_Aw, .frm_As {
	font-size:13pt;
}

.frm_Q {
	width:95%;
	padding:5px;
	text-align:left;
}

.frm_Aw {
	width:95%;
	height:20pt;
	padding:2pt;
	margin-bottom:10px;
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-weight: 300;
	text-align:left;
	border:solid 2px #BBB;
	border-radius:3px;
}

.frm_As {
	float:left;
	width:85px;
	margin:5px 3px;
	text-align:left;
}

.frmBtn {
	width:60px;
	height:24px;
	background-color:#CCC;
	border:solid 2px #FFF;
	border-radius:5px;
}
.frmSubmit {
	width:100%;
	height:40px;
	margin-top:10px;
	background-color:#CCC;
	border:solid 2px #FFF;
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-weight: 300;
	font-size:16pt;
	letter-spacing:16pt;
	border-radius:20px;
}

.optionSeason {
	width:auto;
	padding:5px;
	font-size:13pt;
	margin:10px;
	background-color:#CC9;
	border-radius:0px;
	text-align:left;
}

.toArea {
	margin:0 auto;
	max-width:960px;
}
.toPre, .toNext {
	width:30%;
	height:30px;
	margin:10px;
	
	background-color:#CCC;
	border:solid 2px #FFF;
	font-size:13pt;
	letter-spacing:0pt;
	border-radius:20px;
}
.toPre {
	float:left;
}
.toNext {
	float:right;
}

/* 検索結果 */

.boxWrap {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
}

.box {
	width:48%;
	background:#EEE;
	padding:1%;
	margin:0.5% 1%;
	border:solid 1px #AAA;
	border-radius:10px;
	overflow:hidden;
}

.box:hover{
	background:#EEE;
}

.resultArea {
	width:auto;
	padding:10px 10px;
	text-align:left;
}
.resultMessage {
	float:left;
	width:auto;
	padding:10px 10px;
	text-align:left;
}
.resultWords {
	color:#C00;
}
.optionArea {
	float:right;
	width:90px;
	padding:10px 10px 0px 0px;
	text-align:right;
	margin:0px;
}
.optionArea input {
	font-size:9pt;
	padding:10px 6px;
	border-radius:4px;
}

.date, .event {
	color:#000;
	padding:0px 0px 3px;
	text-align:left;
	font-weight:500;
}

.event {
	border-bottom:dotted 1px #A00;
}

.event a {
	color:#000;
}

.cap, .cap_fg {
	color:#000;
	padding:5px 0px 5px;
	text-align:left;
}

.date, .event, .cap {
/*
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
*/
}

.imgInfo {
	margin-top:5px;
	text-align:left;
/*	display:inline-block;*/
	color:#333;
}
.imgInfo a {
	color:#A00;
}
.imgInfo .photoID {
	color:#764;
}
.imgInfo .photoID:before {
	content: "写真ID: ";
}
.by {
	float:right;
	color:#08B;
	padding:2px 0px 0px;
	text-align:right;
	font-size:9pt;
}
._by:before {
	content:"撮影：";
	height:12px;
	display:block;
}

.byButton {
	color:#08B;
	padding:2px 0px 0px;
	text-align:right;
	font-size:9pt;
}
.byButton input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	color:#08B;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
._byButton:before {
	content:"撮影：";
	height:12px;
	display:block;
}

.img {
	float:left;
	width:80px;
	height:80px;
	margin-right:10px;
	overflow:hidden;
	border-radius:5px;
}

.img img {
	width:80px;
	height:80px;
	object-fit: cover;
	object-position: 50% 25%;
}

/* ページング */
.pagingArea {
	margin:0px 8px;
	display:block;
}
.pagingArea a {
	float:left;
/*	font-family:"ＭＳ ゴシック";*/
	padding:2px 6px;
	margin:3px 0px;
	border:1px solid #BBB;
	border-radius:3px;
	color:#08B;
	display:inline-block;
}
.pagingArea a:hover {
	background-color:#08B;
	color:#FFF;
}
.pagingArea a.toTop {
	margin-right:10px;
}
.pagingArea a.toNew {
	float:right;
	margin-right:3px;
	margin-left:3px;
}
.pagingArea div.current {
	float:left;
	padding:2px 5px;
	margin:3px 3px;
	background-color:#888;
	border:1px solid #888;
	color:#FFF;
	border-radius:3px;
	display:inline-block;
}
.pF {
	float:left;
}
.pF input {
	padding:2px;
	margin:3px;
	background-color:#FFF;
	border:1px solid #AAA;
	border-radius:5px;
	cursor:pointer;
}
input.current {
	background-color:#555;
	border:1px solid #555;
	color:#FFF;
	border-radius:5px;
	cursor:default;
}

/* F-gallery アルバム用 */
.albumTitle {
	margin:0px auto;
	margin-bottom:5px;
	font-size:16pt;
	font-weight:500;
	color:#A00;
	text-align:left;
}
.albumInfo {
	margin:0px auto;
	margin-bottom:10px;
	font-size:13pt;
	text-align:left;
}

/* スマホ用 */
@media screen and (max-width: 767px){
	.box {
		clear:both;
		width:98%;
		margin:1% 1%;
	}
	.img {
		border-radius:8px;
	}
	.albumTitle {
		font-size:13pt;
	}
	.albumInfo {
		font-size:11pt;
	}
}

.menu_to_other {
	width:98%;
	margin:20px auto;
	text-align:center;
	padding:8px;
	background-color:#f5deb3;
	border-radius:10px;
	display:block;
}

.menu_to_other a {
	color:#08B;
}

/* UD新ゴ L */
/*
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-weight: 300;
*/
/* DNP 秀英明朝Std M */
/*
	font-family: dnp-shuei-ymincho-std, sans-serif;
	font-weight: 500;
*/

/* DNP 秀英明朝Std B */
/*
	font-family: dnp-shuei-ymincho-std, sans-serif;
	font-weight: 600;
*/

/* DIN 2014 Narrow Regular */
/*
	font-family: din-2014-narrow, sans-serif;
	font-weight: 400;
*/

/* DIN 2014 Narrow Bold */
/*
	font-family: din-2014-narrow, sans-serif;
	font-weight: 700;
*/

/* FF Good Pro Narrow */
/*
font-family: ff-good-web-pro-narrow, sans-serif;
font-weight: 300;

font-family: ff-good-web-pro-narrow, sans-serif;
font-weight: 400;

font-family: ff-good-web-pro-narrow, sans-serif;
font-weight: 700;
*/

.ui-menu .ui-menu-item-wrapper {
	text-align: left!important;
	font-size: 100%!important;
	border-bottom: 1px solid #BBB;
}

.fancybox-caption {
	width: 100%;
}

.fancybox-caption {
	padding-left: 10px;
	padding-right: 10px;
}
.fancybox-caption__body {
	font-size: max(1.1vw,8pt);
	text-align: left;
}


/* 検討中 */
.formArea2 {
	margin:0 auto;
	width:100%;
	max-width:900px;
	background-color:#EEE;
	border-radius:10px;
	padding:10px;
}

.formMain {
	display: inline-block;
	float: left;
}

.frm2_Q {
	padding:5px;
	text-align:left;
	font-size: 12pt;
}

.frm2_Aw {
	width:300px;
	height:20pt;
	padding:2pt;
	margin-bottom:10px;
	font-size: 14pt;
	text-align:left;
	border:solid 2px #BBB;
	border-radius:3px;
}

.frm2_As {
	float:left;
	width:85px;
	margin:5px 3px;
	text-align:left;
}