@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@300&family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*
font-family: 'Barlow Semi Condensed', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
*/
@font-face {
	font-family: komorebi;
	src: url("/wp-content/themes/summit/font/komorebi-gothic-P.ttf") format("opentype");
}
/*
font-family: 'komorebi', sans-serif;
*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/*行の高さをフォントサイズと同じにしています*/
body {
	line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
/*nav ul {
  list-style:none;
  }*/
ol, ul {
	list-style: none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
	quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
	text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
	display:block;
	height:1px;
	border:0;  
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
	vertical-align:middle;
}

/*画像を縦に並べた時に余白が出ないように*/
img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

/*box-sizingを全ブラウザに対応*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;
}


.none{
	display:none;
}


/* darkmode定義 */
@media (prefers-color-scheme: light) {
	:root {
	  --main-txt-color: #333;
	  --main-bg-color: #fff;
	}
}
@media (prefers-color-scheme: dark) {
	:root {
		/*
		--main-txt-color: #fff;
		--main-bg-color: #333;
		*/
		--main-txt-color: #333;
		--main-bg-color: #fff;
	}
}
body{
	min-height: 100vh;
	color: var(--main-txt-color,#333);
	background-color: var(--main-bg-color,#fff);
	max-width:100vw;
	overflow-x:hidden;
}



/* 表示フォントの設定 */
body{
	font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}
.mincho{
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.komorebi{
	font-family: 'komorebi', sans-serif;
	font-weight: lighter;
}
.midashi{
	font-family: 'Barlow Semi Condensed', sans-serif;
}


.pc{
	display:block;
}
.pc2{
	display:block;
}
.sp{
	display:none;	/* 1024以下で */
}
.sp2{
	display:none;	/* 768以下で */
}

@media(max-width:1024px){
	.pc{
		display: none;
	}
	
	.sp{
		display: block;
	}
}


@media(max-width:768px){
	.pc2{
		display:none;
	}
	.sp2{
		display:block;
	}
}


.fade{
	transition:all 0.8s;
	opacity:0;
	transform: translate(0,50px);
}

.fade.fade2{
	transition-delay:0.1s;
}
.fade.fade3{
	transition-delay:0.15s;
}
.fade.fade4{
	transition-delay:0.2s;
}
.fade.fade5{
	transition-delay:0.25s;
}
.fade.fade6{
	transition-delay:0.3s;
}
.fade.fade7{
	transition-delay:0.35s;
}
.fade.slide_l{
	transform: translate(-100px,0);
}
.fade.slide_r{
	transform: translate(100px,0);
}
.fade.done{
	opacity:1;
	transform: translate(0,0);
}
.delayin span{
	transition:all 0.8s;
	transform: translate(0,1.5em);
	opacity:0;
	display:inline-block;
}
.delayin.delayin2 span{
	transform: translate(1.5em,0);
}
.delayin span.done{
	transform: translate(0,0);
	opacity:1;
}

.reg{
	font-size:80%;
	vertical-align: super;
}

.red{
	color:#DF0013;
}


/* ************************************************** */

body{
	background-image:url("/wp-content/themes/summit/images/key_summit-pan_top.png");
	background-repeat: repeat-x;
	background-position:top 100px left ;
	background-size:1400px auto;
	position: relative;
	width:100vw;
	overflow-x: hidden;
}
.bgwhite{
	background-color: #fff;
}
.bgkhaki{
	background-color: #AF9C69;
}


#spmenu{
	display: none;
}


header{
	width:100vw;
	background-color:rgba(255,255,255,1);
	position: fixed;
	height:100px;
	transition: height .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 100;
}
header.scroll{
	background-color:rgba(255,255,255,.9);

	height: 82px;
}
header .inner{
	padding:0 40px;
	position: relative;
}
header .splogo{
	display:none;
}
header .logo{
	padding:0 0 16px 0;
	display: inline-block;
	position:fixed;

	top:33px;
	transition: top .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
header.scroll .logo{
	top:16px;
}
header .logo img{
	width:auto;
	height:50px;
}
header .menu{
	/*float:right;*/
	float:none;
	/*padding:54px 0 0 0;*/
	padding:54px 0 0 200px;
	transition: padding .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
header.scroll .menu{
	/*padding:33px 0 0 0;*/
	padding:38px 0 0 200px;
}
header .menu ul li{
	display: inline-block;
	vertical-align: top;
	margin:0 32px 0 0;
	position:relative;
}
header .menu ul li:last-of-type{
	margin:0;
}
header .menu ul li,
header .menu ul li span,
header .menu ul li a
{
	text-decoration: none;

	font-size:16px;
	font-weight: bold;
}
header .menu ul li span{
	display: inline-block;
	animation: TEXT-MASK-OVER .6s cubic-bezier(0.23, 1, 0.32, 1) 0s forwards;
	background-color: rgba(0,0,0,0);
	background-image: linear-gradient(to right, #333 50%, #AF9C69 0);
	background-position: 200% 0;
	background-size: 200% 100%;
	-webkit-text-fill-color: rgba(0,0,0,0);
	-webkit-background-clip: text;
}
header .menu ul li.active span,
header .menu ul li:hover span{
	animation: TEXT-MASK .6s cubic-bezier(0.23, 1, 0.32, 1) 0s forwards;
}
@keyframes TEXT-MASK-OVER{
	0%{background-position:0 0}
	100%{background-position:0 0}
}
@keyframes TEXT-MASK
{
	0%{background-position:200% 0}
	100%{background-position:100% 0}
}

header .menu ul li div{
	display: none;
}
header .menu ul li:hover div{
	display: block;
	position:absolute;
	top:16px;
	left: -10px;
	width: 100px;
	
}

header .menu ul li:hover div a{
	display: block;
	padding: 8px 10px;
	background-color:#fff;
	color:#333;
}
header .menu ul li:hover div a:first-of-type{
	padding-top:16px;
}

header .sns{
	position: absolute;
	right: 40px;
	/*top: 20px;*/
	top: 50px;
	transition: top .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
header.scroll .sns{
	top:-40px;
}

header .sns .snslogo{
	display: inline-block;
	vertical-align: top;
	margin:0 14px 0 0;
}
header .sns .snslogo:last-of-type{
	margin:0;
}
header .sns .snslogo a{

}
header .sns .snslogo a img{
	width:20px;
	height: auto;
}
header .sns .snslogo a:hover{
	opacity:.7;
}

.contact{
	position:fixed;
	bottom:20px;
	right: 20px;
	z-index: 10;
}
.contact .icon{
	position: relative;
	width:160px;
	height: 160px;
	border-radius: 80px;
	overflow: hidden;
	transition: all .2s ease;
}
.contact .icon img{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: auto;
}
.contact .icon img.rotate{
	animation:15s linear infinite rotation;
}
@keyframes rotation{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg); }
}
.contact a:hover .icon{
	transform: scale(1.3);
}


.lead{
	font-size:32px;
	line-height: 52px;
	text-align: center;
	margin:0 auto 50px auto;
}

.lead .midashi{
	font-size:24px;
	
	line-height: 1;
	display: block;
	margin:0 auto 18px auto;
	color:#CFBF80;

}
.lead .small{
	font-size:18px;
	line-height: 36px;
}

footer{
	padding:0 0 40px;
	position:relative;
}
footer .inner{

	margin:0 auto;
	position:relative;
}
footer .inner:before{
	content:"";
	position:absolute;
	top:94px;
	width:100vw;
	height: 1px;
	border-top:1px solid #B1B1B1;
	z-index:0;
}
footer .menu{
	font-size:0;
	margin:0 auto 80px auto;
	text-align: center;
	position:relative;
}

footer .menu li{
	background-color:#AF9C69;
	width:470px;
	height: 180px;
	display: inline-block;
	vertical-align: top;
	margin:0;
}
footer .menu li:hover{
	background-color:#BFA04B;
}
footer .menu li:first-of-type{
	background-image:url("/wp-content/themes/summit/images/bg_note.png"),url("/wp-content/themes/summit/images/icon_arrow.png");;
	background-size:208px auto,25px auto;
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right 40px center;
	margin:0 20px 0 0;
}
footer .menu li:last-of-type{
	background-image:url("/wp-content/themes/summit/images/bg_contact.png"),url("/wp-content/themes/summit/images/icon_arrow.png");;
	background-size:228px auto,25px auto;
	background-repeat: no-repeat,no-repeat;
	background-position: right top,right 40px center;
}
footer .menu li a{
	text-decoration: none;
	display: block;

}
footer .menu li .note{
	width:128px;
	padding:56px 0;
	margin:0 auto;
	display: block;	
}
footer .menu li .cont{
	width:32px;
	height: auto;
	padding:30px 0 20px 0;
	margin:0 auto;
	display: block;
}
footer .menu li .first{
	font-size:24px;
	line-height: 1;
	color:#FFFFFF;
	text-align: center;
	margin:0 0 20px 0;
}
footer .menu li .second{
	font-size:14px;
	line-height: 1;
	color:#FFFFFF;
	text-align: center;
	padding:0 0 40px 0;
}

footer .ft{
	position:relative;
	max-width:960px;
	margin:0 auto;
}

footer .logo{
	width:144px;
	height: auto;
	margin:0 auto 63px auto;
	display: block;
}
footer .logo img{
	width: 100%;
	height: auto;
}
footer .company{
	position:absolute;
	bottom:126px;
	left:0;
}
footer .company ul{
	
}
footer .company ul li{
	font-size:14px;
	margin:0 20px 0 0;
	display: inline-block;
	vertical-align: top;
}
footer .company ul li a{
	text-decoration: none;
	color:#3C4E4C;
}
footer .company ul li a:hover{
	text-decoration: underline;
}
footer .sns{
	position:absolute;
	bottom:120px;
	right:0;
}
footer .sns ul{
	
}
footer .sns ul li{
	width:32px;
	height: auto;
	margin:0 0 0 20px;
	display: inline-block;
	vertical-align: top;
}
footer .sns ul li img{
	width:100%;
	height: auto;
}




footer .copy{
	text-align: center;
	font-size:14px;
	color:#3C4E4C;
}


.mainvisual{
	width:100vw;
	padding:308px 0 0 0;


	background-image:url("/wp-content/themes/summit/images/key_summit-pan_bottom.png");
	background-repeat: repeat-x;
	background-position:bottom  left ;
	background-size:1400px auto;
}
.mainvisual .inner{
	max-width:630px;
	margin:0 auto;
	position:relative;

	padding:0 0 422px 0;



}
.mainvisual .inner h1{
	width:300px;
	margin:0 auto;
}
.mainvisual .inner h1 img{
	width:100%;
	height: auto;
}
.mainvisual .inner .copy{
	width: 96px;
	height: 270px;
	position:relative;
	font-weight: lighter;
}
.mainvisual .inner .copy p{
	font-size:24px;
	line-height: 2;
	writing-mode: vertical-rl;
	position: absolute;
	left: 48px;
}
.mainvisual .inner .copy p:last-of-type{
	left:0;
}
.mainvisual .inner .copy.first{
	position: absolute;
	right: 0;
	top:0;
}
.mainvisual .inner .copy.second{
	position: absolute;
	left: 0;
	top:0;
}


.mainvisual2 .lead{


	padding:144px 0;
	margin:0 auto;
}
.mainvisual2 .lead p{
	font-weight: lighter;
	font-size:24px;
	line-height: 52px;
	text-align: center;
	padding:0 0 80px 0;
}
.mainvisual2 .lead .logo{
	width:300px;
	height: auto;
	margin:0 auto;
	display: block;
}

.ceremony{
	padding:80px 0;
	max-width:800px;
	margin:0 auto;
}
.ceremony h2{
	font-size:34px;
	font-weight: bold;
	color:#AF9C69;
	padding:0 0 31px 0;
	text-align: center;
}
.ceremony p{
	font-size:14px;
	line-height: 28px;
	margin:0 auto 30px auto;
}
.ceremony .members{
	
}
.ceremony .members .banner{
	width:100%;
	height: auto;
	display: block;
}
.ceremony .members .banner.pc2{
	display: block;
}
.ceremony .members .banner.sp2{
	display: none;
}
.ceremony .members .logo{
	width:146px;
	margin:-60px auto 30px auto;
	height: auto;	
	display: block;
}
.ceremony .members ul{
	text-align: center;
	font-size:0;
}
.ceremony .members ul li{
	width:80px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin:0 10px;
}
.ceremony .members ul li img{
	width:100%;
	height: auto;
}
.special{
	padding:0 0 135px 0;
	max-width: 800px;
	margin:0 auto;
}
.special h2{
	font-size:36px;
	font-weight: bold;
	color:#AF9C69;
	margin:0 auto 30px auto;
	text-align: center;	
}
.special p{
	font-size:14px;
	line-height: 28px;
	margin:0 auto 30px auto;
}
.special ul{
	text-align: center;
}
.special ul li{
	width:150px;
	height: auto;
	margin:0 10px;
	display: inline-block;
	vertical-align: top;
}
.special ul li img{
	width:100%;
	height: auto;
	margin:0 0 16px 0;
}
.special ul li p{
	font-size:14px;
	line-height: 24px;
}
.special ul li p span{
	font-size:12px;
	display: block;
}
.special .ultimate{
	max-width:390px;
	margin:0 auto;
}
.special .ultimate h3{
	font-size:32px;
	margin:0 auto 32px auto;
	text-align: center;
	color:#AF9C69;
}
.special .ultimate p{
	font-size:14px;
	line-height: 24px;
	margin:0 auto;
}
.about{
	position: relative;
	padding:106px 0 100px 0;
	background-image:url("/wp-content/themes/summit/images/graph_map.png") , url("/wp-content/themes/summit/images/decoration_ph3.png") , url("/wp-content/themes/summit/images/decoration_ph4.png") , url("/wp-content/themes/summit/images/decoration_ph7.png") , url("/wp-content/themes/summit/images/decoration_ph8.png") , url("/wp-content/themes/summit/images/decoration_ph9.png") , url("/wp-content/themes/summit/images/decoration_ph10.png");
	background-position:top 312px center,top 985px right , top 1467px left , top 2565px right,top 3027px left , bottom  left,bottom right;
	background-size:833px auto,321px auto , 354px auto , 289px auto , 297px auto , 446px auto ,454px auto;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
	overflow-x: hidden;
}
.about::before{
	content:"";
	width:100vw;
	height: 440px;
	position:absolute;
	top:-135px;
	background-image:url("/wp-content/themes/summit/images/decoration_ph1.png") , url("/wp-content/themes/summit/images/decoration_ph2.png");
	background-position:top 14px left , top right;
	background-size:422px auto , 466px auto;
	background-repeat: no-repeat , no-repeat;
}
.about h2{
	color:#fff;
}
.about p{
	max-width:800px;
	margin:0 auto 597px auto;
	color:#fff;
	font-size:14px;
	line-height: 24px;
}


.about .boxes{
	max-width:960px;
	margin:0 auto;
	position: relative;
}
.about .boxes:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;
}
.about .boxes .submenu{
	width:140px;
	position:absolute;
	top:-60px;

}
.about .boxes.fix .submenu{
	position:fixed;
	top:124px;
}

.about .boxes .submenu ul{
	width:98px;
	margin:0;
	float:none;
}
.about .boxes .submenu ul li{
	font-size:18px;
	padding:3px;
	margin:0 0 11px 0;
}
.about .boxes .submenu ul li a{
	text-decoration: none;
	color:#fff;
}
.about .boxes .submenu ul li.active{
	background-color:#D8FF00;
}
.about .boxes .submenu ul li.active a{
	color:#AF9C69;
}

.about .boxes ul{
	max-width:820px;
	width:calc(100% - 140px);
	float: right;
}


.about ul{
	max-width: 820px;
	margin:0 auto;

}
.about ul li{
	position:relative;
	margin:0 auto 120px auto;
}
.about ul li:last-of-type{
	margin:0 auto;
}
.about ul li .image{
	width:372px;
	height: 248px;
	position: absolute;
	top:-60px;
	left: 0;
	background-color:#ccc;
	z-index: 0;
}
.about ul li .image img{
	width:100%;
	height: auto;
}
.about ul li:nth-child(even) .image{
	right: 0;
	left: inherit;
	z-index: 0;
}
.about ul li .text{
	position:relative;
	width:497px;
	background-color:#fff;
	margin:0 auto 120px 323px;
	z-index: 1;
}
.about ul li:nth-child(even) .text{
	margin:0 323px 120px auto;
}

.about ul li .text::after{
	content:"";
	width:120px;
	height: 120px;
	position: absolute;
	left:-20px;
	bottom:65px;
	background-repeat: no-repeat;
	background-size:120px auto;
	background-position: top left;
}
.about ul li.kome .text::after{
	background-image:url("/wp-content/themes/summit/images/point_kome.png");
}
.about ul li.sake .text::after{
	background-image:url("/wp-content/themes/summit/images/point_sake.png");
}
.about ul li.nori .text::after{
	background-image:url("/wp-content/themes/summit/images/point_nori.png");
}
.about ul li.ume .text::after{
	background-image:url("/wp-content/themes/summit/images/point_ume.png");
}
.about ul li.shio .text::after{
	background-image:url("/wp-content/themes/summit/images/point_shio.png");
}
.about ul li.negi .text::after{
	background-image:url("/wp-content/themes/summit/images/point_negi.png");
}
.about ul li.kani .text::after{
	background-image:url("/wp-content/themes/summit/images/point_kani.png");
}
.about ul li.ushi .text::after{
	background-image:url("/wp-content/themes/summit/images/point_ushi.png");
}
.about ul li.maguro .text::after{
	background-image:url("/wp-content/themes/summit/images/point_maguro.png");
}
.about ul li.tori .text::after{
	background-image:url("/wp-content/themes/summit/images/point_tori.png");
}
.about ul li.konbu .text::after{
	background-image:url("/wp-content/themes/summit/images/point_konbu.png");
}
.about ul li.kome2 .text::after{
	background-image:url("/wp-content/themes/summit/images/point_kome2.png");
}
.about ul li.kaki .text::after{
	background-image:url("/wp-content/themes/summit/images/point_kaki.png");
}
.about ul li.cha .text::after{
	background-image:url("/wp-content/themes/summit/images/point_cha.png");
}

.about ul li .text p::after{
	content:"";
	display: block;
	width:49px;
	height: 16px;
	background-color:#D7ED03;
	position:absolute;
	top:0;
	left: 0;
}
.about ul li:nth-child(even) .text p::after{
	top:0;
	right: 0;
	left: inherit;
}


.about ul li .city{
	font-size:32px;
	writing-mode: vertical-rl;
	position:absolute;
	left: 79px;
	top: -40px;
}
.about ul li .city span{
	font-size:24px;
	margin: 0 auto 14px auto;
  	display: inline-block;
}
.about ul li p{
	font-size:14px;
	line-height: 24px;
	margin:0;
	padding:47px 40px 19px 155px;
	color:#3C4E4C;
	position:relative;
}

.about ul li .face{
	padding:0 40px 30px 0;
	text-align: right;
}
.about ul li .face p{
	color:#3C4E4C;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding:0;
	margin:0 14px 0 0 ;
}
.about ul li .face p::after{
	display: none;
}
.about ul li .face p span.city{
	writing-mode:unset;
	position:static;
	font-size:12px;
	display: block;

}
.about ul li .face p span.name{
	font-size:16px;
}
.about ul li .face p span.handle{
	font-size:14px;
}
.about ul li .face img{
	width:80px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}
.about ul li .text a{
	font-size:14px;
	color:#715E2B;
	background-color:#E5D8B4;
	display: inline-block;
	width:100%;

	background-image:url("/wp-content/themes/summit/images/top_about_arrow.png");
	background-repeat: no-repeat;
	background-size:20px auto;
	background-position:right 40px center;
	text-decoration: none;
	text-align: center;
	position:relative;
	z-index: 0;
}
.about ul li .text a:hover{
	color:#FFFFFF;
	background-image:url("/wp-content/themes/summit/images/top_about_arrow_w.png");

}
.about ul li .text a span{
	z-index: 1;
	position: relative; 
	padding:15px 0;
	display: inline-block;
	width:100%;
}
.about ul li .text a:hover span{

	background-image:url("/wp-content/themes/summit/images/top_about_arrow_w.png");
	background-repeat: no-repeat;
	background-size:20px auto;
	background-position:right 40px center;
}

.about ul li .text a:after{
	background-color:#715E2B;
	transition: all 0.25s;
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;

}
.about ul li .text a:hover:after{
	width: 100%;

}


.about .onigiri{
	background-color:#E4DEC8;
	width:680px;
	height: auto;
	margin:-40px auto 0 auto;
	padding:34px;
}
.about .onigiri img{
	width:146px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}
.about .onigiri p{
	font-size:14px;
	line-height: 24px;
	color:#3C4E4C;
	margin:0 auto 0 50px;
	width:calc(100% - 200px);
	display: inline-block;
	vertical-align: middle;
}
.purpose{
	max-width:800px;
	margin:0 auto;
	padding:97px 0 100px 0;
}
.purpose:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;

}
.purpose p{
	font-size:14px;
	line-height: 24px;
	color:#3C4E4C;

	margin:0;

	width:calc(100% - 400px);
	float: left;
}
.purpose .face{
	text-align: right;
	width:200px;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 120px;
}
.purpose .face p{
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin:0 14px 0 0;
	padding: 0;
	line-height: 24px;
	color:#3C4E4C;
	width:100%;
}
.purpose .face p .handle{
	font-size:12px;
	display: block;
}
.purpose .face p .name{
	font-size:16px;
}
.purpose .face img{
	display: block;
	margin: 0 auto;
	width:120px;
	height: auto;
}



.management{
	padding:53px 0 100px 0;
	max-width:800px;
	margin:0 auto;
}
.management:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;

}

.management p{
	font-size:14px;
	line-height: 24px;
	color:#3C4E4C;
	margin:0 auto 60px auto;
	width:calc(100% - 400px);
	float: left;
}
.management img{
	max-width:367px;
	margin:0 auto;
	display: block;
}

.information{
	padding:106px 0 100px 0;
	background-color:#F2F1EB;
}
.information ul{
	max-width:960px;
	margin:0 auto 50px auto;
}
.information ul li{
	border-bottom:1px solid #CCCCCC;
	padding:26px 0 26px 0;
	background-image:url("/wp-content/themes/summit/images/icon_arrow_k.png");
	background-position:right center;
	background-repeat: no-repeat;
	background-size:21px auto;
}
.information ul li a{
	text-decoration: none;
}
.information ul li .date{
	font-size:16px;
	line-height: 24px;
	color:#808080;
	display: inline-block;
	vertical-align: middle;
	margin:0 40px 0 0;
}
.information ul li .text{
	font-size:14px;
	line-height: 24px;
	color:#3C4E4C;
	display: inline-block;
	vertical-align: middle;
	width:calc(100% - 135px);
}
.information ul li a:hover .text{
	text-decoration: underline;
	color:#AF9C69;
}

.information .more{
	display: block;
	font-size:14px;
	padding:18px 0 22px 0;
	text-align: center;
	width:200px;
	background-color:#FFFFFF;
	margin:0 auto;
	color:#3C4E4C;
	text-decoration: none;
}
.information .more:hover{
	background-color:#AF9C69;
	color:#fff;
}


.governments{
	padding:106px 0 80px 0;
}
.governments .city{
	text-align: left;
	margin:0 auto 44px auto;
	max-width:930px;
}
.governments .city li{
	width:80px;
	display: inline-block;
	vertical-align: top;
	margin:0 25px 36px 25px;
	text-align: center;
}
.governments .city a{
	text-decoration: none;
	color:#A8ADAC;
}
.governments .city a:hover{
	opacity: .7;
}
.governments .city li img{
	width:100%;
	height: auto;
	display: block;
	margin:0 auto 26px auto;
}
.governments .city li p{
	font-size:12px;
	color:#A8ADAC;
}
.governments h3{
	font-size:16px;
	color:#999999;
	margin:0 auto 40px auto;
	text-align: center;
}
.governments .cooperation{
	text-align: center;
	margin:0 auto 80px auto;
}
.governments .cooperation li{
	display: inline-block;
	vertical-align: top;
	margin:0 20px;
}
.governments .cooperation li a{
	text-decoration: none;
	color:#A8ADAC;
}
.governments .cooperation li a:hover{
	opacity: .7;
}
.governments .cooperation li img.ecozerria{
	width:218px;
	height: auto;
}
.governments .cooperation li img.jtb{
	width:90px;
	height: auto;
	
}

.governments .bnr{
	text-align: left;	
	max-width:720px;
	margin:0 auto;
	font-size:0;
}
.governments .bnr li{
	display: inline-block;
	vertical-align: top;
	margin:0 auto 80px auto;
	width:180px;
	text-align: center;
}
.governments .bnr li a{
	text-decoration: none;
	color:#A8ADAC;
}
.governments .bnr li a:hover{
	opacity: .7;
}
.governments .bnr img{
	width:130px;
	height: auto;
	margin:0 auto 40px auto;
}
.governments .bnr p{
	font-size:10px;
	color:#A8ADAC;
}



.contents{
	/*padding:200px 0 160px 0;*/
	padding:300px 0 160px 0;
}

.contents .returntop{
	position:absolute;
	top:30px;
	right: 30px;
	width:180px;
	overflow: hidden;
	transition: all .2s ease;
}
.contents .returntop:hover{
	transform: scale(1.3);
}
.contents .returntop img{
	width:100%;
	height: auto;
}


.information.list{
	background-color:#fff;
	padding:0;
}
#pager{
	padding:30px 0 0 0;
	text-align: center;
}
#pager .page-numbers{
	display: inline-block;
	vertical-align: top;
	width:44px;
	height: 44px;
	font-size:18px;
	padding:13px 0;
	color:#777777;
	border:1px solid #777777;
	border-radius:22px;
	margin:0 12px;
	text-decoration: none;
}
#pager .page-numbers:hover,
#pager .page-numbers.current{
	color:#fff;
	background-color:#AF9C69;
	border:1px solid #AF9C69;
}
#pager .page-numbers.dots{
	border:none;
}
#pager .page-numbers.dots:hover{
	background-color:inherit;
	border:none;
	color:#777777;
}
#pager .page-numbers.prev{
	font-size:0;
	border:none;
	background-image:url("/wp-content/themes/summit/images/pager_left.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size:23px auto;
}
#pager .page-numbers.next{
	font-size:0;
	border:none;
	background-image:url("/wp-content/themes/summit/images/pager_right.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size:23px auto;
}
#pager .page-numbers.prev:hover,
#pager .page-numbers.next:hover{
	background-color:inherit;
}

.information .news{
	max-width:784px;
	margin:0 auto;
}
.information .news .date{
	font-size:14px;
	color:#AAAAAA;
	margin:0 0 10px 0;
}
.information .news h3{
	font-size:32px;
	line-height: 48px;
	color:#AF9C69;
	font-weight: normal;
	margin:0 auto 60px auto;
}
.information .news .text{
	
}
.information .news .text p{
	font-size:16px;
	line-height: 30px;
	margin:0 auto 30px auto;
}
.information .news .text h4{
	font-size:22px;
	line-height: 42px;
	margin:60px auto 30px auto;
}
.information .news .text .fig{
	width:100%;
	margin:0 auto 40px auto;
}
.information .news .text .fig img{
	width:100%;
	height: auto;
	margin:0 auto 20px auto;
	display: block;
}
.information .news .text .fig .caption,
.information .news .text .fig p{
	font-size:12px;
	line-height: 20px;
	color:#777777;	
}
.information .news .text .fig .caption{
	text-align:center;
}
.information .news .post{
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:34px 0;
	margin:0 auto 80px auto;
}
.information .news .post ul{
	text-align: center;
	margin:0 auto;
}
.information .news .post ul li{
	border:none;
	padding:0;
	display: inline-block;
	vertical-align: top;
	margin:0 10px;
	width:32px;
	height: auto;
	background-image:none;
}
.information .news .post ul li img{
	width: 100%;
	height: auto;
}
.information .news .return{
	background-color:#AF9C69;
	width:200px;
	font-size:14px;
	color:#fff;
	padding:23px 0;
	margin:0 auto;
	display: block;
	text-align: center;
	text-decoration: none;
}
.information .news .return:hover{
	background-color:#BFA04B;
}
.contactform{
	max-width:800px;
	margin:0 auto;
}
.contactform dl{
	width:100%;
	margin:0 auto 30px auto;

}
.contactform dl dt{
	width:100%;
	margin:0 auto 8px auto;
	font-size:14px;
}
.contactform dl dt .req{
	color:#ff0000;
	font-size:80%;
}
.contactform dl dd{
	width:100%;
	margin:0 auto;
	padding:8px 0;
}
.contactform dl dd input{
	width:100%;
}
.contactform dl dd input[type=radio]{
	width:auto;
	vertical-align: baseline;
}
.contactform dl dd textarea{
	width:100%;
	height:10em;
}
.contactform input[type=submit]{
	width:200px;
	font-size:16px;
	padding:16px 0;
	text-align: center;
	background-color:#AF9C69;
	color:#ffffff;
	margin:0 auto;
	display: block;
	cursor: pointer;
}


@media(max-width:1300px){
	header .sns {
  		top: 20px;
	}

}

@media(max-width:1080px){
	body{
		background-position: top 0 left;	
	}

	body.open{
		overflow: hidden;
	}

	#spmenu{
		display: block;
		position:fixed;
		top:40px;
		right:40px;
		background-color:#AF9C69;
		width:80px;
		height:80px;
		border-radius:40px;
		cursor: pointer;
		z-index: 1000;
	}
	#spmenu span{
		width:32px;
		height:2px;
		position:absolute;
		left:24px;
		display: block;
		background-color:#fff;
		transition: all 0.5s;
	}
	#spmenu span:nth-child(1){
		top:29px;
	}
	#spmenu span:nth-child(2){
		top:39px;
	}
	#spmenu span:nth-child(3){
		top:49px;
	}


	.open #spmenu{
		background-color:#fff;
	}
	.open #spmenu span{
		background-color:#AF9C69;
	}
	.open #spmenu span:nth-child(1){
		transform: rotate(45deg);
		top:40px;
		left:25px;
	}
	.open #spmenu span:nth-child(2){
		opacity: 0;
	}
	.open #spmenu span:nth-child(3){
		transform: rotate(-45deg);
		top:40px;
		left:25px;
	}



	header.scroll,
	header{
		position:fixed;
		top:0;
		left: 0;
		width:100%;
		height: 0;
		transition: height .5s;
		overflow: hidden;
	}

	.open header.scroll,
	.open header{

		height: 100dvh;
		background-color:#AF9C69;
		display: block;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	header.scroll{
		/*
		display: none;
		height:0;
		*/
	}



	header .logo{
		display: none;
	}
	header .splogo{

		display: block;
		position:absolute;
		top:60px;
		left:calc((100% / 2) - 100px);
		width:200px;
		height: 165px;
		background-image:url("/wp-content/themes/summit/images/logo_onigirisummit_w.png");
		background-position:center center;
		background-repeat: no-repeat;
		background-size:200px auto;
	}
	header .splogo a{
		display: block;
		height: 100%;
    	width: 100%;
	}

	header.scroll .menu,
	header .menu{
		padding:345px 0 0 0;
		float: none;
		width:100%;
		margin:0 0 96px 0;
	}
	header .menu ul li{
		display: block;
		font-size:36px;
		margin:0 0 52px 0;
	}
	header .menu ul li:last-of-type{
		margin:0;
	}
	header .menu ul li span{
		display: block;
		text-align: center;
	}
	header .menu ul li span{
		animation: none;
		background-image:none;
		color:#fff;
		-webkit-text-fill-color: inherit;
  		-webkit-background-clip: inherit;
	}
	header .menu ul li a:hover span{
		animation: none;
	}
	header .menu ul li div{
		display: block;
		position:inherit;
	}
	header .menu ul li:hover div{
		position:inherit;
		width:100%;
		left: inherit;
    	top: inherit;
	}
	header .menu ul li div a{
		width:100%;
		font-size:14px;
		display: block;
		color:#fff;
		text-align: center;
		padding:8px 10px;
	}
	header .menu ul li:hover div a{
		background-color:inherit;
		color:#fff;
	}
	header .menu ul li:hover div a:first-of-type{
		padding-top:8px;
	}

	header .sns{
		position:static;
		margin:0 0 80px 0;
		text-align: center;
	}
	header .sns .snslogo:last-of-type,
	header .sns .snslogo{
		margin:0 18px;
	}
	header .sns .snslogo .pc2{
		display: none;
	}
	header .sns .snslogo .sp2{
		display: block;
		height: 60px;
		width:auto;
	}



	.mainvisual{
		padding: 226px 0 0 0;
	}


}



@media(max-width:1024px){
	.mainvisual,
	.mainvisual2,
	.ceremony,
	.special,
	.about,
	.purpose,
	.management,
	.information,
	.governments,
	footer,
	.information .news
	{
		padding-left:10px;
		padding-right:10px;
	}

	.about ul{
		max-width:750px;
	}
	.about ul li .text{
		width:400px;
	}


	.governments .city li{
		width: 50px;
	}

	footer .menu li{
		width:calc((100% - 20px) / 2);
	}

	footer .inner:before{
		margin-left: -10px;
	}

}


@media(max-width:900px){
	.about .boxes .submenu{
		position:static;
		width:100%;
		margin: 0 0 190px 0;
	}
	.about .boxes.fix .submenu{
		position: static;
	}
	.about .boxes .submenu ul{
		width:100%;
		max-width:100%;
		font-size: 0;
		text-align: center;
	}
	.about .boxes .submenu ul li.active,
	.about .boxes .submenu ul li{
		display: inline-block;
		vertical-align: top;
		background-color:#fff;
		font-size:28px;
		color:#AF9C69;
		padding:10px 0;
		width:154px;
		text-align: center;
		margin: 0 9px 18px 9px;
	}
	.about .boxes .submenu ul li.active a,
	.about .boxes .submenu ul li a{
		color:#AF9C69;
	}

	.about .boxes ul{
		width:100%;
	}


	.about::before{
		background-size: 211px auto , 233px auto;
		top:-76px;
	}
	.about{
		background-position: top 300px center,top 985px right , top 1467px left , top 2565px right,top 3027px left , bottom left,bottom right;
		background-size: 432px auto,160px auto , 177px auto , 144px auto , 148px auto , 233px auto ,227px auto;
	}
	.about p{
		margin: 0 auto 280px auto;
	}
	
}


@media(max-width:750px){
	body{
		background-image:url("/wp-content/themes/summit/images/key_summit-pan_top_sp.png");
		background-position: top  left ;
  		background-size: 100vw auto;	/* 750*/
		width:100vw;
		max-width:100vw;
		overflow-x: hidden;
		box-sizing:border-box;
	}



	#spmenu{
		top:5.33333333vw;	/*40*/
		right:5.33333333vw;	/*40*/
		width:10.66666667vw;	/*80*/
		height:10.66666667vw;	/*80*/
		border-radius:5.33333333vw;	/*40*/

	}
	#spmenu span{
		width:4.266666667vw;	/*32*/
		height:0.266666667vw;	/*2*/
		left:3.2vw;	/*24*/
	}
	#spmenu span:nth-child(1){
		top:3.866666667vw;	/*29*/
	}
	#spmenu span:nth-child(2){
		top:5.2vw;	/*39*/
	}
	#spmenu span:nth-child(3){
		top:6.53333333vw;	/*49*/
	}


	.open #spmenu span:nth-child(1){

		top:5.33333333vw;	/*40*/
		left:3.33333333vw;	/*25*/
	}

	.open #spmenu span:nth-child(3){

		top:5.33333333vw;	/*40*/
		left:3.33333333vw;	/*25*/
	}


	header.scroll{
		/*
		display: none;
		height:0;
		*/
	}

	header .splogo{
		top:8vw;	/*60*/
		left:calc((100% / 2) - 13.33333333vw);	/*100*/
		width:26.66666667vw;	/*200*/
		height: 22vw;	/*165*/
		background-size:26.66666667vw auto;	/*200*/
	}

	header.scroll .menu,
	header .menu{
		padding:46vw 0 0 0;	/*345*/
		margin:0 0 12.8vw 0;	/*96*/
	}
	header .menu ul li{
		font-size:4.8vw;	/*36*/
		margin:0 0 6.93333333vw 0;	/*52*/
	}



	header .sns{

		margin:0 0 10.66666667vw 0;	/*80*/

	}
	header .sns .snslogo:last-of-type,
	header .sns .snslogo{
		margin:0 2.4vw;	/*18*/
	}

	header .sns .snslogo .sp2{

		height: 8vw;	/*60*/

	}




	.contact{
		bottom: 2.66666667vw;	/* 20*/
		right: 2.66666667vw;	/* 20*/
	}
	.contact .icon{
		width: 21.33333333vw;	/* 160*/
		height: 21.33333333vw;	/* 160*/
		border-radius: 10.66666667vw;	/* 80*/
	}

	.lead{
		font-size: 4.8vw;	/* 36*/
		line-height: 9.6vw;	/* 72*/
	  	margin: 0 auto 8vw auto;	/* 60*/

	}
	.lead .midashi{
		font-size: 4.8vw;	/* 36*/
		line-height: 1;
		margin: 0 auto 4.26666667vw auto;	/* 32*/
		transform: scale(1.2, 1);
	}
	.lead .small{
		font-size:2.93333333vw;	/*22*/
		line-height: 4.8vw;	/*36*/
	}


	footer{
		padding: 0 0 8vw;	/* 60*/
		width:100vw;
		max-width:100vw;
		overflow-x: hidden;
	}

	footer .inner{
		
	}
	footer .inner::before{
		margin-left: 0;
		top:16.533333333vw;	/*124*/
	}
	footer .menu{
		margin: 0 auto 13.33333333vw auto;	/* 100*/
	}
	footer .menu li{
		width:82.93333333vw;	/* 622*/
		height: 31.73333333vw;	/* 238*/
	}
	footer .menu li:first-of-type{
		margin:0 0 5.33333333vw 0;	/* 40*/
		background-image: url("/wp-content/themes/summit/images/bg_note.png"),url("/wp-content/themes/summit/images/icon_arrow.png");
		background-size: 36.66666667vw auto,4.4vw auto;	/* 275 33*/
		background-position: left top,right 7.066666667vw center;	/* 53*/
	}
	footer .menu li:last-of-type{
		background-image: url("/wp-content/themes/summit/images/bg_contact.png"),url("/wp-content/themes/summit/images/icon_arrow.png");
		background-size: 40.26666667vw auto,4.4vw auto;	/* 302 33*/
		background-repeat: no-repeat,no-repeat;
		background-position: right top,right 7.066666667vw center;	/* 53*/
	}
	footer .menu li .note{
		width:27.73333333vw;	/* 208*/
		padding:8.533333333vw 0;	/* 64*/
	}
	footer .menu li .cont{
		width: 5.6vw;	/* 42*/
  		padding: 5.33333333vw 0 3.466666667vw 0;	/* 40 0 26 0*/
	}
	footer .menu li .first{
		font-size: 4.26666667vw;	/* 32*/
		margin: 0 0 2.66666667vw 0;	/* 20*/
	}
	footer .menu li .second{
		font-size: 3.2vw;	/* 24*/
		padding: 0 0 7.066666667vw 0;	/* 53*/
	}
	footer .ft{
		max-width:82.93333333vw;	/* 622*/
	}
	footer .logo{
		padding:40vw 0 0 0;	/* 100*/
		width: 42.66666667vw;	/* 320*/
		margin: 0 auto 11.466666667vw auto;	/* 86*/
	}
	footer .company{
		bottom: inherit;
		top:0;
		left: 0;
		width:100%;
		text-align: center;
	}
	footer .company ul li{
		font-size: 3.2vw;	/* 24*/
  		margin: 0 2.66666667vw 0 0;	/* 20*/
	}
	footer .sns{
		bottom: inherit;
		top:13.33333333vw;	/* 750*/
		right: 0;
		width:100%;
	}
	footer .sns ul{
		width:100%;
		text-align: center;
	}
	footer .sns ul li{
		width: 8.533333333vw;	/* 64*/
		margin: 0 0 0 2.66666667vw;	/* 20*/
	}
	footer .copy{
		font-size:2.66666667vw;	/* 20*/
	}


	.mainvisual, 
	.mainvisual2, 
	.ceremony, 
	.special, 
	.about, 
	.purpose, 
	.management, 
	.information, 
	.governments, 
	footer, 
	.information .news {
		padding-left: 0;
		padding-right: 0;
	}


	.mainvisual{
		padding:31.46666667vw 0 0 0;	/* 236*/
		width:100vw;
		overflow-x:hidden;

		background-image: url("/wp-content/themes/summit/images/key_summit-pan_bottom_sp.png");
		background-size: 100vw auto;	/* 750*/



	}
	.mainvisual .inner{
		max-width:100vw;
		width:100vw;	/* 750*/
		padding:0 0 80vw 0;	/* 600*/
	}
	.mainvisual .inner h1{
		width:47.33333333vw;	/* 355*/
	}
	.mainvisual .inner .copy{
		width: 12.8vw;	/* 96*/
  		height: 36vw;	/* 270*/
	}



	.mainvisual .inner .copy.first{
		top: 54.66666667vw;	/* 410*/
		left: calc(100vw / 2);
	}
	.mainvisual .inner .copy.second{
		top: 54.66666667vw;	/* 410*/
		right: calc(100vw / 2);
		left: inherit;
	}


	.mainvisual .inner .copy p{
		font-size:3.2vw;	/*24*/
		left: 6.4vw;	/*48*/
	}
	.mainvisual .inner .copy p:last-of-type{
		left:0;
	}

	.mainvisual2 .lead{
		padding: 13.33333333vw 0;	/* 100 0*/
	}
	.mainvisual2 .lead p{
		font-size:3.733333333vw;	/* 28*/
		line-height: 7.466666667vw;	/* 56*/
		padding: 0 0 8vw 0;	/* 60*/
	}
	.mainvisual2 .lead .logo{
		width: 32vw;	/* 240*/
	}

	.ceremony{
		padding:13.33333333vw 0 10.66666667vw 0;	/* 100 0 80 0*/
		width:100vw;
		overflow-x:hidden;
	}
	.ceremony h2{
		font-size: 5.866666667vw;	/* 44*/
		line-height: 8.533333333vw;	/* 64*/
		padding: 0 0 5.33333333vw 0;	/* 40*/
	}
	.ceremony p{
		width:82.93333333vw;	/* 622*/
		font-size: 3.466666667vw;	/* 26*/
  		line-height: 5.866666667vw;	/* 44*/
		margin:0 auto 14.66666667vw auto;	/* 110*/
	}
	.ceremony .members{
		width:82.93333333vw;	/* 622*/
		margin:0 auto;
	}
	.ceremony .members .banner.pc2{
		display: none;
	}
	.ceremony .members .banner.sp2{
		display: block;
	}
	.ceremony .members .logo {
		width: 19.466666667vw;	/* 146*/
		margin: -8vw auto 4vw auto;	/* -60 30*/
		height: auto;
		display: block;
	}
	.ceremony .members ul li{
		width: 9.066666667vw;	/* 68*/
		margin: 0 1.2vw;	/* 9*/
	}

	.special{
		padding: 0 0 28.8vw 0;	/* 216*/
		width:100vw;
		overflow-x:hidden;
	}
	.special h2{
		font-size: 5.866666667vw;	/* 44*/
		margin: 0 auto 5.33333333vw auto;	/* 40*/
	}
	.special p{
		width:82.93333333vw;	/* 622*/
		font-size: 3.466666667vw;	/* 26*/
		line-height: 5.866666667vw;	/* 44*/
		margin: 0 auto 8vw auto;	/* 60*/
	}
	.special ul{
		margin:0 auto 6.66666667vw auto;	/* 50*/
	}
	.special ul li{
		width: 32vw;	/* 240*/
		margin: 0 2.133333333vw;	/* 16*/
	}
	.special ul li p{
		width:auto;
		font-size: 3.466666667vw;	/* 26*/
  		line-height: 5.066666667vw;	/* 38*/
		margin:0;
	}
	.special ul li p span{
		font-size: 2.933333333vw;	/* 22*/
	}

	.special .ultimate{
		max-width: 82.93333333vw;	/* 622*/
	}
	.special .ultimate h3{
		font-size: 6.4vw;	/* 48*/
		margin: 0 auto 4vw auto;	/* 30*/
	}
	.special .ultimate p{
		font-size: 3.2vw;	/* 24*/
		line-height: 4.8vw;	/* 36*/
	}


	.about{
		padding:14.4vw 0 13.33333333vw 0;	/* 108 0 100 0*/
		background-image: url("/wp-content/themes/summit/images/graph_map_sp.png") , url("/wp-content/themes/summit/images/decoration_ph3.png") , url("/wp-content/themes/summit/images/decoration_ph4.png") , url("/wp-content/themes/summit/images/decoration_ph7.png") , url("/wp-content/themes/summit/images/decoration_ph8.png") , url("/wp-content/themes/summit/images/decoration_ph9.png") , url("/wp-content/themes/summit/images/decoration_ph10.png");
		background-position: top 96vw center,top 472.66666667vw right , top 630.8vw left , top 1066.533333333vw right,top 1215.066666667vw left , bottom left,bottom right;	/* 720 3545 4731 7999 9113*/
  		background-size: 87.2vw auto,42.8vw auto , 47.2vw auto , 38.533333333vw auto , 39.6vw auto , 43.2vw auto ,44vw auto;	/* 654 321 354 289 297 324 330*/
		overflow-x:hidden;
		width:100vw;
	}
	.about::before{
		background-image: url("/wp-content/themes/summit/images/decoration_ph1_sp.png") , url("/wp-content/themes/summit/images/decoration_ph2_sp.png");
		background-size: 31.066666667vw auto , 35.466666667vw auto;	/* 233 266*/
    	top: -18vw;	/* -135*/
	}
	.about p{
		width:82.93333333vw;	/* 622*/
		font-size: 3.466666667vw;	/* 26*/
		line-height: 7.066666667vw;	/* 53*/
		margin: 0 auto 110.13333333vw auto;	/* 826*/
	}
	


	.about .boxes .submenu{
		margin: 0 0 44.26666667vw 0;	/*332*/
	}
	.about .boxes .submenu ul li.active,
	.about .boxes .submenu ul li{
		font-size:3.73333333vw;	/*28*/
		padding:1.33333333vw 0;	/*10*/
		width:20.53333333vw;	/*154*/
		margin: 0 1.2w 2.4vw 1.2vw;	/*0 9 18 9*/
	}


	
	.about ul li {
		margin: 0 auto 56vw auto;	/* 420*/
	}
	.about ul li .image{
		width: 49.6vw;	/* 372*/
  		height: 33.066666667vw;	/* 248*/
		top: -30.93333333vw;	/* -232*/
	}
	.about ul li .text{
		width:86.933333333vw;	/* 652*/
		margin: 0 auto 0 13.066666667vw;	/* 98*/
	}
	.about ul li:nth-child(even) .text{
		margin:0 13.066666667vw 0 auto;	/* 98*/
	}
	.about ul li .city{
		top:9.866666667vw;	/* 74*/
		left: 6.66666667vw;	/* 50*/
		font-size: 6.4vw;	/* 48*/
	}
	.about ul li .city span{
		font-size: 3.733333333vw;	/* 28*/
		margin: 0 auto 1.866666667vw auto;	/* 14*/
	}
	.about ul li p{
		width:auto;
		font-size:3.466666667vw;	/* 26*/
		line-height: 5.866666667vw;	/* 44*/
		padding: 8.8vw 5.33333333vw 3.33333333vw 19.2vw;	/* 66 40 25 144*/
	}
	.about ul li .text p::after{
		width:36.533333333vw;	/* 274*/
		height:2.133333333vw;	/* 16*/
	}
	.about ul li .face{
		padding: 0 5.33333333vw 5.33333333vw 19.2vw;	/* 0 40 40 144*/
	}
	.about ul li .text::after{
		width: 32vw;	/* 240*/
  		height: 32vw;	/* 240*/
		background-size: 32vw auto;	/* 240*/
		left: -8vw;	/* -60*/
		bottom:-4vw;	/* -30*/
	}
	.about ul li .face p{
		width:17.33333333vw;	/* 130*/
	}
	.about ul li .face p span.city{
		font-size: 2.933333333vw;	/* 22*/
		line-height: 5.33333333vw;	/* 40*/
	}
	.about ul li .face p span.name{
		font-size: 3.733333333vw;	/* 28*/
		line-height: 4vw;	/* 30*/
		display: block;
	}
	.about ul li .face p span.handle{
		font-size: 3.2vw;	/* 24*/
		line-height: 4vw;	/* 30*/
		display: block;
	}
	.about ul li .face img{
		width: 18.266666667vw;	/* 137*/
	}
	.about ul li:nth-child(even) .face{
		text-align: left;
	}
	.about ul li:nth-child(even) .text::after{
		right:-8vw;	/* -60*/
		left:inherit;
	}

	
	.about ul li .text a{
		width:49.6vw;	/*372*/
		margin:0 0 0 37.33333333vw;	/*280*/
		font-size: 3.2vw;	/*24*/
		background-size: 4.266666667vw auto;	/*32*/
  		background-position: right 5.33333333vw center;	/*40*/
		transform: translateY(11.73333333vw);	/*88*/

	}
	.about ul li .slide_l.text a{
		margin:0 37.33333333vw 0 0;	/*280*/
	}


	.about ul li .text a span{
		padding: 4.266666667vw 0 4.266666667vw 12.66666667vw;	/*32 0 32 95*/
		text-align: left;
	}
	.about ul li .text a:hover span{
		background-size: 4.266666667vw auto;	/*32*/
		background-position: right 5.33333333vw center;	/*40*/
	}



	.about .onigiri{
		width:73.866666667vw;	/* 554*/
		margin:27.73333333vw auto 0 auto;	/* 208*/
		padding:8vw 0;	/* 60*/
	}
	.about .onigiri img{
		width:32vw;	/* 240*/
		display: block;
		margin:0 auto 6.66666667vw auto;	/* 50*/
	}
	.about .onigiri p{
		width:56.266666667vw;	/* 422*/
		display: block;
		font-size: 3.466666667vw;	/* 26*/
		line-height: 5.866666667vw;	/* 44*/
		margin:0 auto;
	}


	.purpose{
		padding:17.066666667vw 0 8.533333333vw 0;	/* 128 0 64 0*/
		width:100vw;
		overflow-x:hidden;
	}
	.purpose p{
		width:82.93333333vw;	/* 622*/
		font-size:3.466666667vw;	/* 26*/
		line-height: 6.933333333vw;	/* 52*/
		margin: 0 auto 5.33333333vw auto;	/* 40*/
		float:none;
	}
	.purpose .face{
		width:82.93333333vw;	/* 622*/
		margin:0 auto;
		text-align:left;
		display: block;
	}
	.purpose .face p{
		font-size: 0;
		line-height: 1;
		margin: 4vw 4vw 0 0;	/*30 30*/
		width:48vw;	/* 360*/
		text-align:left;
	}
	.purpose .face p .handle{
		font-size: 2.933333333vw;	/* 22*/
		line-height: 5.466666667vw;	/* 41*/
		width:48vw;	/* 360*/
	}
	.purpose .face p .name{
		font-size: 3.733333333vw;	/* 28*/
		line-height: 1;
	}
	.purpose .face img{
		width:18.266666667vw;	/* 137*/
		display: block;
		float:right
	}

	.management{
		padding:8.533333333vw 0 16vw 0;	/* 64 0 120 0*/
		width:100vw;
		overflow-x:hidden;
	}
	.management p{
		width:82.93333333vw;	/* 622*/
		font-size: 3.466666667vw;	/* 26*/
		line-height: 6.933333333vw;	/* 52*/
		margin: 0 auto 8vw auto;	/* 60*/
		float:none;
	}
	.management img{
		max-width:82.66666667vw;	/*620*/
		width:100%;
		float:none;
	}

	.information{
		padding:17.066666667vw 0 16vw 0;	/* 128 0 120 0*/
		width:100vw;
		overflow-x:hidden;
	}
	.information ul{
		width:82.93333333vw;	/* 622*/
		margin: 0 auto 8vw auto;	/* 60*/
	}
	.information ul li{
		padding:5.33333333vw 0;	/* 40*/
		background-size: 5.6vw auto;	/* 42*/
	}
	.information ul li .date{
		display: block;
		font-size: 3.2vw;	/* 24*/
  		line-height: 3.2vw;	/* 24*/
		margin:0 auto 2vw auto;	/* 15*/
	}
	.information ul li .text{
		font-size: 3.2vw;	/* 24*/
  		line-height: 6.133333333vw;	/* 46*/
		width:71.46666667vw;	/* 536*/
	}
	.information .more{
		font-size: 3.2vw;	/* 24*/
		padding: 2.8vw 0 3.2vw 0;	/* 21 0 24 0*/
		width: 48vw;	/* 360*/
	}

	.governments {
		padding:17.066666667vw 0 14vw 0;	/* 128 0 105 0*/
		width:100vw;
		overflow-x:hidden;
	}
	.governments .city{
		margin: 0 auto 8vw auto;	/* 60*/
		font-size: 0;
	}
	.governments .city li{
		width:13.33333333vw;	/* 100*/
		margin: 0 4vw 5.33333333vw 4vw;	/* 0 30 40 30*/
	}
	.governments .city li img{
		margin: 0 auto 3.46666667vw auto;	/*26*/
	}
	.governments .city li p{
		font-size:2.4vw;	/* 18*/
	}
	.governments h3{
		font-size:3.466666667vw;	/* 26*/
		margin: 0 auto 5.33333333vw auto;	/* 40*/
	}
	.governments .cooperation{
		margin: 0 auto 13.33333333vw auto;	/* 100*/
	}
	.governments .cooperation li{
		margin:0 4vw;	/* 30*/
	}
	.governments .cooperation li img.ecozerria{
		width:42.133333333vw;	/* 316*/
	}
	.governments .cooperation li img.jtb{
		width:17.33333333vw;	/* 130*/
	}
	.governments .bnr{
		max-width:82.93333333vw;	/* 622*/
	}
	.governments .bnr li{
		width:20.666666667vw;	/* 155*/
		margin: 0 auto 7.33333333vw auto;	/* 55*/
	}
	.governments .bnr img{
		width:15.33333333vw;	/* 115*/
	}
	.governments .bnr p{
		font-size:1.066666667vw;	/* 8*/
	}



	.contents{
		padding: 32.53333333vw 0 21.33333333vw 0;	/* 244 0 160 0*/
		width:100vw;
		overflow-x:hidden;
	}


	.contents .returntop{
		top:1.33333333vw;	/* 10*/
		right: 2.66666667vw;	/*20*/
		width:24vw;	/*180*/
	}
	.contents .returntop img{
		width:100%;
		height: auto;
	}


	#pager{
		padding: 2.66666667vw 0 0 0;	/* 20*/
	}
	#pager .page-numbers{
		width: 8.533333333vw;	/* 64*/
  		height: 8.533333333vw;	/* 64*/
		border-radius: 4.26666667vw;	/* 32*/
		margin: 0 2.133333333vw;	/* 16*/
		font-size: 3.466666667vw;	/* 26*/
		padding: 2.533333333vw 0;	/* 19*/
	}

	.information .news{
		width:82.93333333vw;	/* 622*/
	}
	.information .news .date{
		font-size: 3.733333333vw;	/* 28*/
		margin: 0 0 2.66666667vw 0;	/* 20*/
	}
	.information .news h3{
		font-size: 5.866666667vw;	/* 44*/
		line-height: 9.066666667vw;	/* 68*/
		margin: 0 auto 8vw auto;	/* 60*/
	}
	.information .news .text p{
		font-size: 3.466666667vw;	/* 26*/
		line-height: 6.933333333vw;	/* 52*/
		margin: 0 auto 5.33333333vw auto;	/* 40*/
	}
	.information .news .text h4{
		font-size: 4.26666667vw;	/* 32*/
		line-height: 6.4vw;	/* 48*/
		margin: 5.33333333vw auto 5.33333333vw auto;	/* 40 40*/
	}
	.information .news .text .fig{
		margin: 0 auto 8vw auto;	/* 60*/
	}
	.information .news .text .fig img{
		margin: 0 auto 2.66666667vw auto;	/* 20*/
	}
	.information .news .text .fig .caption,
	.information .news .text .fig p{
		font-size: 3.2vw;	/* 24*/
  		line-height: 5.33333333vw;	/* 40*/
	}

	.information .news .post{
		padding: 6.66666667vw 0;	/* 50/*/
		margin: 0 auto 10.66666667vw auto;	/* 80*/
	}
	.information .news .post ul li{
		width: 8.533333333vw;	/* 64*/
		margin: 0 2.66666667vw;	/* 20*/
	}
	.information .news .return{
		width: 53.33333333vw;	/* 400*/
		font-size: 3.733333333vw;	/* 28*/
  		padding: 5.33333333vw 0;	/* 40*/
	}

	.contactform{
		max-width:82.93333333vw;	/* 622*/
	}
}


/* ************************************************** */
.aboutpage{
	position:relative;
}
.aboutpage .aboutpagelead{
	font-size:72px;
	line-height: 100px;
	color:#AF9C69;
	display: block;
	margin:0 auto 62px auto;
	text-align: center;
}
.aboutpage .aboutpagecopy{
	max-width:800px;
	font-size:18px;
	line-height: 32px;
	
	display: block;
	margin:0 auto 100px auto;
	text-align: left;
}

.aboutpage .fig{
	max-width:960px;
	margin:0 auto;
}
.aboutpage .fig.fig2{
	max-width:764px;
}
.aboutpage .fig img{
	width:100%;
	height: auto;
	margin:0 auto 20px auto;
}
.aboutpage .fig .caption{
	font-size:12px;
	line-height: 20px;
	color:#777777;
	max-width:784px;
	display: block;
	margin:0 auto;
}

.aboutpage .aboutpagecopy2{
	font-size:22px;
	line-height: 36px;
	color:#333333;
	margin:40px auto 16px auto;
	max-width:734px;
}

.bgkhaki.aboutpage h2{
	color:#fff;
}
.bgkhaki.aboutpage .fig .caption{
	color:#fff;
}

.bgkhaki.aboutpage{
	background-image: url("/wp-content/themes/summit/images/about_bk1.png") , url("/wp-content/themes/summit/images/about_bk2.png");
	background-position: top 108px right , top 354px left;
	background-size: 656px auto , 327px auto;
	background-repeat: no-repeat , no-repeat;
}


.aboutpage1{
	padding:0 0 120px 0;
}

.aboutpage2{
	padding:60px 0 80px 0;
}

.aboutpage3{
	padding:100px 0 120px 0;
}
.aboutpage3 ul{
	position:relative;
	max-width:960px;
	margin:0 auto;
}
.aboutpage3 ul li{
	width:500px;
	height: 420px;
	background-image:url("/wp-content/themes/summit/images/about_onigirimark.png");
	background-repeat: no-repeat;
	background-position:top center;
	background-size:500px auto;
	position:relative;
}
.aboutpage3 ul li:nth-child(1){
	
}
.aboutpage3 ul li:nth-child(2){

	margin:-230px 0 0 auto;
}
.aboutpage3 ul li:nth-child(3){
	margin:20px auto 0 auto;
}
.aboutpage3 ul li:nth-child(1):before{
	display: block;
	content:"";
	width:250px;
	height: 250px;
	background-image:url("/wp-content/themes/summit/images/about_face.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:250px auto;
	position: absolute;
	top:20px;
	right: -105px;
}
.aboutpage3 ul li:after{
	content:"";
	width:327px;
	height:351px;
	background-image:url("/wp-content/themes/summit/images/about_texture_logo.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size:327px auto;
	position:absolute;
	z-index:0;
	
}
.aboutpage3 ul li:nth-child(1):after{
	top:150px;
	left:28px;
}
.aboutpage3 ul li:nth-child(2):after{
	top: -70px;
	left: 180px;
	
}
.aboutpage3 ul li:nth-child(3):after{
	top:-40px;
	left:-30px;
	
}

.aboutpage3 ul li .step{
	font-size:80px;
	font-weight: 100;
	font-style: italic;
	color: #E6E6DB;
	display: block;
	margin:0 auto;
	text-align: center;
	padding:40px 0 0 0;
	transform: translateX(-10px);
}
.aboutpage3 ul li .name{
	font-size:28px;
	color:#FFFFFF;
	margin:20px auto 0 auto;
	text-align: center;
	font-weight: 300;
}
.aboutpage3 ul li .sign1{
	font-size:18px;
	line-height: 28px;
	margin:16px auto 0 auto;
	text-align: center;
	position:relative;
}
.aboutpage3 ul li .sign1:after{
	content:"";
	display: block;
	margin:0 auto;
	background-image:url("/wp-content/themes/summit/images/about_arrow.png");
	background-size:80px auto;
	background-repeat: no-repeat;
	background-position:bottom center;
	width:100%;
	height:76px;
	position:absolute;
	bottom:-76px;
}
.aboutpage3 ul li .sign2{
	font-size:22px;
	line-height: 32px;
	color:#FFFFFF;
	margin:88px auto 0 auto;
	text-align: center;
}
.aboutpage3 ul li .session{
	font-size:16px;
	line-height: 30px;
	width:298px;
	margin:16px auto 0 auto;
	text-align: left;
}
.aboutpage3 ul li img{
	max-width:330px;
	margin:0 auto;
	display: block;
	transform: translateY(30px);
}


.aboutpage4{
	padding:60px 0 80px 0;
}


@media(max-width:1024px){
	.aboutpage{
		padding-left:10px;
		padding-right:10px;
	}

}

@media(max-width:960px){
	.aboutpage3 ul li:nth-child(1){
		margin:0 auto 100px auto;
	}

	.aboutpage3 ul li:nth-child(2){
		margin:0 auto 100px auto;
	}
	.aboutpage3 ul li:nth-child(2){
		margin:0 auto;
	}


}

@media(max-width:750px){

	.aboutpage{
		padding-left:0;
		padding-right:0;
	}

	.aboutpage .aboutpagelead{
		font-size: 8vw;	/*60*/
  		line-height: 10.66666667vw;	/*80*/
	  	margin: 0 auto 6.933333333vw auto;	/*52*/
	}

	.aboutpage .aboutpagecopy{
		font-size: 2.4vw;	/*18*/
  		line-height: 4.266666667vw;	/*32*/
		max-width:82.93333333vw;	/*622*/
		margin: 0 auto 16vw auto;	/*120*/
	}

	.aboutpage .fig{
		max-width: 89.33333333vw;	/*670*/
	}
	.aboutpage .fig .caption{
		font-size: 3.2vw;	/*24*/
  		line-height: 5.33333333vw;	/*40*/
		max-width:82.93333333vw;	/*622*/
	}

	.aboutpage .aboutpagecopy2{
		font-size: 3.733333333vw;	/*28*/
  		line-height: 5.33333333vw;	/*40*/
		text-align: center;	/**/
		margin: 5.33333333vw auto 2.66666667vw auto;	/*40 20*/
	}
	.aboutpage .fig.fig2{
		max-width: 89.33333333vw;	/*670*/
	}


	.bgkhaki.aboutpage {
		background-image: url("/wp-content/themes/summit/images/about_bk1.png") , url("/wp-content/themes/summit/images/about_bk2.png");
		background-position: top 21.33333333vw right , top 39.46666667vw left;	/*160 296*/
		background-size: 43.73333333vw auto , 21.86666667vw auto;	/*328 164*/
		background-repeat: no-repeat , no-repeat;
	}


	.aboutpage2{
		padding:8vw 0 10.66666667vw 0;	/*60 80*/
	}

	.aboutpage3{
		padding:16vw 0 22.66666667vw 0;	/*120 170*/
	}

	.aboutpage3 ul li{
		width: 86.4vw;	/*648*/
		height: 72.53333333vw;	/*544*/
		background-size: 86.4vw auto;	/*648*/
	}
	.aboutpage3 ul li:nth-child(1)::before{
		width: 33.33333333vw;	/*250*/
		height: 33.33333333vw;	/*250*/
		background-size: 33.33333333vw auto;	/*250*/
		top: 2vw;	/*15*/
		right: 0;
	}
	.aboutpage3 ul li .step{
		font-size:16vw;	/*120*/
		padding: 5.33333333vw 0 0 0;	/*40*/
		transform: translateX(-2.13333333vw);	/*-16*/
	}
	.aboutpage3 ul li .name{
		font-size:4.8vw;	/*36*/
		margin: 2.66666667vw auto 0 auto;	/*20*/
	}
	.aboutpage3 ul li .sign1{
		font-size: 3.466666667vw;	/*26*/
		line-height: 4.8vw;	/*36*/
		margin: 4.266666667vw auto 0 auto;	/*32*/
	}
	.aboutpage3 ul li .sign1:after{
		background-size: 10.66666667vw auto;	/*80*/
		height: 10.13333333vw;	/*76*/
		position: absolute;
  		bottom: -10.13333333vw;	/*76*/
	}
	.aboutpage3 ul li .sign2{
		font-size: 3.733333333vw;	/*28*/
		line-height: 5.33333333vw;	/*40*/
		margin: 11.733333333vw auto 0 auto;	/*88*/
	}
	.aboutpage3 ul li .session{
		font-size: 3.466666667vw;	/*26*/
		line-height: 4.8vw;	/*36*/
		width: 56vw;	/*420*/
		margin: 3.733333333vw auto 0 auto;	/*28*/
	}
	.aboutpage3 ul li img{
		max-width: 58.66666667vw;	/*440*/
		transform: translateY(5.33333333vw);	/*40*/
	}
	.aboutpage3 ul li:nth-child(1){
		margin: 0 auto 16vw auto;	/*120*/
	}
	.aboutpage3 ul li:nth-child(2){
		margin: 0 auto 16vw auto;	/*120*/
	}
	.aboutpage3 ul li:nth-child(3){
		margin: 0 auto 0 auto;
	}
	.aboutpage3 ul li:after{
		width: 56.26666667vw;	/*422*/
		height: 60.53333333vw;	/*454*/
		background-size: 56.26666667vw auto;	/*422*/
	}
	.aboutpage3 ul li:nth-child(1):after{
		top: 25.86666667vw;	/*194*/
  		left: 4.8vw;	/*36*/
	}
	.aboutpage3 ul li:nth-child(2):after{
		top: -3.466666667vw;	/*-26*/
		left: 29.86666667vw;	/*224*/
	}
	.aboutpage3 ul li:nth-child(3):after{
		top: -8.533333333vw;	/*-64*/
		left: -6.66666667vw;	/*-50*/
	}

	.aboutpage4{
		padding: 8vw 0 10.66666667vw 0;	/*60 80*/
	}

}



/* ************************************************** */
.eventpage{
	max-width:100vw;
	margin-inline: auto;
}
.eventpage .eventcopy{
	font-size:22px;
	line-height: 40px;
	max-width:734px;
	margin:0 auto 80px auto;
	text-align: left;
}

.eventpage .eventcopy strong{
	display: block;
	text-align: center;
	font-weight: bold;
	margin:0 0 30px 0;
	font-size:30px;
	line-height: 1;
}
.eventpage .eventcopy dl{
	font-size:0;
}
.eventpage .eventcopy dl dt{
	display: inline-block;
	vertical-align: top;
	width:100px;
	font-size:18px;
	line-height: 32px;
}
.eventpage .eventcopy dl dt:after{
	display: inline-block;
	vertical-align: top;
	content:":";
}
.eventpage .eventcopy dl dd{
	display: inline-block;
	vertical-align: top;	
	width:calc(100% - 100px);
	font-size:18px;
	line-height: 32px;
}

.eventpage .eventcopy .entry{
	margin:30px 0 30px 0;
	font-size:20px;
	line-height: 32px;
	text-align: center;
}
.eventpage .eventcopy .entry a{
	text-decoration: none;
	color: #AF9C69;
}
.eventpage .eventcopy .entry a:hover{
	text-decoration: underline;
}
.eventpage .eventcopy .note{
	font-size:80%;
}
.eventpage .eventcopy .note a{
	text-decoration: none;
	color: #AF9C69;
}
.eventpage .eventcopy .note a:hover{
	text-decoration: underline;
}



.eventpage .sessionlist{
	background-image: url("/wp-content/themes/summit/images/about_bk1.png") , url("/wp-content/themes/summit/images/about_bk2.png");
	background-position: top 108px right , top 354px left;
	background-size: 656px auto , 327px auto;
	background-repeat: no-repeat , no-repeat;
	background-color:#AF9C69;
	padding:60px 0 80px 0;
}
.eventpage .sessionlist h2{
	
}
.eventpage .sessionlist h2 p{
	color:#FFFFFF;
}
.eventpage .sessionlist .schedule{
	max-width:960px;
	margin-inline: auto;
	background-color:#fff;
	border-radius:20px;
	padding:60px;
}
.eventpage .sessionlist .schedule .logo{
	margin:0 auto 40px auto;
	text-align: center;
}
.eventpage .sessionlist .schedule .logo img{
	width:282px;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
.eventpage .sessionlist .schedule .logo p{
	display: inline-block;
	vertical-align: top;
	font-size:16px;
	color:#333333;
}
.eventpage .sessionlist .schedule .logo p:before{
	content:"";
	display: inline-block;
	vertical-align: middle;
	height:80px;
	width:1px;
	background-color:#AF9C69;
	margin:0 30px;
}
.eventpage .sessionlist .schedule .logo .sponsored{
	font-size:14px;
	margin:30px 0 0 0 ;
}
.eventpage .sessionlist .schedule .logo .sponsored .pc2{
	display: inline;
}



.eventpage .sessionlist .schedule .time{
	position:relative;
	overflow: hidden;
}
.eventpage .sessionlist .schedule .time .timeline{
	position:absolute;
	top:56px;
	left:0;
	width:100%;
	height: 100%;
}
.eventpage .sessionlist .schedule .time .timeline li{
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size:24px;
	color:#AF9C69;
	height: 128px;
	position:relative;
}
.eventpage .sessionlist .schedule .time .timeline li:before{
	content:"";
	display: block;
	width:calc(100% - 72px);
	height: 1px;
	background-color:#EBCD7D;
	position:absolute;
	left:72px;
	top:12px;
}


.eventpage .sessionlist .schedule .side{
	width:auto;
	display: inline-block;
	vertical-align: top;
}
.eventpage .sessionlist .schedule .side.sideA{
	margin:0 53px 0 106px;
	width:408px;
}
.eventpage .sessionlist .schedule .side.sideB{
	width:244px;
}
.eventpage .sessionlist .schedule .side .floor{
	text-align: center;
	margin:0 auto 16px auto;
	font-size:24px;
	height: 40px;
	width:100px;
	align-content: center;
	color:#AF9C69;
	border:1px solid #AF9C69;
	border-radius:50px;
	font-family: 'Barlow Semi Condensed', sans-serif;
}


.eventpage .sessionlist .schedule .time .list{

	padding:12px 0 0 0;
	position: relative;
	z-index: 10;

}
.eventpage .sessionlist .schedule .time .list li{
	background-color:#AF9C69;
	padding:10px 20px;
}
.eventpage .sessionlist .schedule .time .sideB .list li{
	background-color:#EBCD7D;
}


.eventpage .sessionlist .schedule .time .list li.s1{
	height:100px;
	margin:0 0 3px 0;
}
.eventpage .sessionlist .schedule .time .list li.s2{
	height:83px;
	margin:0 0 15px 0;
}
.eventpage .sessionlist .schedule .time .list li.s3{
	height:40px;
	margin:0 0 3px 0;
}
.eventpage .sessionlist .schedule .time .list li.s4{
	height:40px;
	margin:0 0 15px 0;
}
.eventpage .sessionlist .schedule .time .list li.s5{
	height:40px;
	margin:0 0 3px 0;
}
.eventpage .sessionlist .schedule .time .list li.s6{
	height:90px;
	margin:0 0 10px 0;
}
.eventpage .sessionlist .schedule .time .list li.s7{
	height:100px;
	margin:0 0 10px 0;
}
.eventpage .sessionlist .schedule .time .list li.s8{
	height:120px;
	margin:0 0 3px 0;
}
.eventpage .sessionlist .schedule .time .list li.s9{
	height:102px;
	margin:0 0 3px 0;
}
.eventpage .sessionlist .schedule .time .list li.s10{
	height:102px;
	margin:0 0 3px 0;
}
.eventpage .sessionlist .schedule .time .list li.s11{
	height:120px;
	margin:0 0 3px 0;
}
.eventpage .sessionlist .schedule .time .list li.s12{
	height:98px;
	margin:0 0 72px 0;
}

.eventpage .sessionlist .schedule .time .list li.d1{
	height:215px;
	margin:0 0 41px 0;
}
.eventpage .sessionlist .schedule .time .list li.d2{
	height:215px;
	margin:0 0 41px 0;
}
.eventpage .sessionlist .schedule .time .list li.d3{
	height:215px;
	margin:0 0 41px 0;
}
.eventpage .sessionlist .schedule .time .list li.d4{
	height:215px;
	margin:0 0 195px 0;
}

.eventpage .sessionlist .schedule .time .list li.f1{
	width:346px;
	height:66px;
	border:1px solid #AF9C69;
	background-color:transparent;
	align-content:center;
}
.eventpage .sessionlist .schedule .time .list li.f1 p{
	font-size:16px;
	color:#AF9C69;
	align-content:center;
	height: 100%;
}
.eventpage .sessionlist .schedule .time .list li.f1 a::after{
	right: 0;
}

.eventpage .sessionlist .schedule .time .list li.f2{
	width:346px;
	height:66px;
	border:1px solid #AF9C69;
	background-color:transparent;
	align-content:center;
	margin:0 0 0 -104px;
}
.eventpage .sessionlist .schedule .time .list li.f2 p{
	font-size:16px;
	color:#AF9C69;
	align-content:center;
	height: 100%;
}
.eventpage .sessionlist .schedule .time .list li.f2 a::after{
	right: 0;
}



.eventpage .sessionlist .schedule .time .list li a{
	text-decoration: none;
	display: block;
	position:relative;
	height: 100%;
	padding:0;
}
.eventpage .sessionlist .schedule .time .list li a:after{
	content:"";
	display: block;
	position:absolute;
	top: 50%;
	transform: translate(0,-50%);
	right: -34px;
	width:28px;
	height: 28px;
	border-radius:14px;
	border:1px solid #fff;
	background-color:#AF9C69;
	background-image:url("/wp-content/themes/summit/images/event2025/icon_arrow_w.png");
	background-size:12px auto;
	background-position:center center;
	background-repeat: no-repeat;
}
.eventpage .sessionlist .schedule .time .list li a:hover:after{
	border:1px solid #AF9C69;
	background-color:#fff;
	background-image:url("/wp-content/themes/summit/images/event2025/icon_arrow.png");

}
.eventpage .sessionlist .schedule .time .list li div{
	font-family: 'Barlow Semi Condensed', sans-serif;
	color:#F7E2AB;
	font-size:20px;
	display: block;
	font-weight: 600;
	padding:0;
	margin:0 0 2px 0;
	align-content: center;
}
.eventpage .sessionlist .schedule .time .list li.s3 div,
.eventpage .sessionlist .schedule .time .list li.s4 div,
.eventpage .sessionlist .schedule .time .list li.s5 div
{
	width:auto;
	display: inline-block;
	vertical-align: middle;
	margin:0 34px 0 0;

}


.eventpage .sessionlist .schedule .time .sideB .list li div{
	color:#B98700;
}
.eventpage .sessionlist .schedule .time .list li div span{
	display: block;
	margin:0 0 5px 0;
}
.eventpage .sessionlist .schedule .time .list li p{
	width:auto;
	display: inline-block;
	vertical-align: middle;

	color:#FFFFFF;
	font-size:16px;
	line-height: 23px;

}
.eventpage .sessionlist .schedule .time .list li p br.pc2{
	display: inline;
}
.eventpage .sessionlist .schedule .time .sideB .list li p{
	color:#8B773F;
}

.eventpage .snslist{
	text-align: center;
	padding:60px 0;
}
.eventpage .snslist.snslist2{
	padding:0;
	position: absolute;
	left: 0;
	right: 0;
	margin: 30px 0 0 0;
}
.eventpage .snslist li{
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 0 0;
}
.eventpage .snslist img{
	width: 40px;
  	height: auto;
}



.eventpage .detaiinfo{
	max-width:960px;
	margin-inline: auto;
	padding:0 0 0 0;
}
.eventpage .detaiinfo dl{
	margin:0 0 60px 0;
	font-size:0;
	display: flex;
}
.eventpage .detaiinfo dl:last-of-type{
	margin:0;
}
.eventpage .detaiinfo dl dt{
	width:240px;
	display: block;
	font-size:28px;
	line-height: 40px;
	color:#AF9C69;
	font-family: 'Barlow Semi Condensed', sans-serif;
	position:relative;

}
.eventpage .detaiinfo dl dt:before{
	content:"";
	display: block;
	position:absolute;
	top:64px;
	left:70px;
	width:1px;
	height:calc(100% - 64px - 40px);
	background-color:#EBCD7D;


}
.eventpage .detaiinfo dl dd{
	width:calc(100% - 240px);
	display:block;

	
}
.eventpage .detaiinfo dl dd .sessionname{
	color:#AF9C69;
	font-size:28px;
	line-height: 40px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	margin:0 0 14px 0;
}
.eventpage .detaiinfo dl dd .floor{
	text-align: center;
	margin:0 0 24px 0;
	font-size:24px;
	height: 40px;
	width:100px;
	align-content: center;
	color:#AF9C69;
	border:1px solid #AF9C69;
	border-radius:50px;
	font-family: 'Barlow Semi Condensed', sans-serif;
}
.eventpage .detaiinfo dl dd h3{
	font-size:28px;
	line-height: 40px;
	color:#AF9C69;
	font-weight: 500;
	margin:0 0 25px 0;
}
.eventpage .detaiinfo dl dd p{
	font-size:16px;
	line-height: 30px;
	color:#333;
	margin:0 0 40px 0;
}
.eventpage .detaiinfo dl dd p a{
	text-decoration: none;
	color: #AF9C69;
}
.eventpage .detaiinfo dl dd p a:hover{
	text-decoration: underline;
}

.eventpage .detaiinfo dl dd p span{
	font-size:80%;
}
.eventpage .detaiinfo dl dd .specialevent{
	font-size:16px;
	line-height: 30px;
	color:#333;
	margin:0;
	padding:40px;
	border:1px solid #AF9C69;
	border-radius:10px;
}
.eventpage .detaiinfo dl dd .specialevent strong{
	font-size:150%;
	margin: 0 0 10px 0;
	display: block;
}
.eventpage .detaiinfo dl dd .specialevent dl{
	font-size:16px;
	line-height: 30px;
	display: block;
  	margin: 0;
}
.eventpage .detaiinfo dl dd .specialevent dl dt{
	font-size:16px;
	line-height: 30px;
	color:#333;
	width:60px;
	display: inline-block;
	vertical-align: top;
}
.eventpage .detaiinfo dl dd .specialevent dl dt:after{
	display: inline-block;
	vertical-align: top;
	content:":";
}
.eventpage .detaiinfo dl dd .specialevent dl dd{
	display: inline-block;
	vertical-align: top;
	font-size:16px;
	line-height: 30px;
	color:#333;
}
.eventpage .detaiinfo dl dd .specialevent .entry{
	font-size:16px;
	line-height: 30px;
}



.eventpage .detaiinfo dl dd .member{
	
}
.eventpage .detaiinfo dl dd .member .prof{
	display: inline-block;
	vertical-align: top;
	margin:0 20px 40px 0;
	width:150px;
}
.eventpage .detaiinfo dl dd .member .prof img{
	width:150px;
	height: auto;
	margin:0 0 10px 0;
}
.eventpage .detaiinfo dl dd .member .prof .handle{
	font-size:13px;
	line-height: 18px;
	color:#666666;
	margin:0 0 10px 0;
}
.eventpage .detaiinfo dl dd .member .prof .name{
	font-size:16px;
	line-height: 20px;
	color:#2c1c1c;
}


@media(max-width:1024px){
	.eventpage .sessionlist{
		padding: 60px 20px 80px 20px;
	}
	.eventpage .detaiinfo{
		padding: 160px 20px 0 20px;
	}
}


@media(max-width:960px){
	/*base750*/

	.eventpage .sessionlist .schedule .time .timeline{
		top:13.6vw;	/*102*/
	}

	.eventpage .sessionlist .schedule .time .timeline.sp2{
		top:359.333333333vw;	/*2695*/
		display: block;

	}
	.eventpage .sessionlist .schedule .time .timeline li{
		font-size:3.2vw;	/*24*/
		height: 35.733333333vw;	/*268*/
	}
	.eventpage .sessionlist .schedule .time .timeline li:before{
		width:calc(100% - 9.6vw);	/*72*/
		height: 0.133333333vw;	/*1*/
		left:9.6vw;	/*72*/
		top:1.6vw;	/*12*/
	}
	.eventpage .sessionlist .schedule .side.sideA{
		width:100%;
		margin:0;
	}
	.eventpage .sessionlist .schedule .side.sideB{
		width:100%;
		margin:0;
		padding:10.66666667vw 0 0 0;	/*80*/
	}

	.eventpage .sessionlist .schedule .side .floor{

  		margin: 0 auto 7.33333333vw auto;	/*55*/
		font-size: 4.266666667vw;	/*32*/
		height: 8vw;	/*60*/
		width: 18.66666667vw;	/*140*/
		border: 0.266666667vw solid #AF9C69;	/*2*/
		border-radius: 9.33333333vw;	/*70*/
	}

	.eventpage .sessionlist .schedule .time .list{
		padding:0 5.866666667vw 0 12.266666667vw;		/*44 92*/
	}
	.eventpage .sessionlist .schedule .time .list li{
		padding:0.66666667vw 2.66666667vw;	/*5 20*/
	}
	.eventpage .sessionlist .schedule .time .list li.s1{
		height:30vw;	/*225*/
		margin:0 0 0.533333333vw 0;	/*4*/
	}
	.eventpage .sessionlist .schedule .time .list li.s2{
		height:17.6vw;	/*132*/
		margin:0 0 1.466666667vw 0;	/*11*/
	}
	.eventpage .sessionlist .schedule .time .list li.s3{
		height:17.6vw;	/*132*/
		margin:0 0 0.533333333vw 0;	/*4*/
	}
	.eventpage .sessionlist .schedule .time .list li.s4{
		height:12.533333333vw;	/*94*/
		margin:0 0 3.733333333vw 0;	/*28*/
	}
	.eventpage .sessionlist .schedule .time .list li.s5{
		height:17.6vw;	/*132*/
		margin:0 0 0.66666667vw 0;	/*5*/
	}
	.eventpage .sessionlist .schedule .time .list li.s6{
		height:17.6vw;	/*132*/
		margin:0 0 0.533333333vw 0;	/*4*/
	}
	.eventpage .sessionlist .schedule .time .list li.s7{
		height:27.2vw;	/*204*/
		margin:0 0 0.533333333vw 0;	/*4*/
	}
	.eventpage .sessionlist .schedule .time .list li.s8{
		height:34.66666667vw;	/*260*/
		margin:0 0 0.533333333vw 0;	/*4*/
	}
	.eventpage .sessionlist .schedule .time .list li.s9{
		height:34.66666667vw;	/*260*/
		margin:0 0 0.533333333vw 0;	/*4*/
	}
	.eventpage .sessionlist .schedule .time .list li.s10{
		height:28.8vw;	/*216*/
		margin:0 0 0.533333333vw 0;	/*4*/
	}
	.eventpage .sessionlist .schedule .time .list li.s11{
		height:34.66666667vw;	/*260*/
		margin:0 0 0.533333333vw 0;	/*4*/
	}
	.eventpage .sessionlist .schedule .time .list li.s12{
		height:23.733333333vw;	/*132*/
		margin:0 0 4vw 0;	/*30*/
	}
	.eventpage .sessionlist .schedule .time .list li.f1{
		width:100%;
		height: 8.8vw;	/*66*/
  		border: 0.1333333333vw solid #AF9C69;	/*1*/
	}

	.eventpage .sessionlist .schedule .time .list li.d1{
		height:60vw;	/*450*/
		margin:0 0 11.466666667vw 0;	/*86*/
	}
	.eventpage .sessionlist .schedule .time .list li.d2{
		height:60vw;	/*450*/
		margin:0 0 11.466666667vw 0;		/*86*/	
	}
	.eventpage .sessionlist .schedule .time .list li.d3{
		height:60vw;	/*450*/
		margin:0 0 11.466666667vw 0;	/*86*/

	}
	.eventpage .sessionlist .schedule .time .list li.d4{
		height:60vw;	/*450*/
		margin:0 0 4vw 0;		/*30*/	
	}
	.eventpage .sessionlist .schedule .time .list li.f2{
		width:100%;
		height: 8.8vw;	/*66*/
  		border: 0.1333333333vw solid #AF9C69;	/*1*/
		margin:0;
	}



	.eventpage .sessionlist .schedule .time .list li a{
		padding:0;
	}
	.eventpage .sessionlist .schedule .time .list li a:after{
		right: -5.33333333vw;	/*-40*/
		width:5.33333333vw;	/*40*/
		height: 5.33333333vw;	/*40*/
		border-radius:2.666666667vw;	/*20*/
		border:0.133333333vw solid #fff;	/*1*/
		background-size:1.6vw auto;	/*12*/
	}
	.eventpage .sessionlist .schedule .time .list li a:hover:after{
		border:0.133333333vw solid #AF9C69;		/*1*/
	}
	.eventpage .sessionlist .schedule .time .list li div{
		font-size:4.266666667vw;	/*32*/
		width:100%;
		padding:0 0 0.8vw 0;	/*6*/
	}
	.eventpage .sessionlist .schedule .time .list li div span{
		margin:0 0 0.66666667vw 0;	/*5*/
	}
	.eventpage .sessionlist .schedule .time .list li p{
		width:100%;
		font-size:3.733333333vw;	/*28*/
		line-height: 4.8vw;	/*36*/
	}
	.eventpage .sessionlist .schedule .time .list li.f1 p{
		font-size:3.2vw;	/*24*/

	}
	.eventpage .sessionlist .schedule .time .list li.f2 p{
		font-size:3.2vw;	/*24*/
	}
	.eventpage .sessionlist .schedule .time .list li p br.pc2{
		display: none;
	}

}


@media(max-width:750px){

	.eventpage .eventcopy{
		font-size:4.26666667vw;	/*32*/
		line-height: 7.46666667vw;	/*56*/
		max-width:74.93333333vw;	/*562*/
		text-align: left;
	}
	.eventpage .eventcopy strong{
		margin:0 0 30px 0;
	}

	.eventpage .eventcopy dl dt{
		display: inline-block;
		vertical-align: top;
		width:100%;
		font-size:4.26666667vw;	/*32*/
		line-height: 7.46666667vw;	/*56*/
	}
	.eventpage .eventcopy dl dt:after{
		display: none;
	}

	.eventpage .eventcopy dl dd{
		display: inline-block;
		vertical-align: top;	
		width:100%;
		font-size:3.733333333vw;	/*28*/
		line-height:4.266666667vw ;	/*32*/
		margin:0 0 2.66666667vw 0;	/*20*/
	}
	
	.eventpage .eventcopy .entry{
		margin:4vw 0 4vw 0;	/*30 30*/
		font-size:4.266666667vw;	/*32*/
		line-height:4.266666667vw ;	/*32*/
	}
	

	.eventpage .sessionlist{
		background-image: url("/wp-content/themes/summit/images/about_bk1.png") , url("/wp-content/themes/summit/images/about_bk2.png");
		background-position: top 21.33333333vw right , top 39.46666667vw left;	/*160 296*/
		background-size: 43.73333333vw auto , 21.86666667vw auto;	/*328 164*/
		background-repeat: no-repeat , no-repeat;
		padding:8vw 5.33333333vw 10.66666667vw 5.33333333vw;	/*60 40 80 40*/
	}
	.eventpage .sessionlist .schedule{
		border-radius:5.33333333vw;	/*40*/
		padding:8vw 2.666666667vw;	/*60 20*/
	}
	.eventpage .sessionlist .schedule .logo{
		margin:0 auto 8vw auto;	/*60*/
	}
	.eventpage .sessionlist .schedule .logo img{
		width:26.66666667vw;	/*200*/
	}
	.eventpage .sessionlist .schedule .logo p{
		font-size:2.66666667vw;	/*20*/
	}
	.eventpage .sessionlist .schedule .logo p:before{
		height:8.53333333vw;	/*64*/
		width:0.133333333vw;	/*1*/
		margin:0 4vw;	/*30*/
	}
	.eventpage .sessionlist .schedule .logo .sponsored{
		margin: 3.733333333vw 0 0 0;	/*28*/
		font-size:2.666666667vw;	/*20*/
		line-height: 4.266666667vw;	/*32*/
	}
	.eventpage .sessionlist .schedule .logo .sponsored .pc2{
		display: none;
	}
	.eventpage .sessionlist .schedule .logo .sponsored .sp2{
		display: inline;
	}

	.eventpage .snslist{
		text-align: center;
		padding:16vw 0 0 0;	/*120*/
	}
	.eventpage .snslist.snslist2{
		margin: 0;
	}

	.eventpage .snslist li{
		margin: 0 4vw 0 0;	/*30*/
	}
	.eventpage .snslist img{
		width: 10.66666667vw;	/*80*/
	}

	
	.eventpage .detaiinfo{
		padding:21.33333333vw 8.53333333vw 8vw 8.53333333vw;	/*160 64 60 64*/
	}
	.eventpage .detaiinfo dl{
		margin:0 0 8vw 0;	/*60*/
	}
	.eventpage .detaiinfo dl dt{
		width:18.66666667vw;	/*140*/
		font-size: 4.26666667vw;	/*32*/
		line-height: 5.33333333vw;	/*40*/
	}
	.eventpage .detaiinfo dl dt:before{
		top:17.06666667vw;	/*128*/
		left:8.266666667vw;	/*62*/
		width:0.133333333vw;	/*1*/
		height:calc(100% - 17.06666667vw - 5.33333333vw);	/*128 40*/
	}
	.eventpage .detaiinfo dl dd{
		width:calc(100% - 18.66666667vw);	/*140*/
	}
	.eventpage .detaiinfo dl dd .sessionname{
		font-size: 3.733333333vw;	/*28*/
		line-height: 6.4vw;	/*48*/
		margin:0 0 1.866666667vw 0;	/*14*/
	}
	.eventpage .detaiinfo dl dd .floor{
		margin:0 0 4vw 0;	/*30*/
		font-size:4.26666667vw;	/*32*/
		height: 8vw;	/*60*/
		width:18.66666667vw;	/*140*/
		border:0.133333333vw solid #AF9C69;	/*1*/
		border-radius:9.33333333vw;	/*70*/
	}

	.eventpage .detaiinfo dl dd h3{
		font-size: 5.33333333vw;	/*40*/
		line-height: 6.4vw;	/*48*/
		margin:0 0 3.33333333vw 0;	/*25*/
	}
	.eventpage .detaiinfo dl dd p{
		font-size:3.466666667vw;	/*26*/
		line-height: 6.4vw;	/*48*/
		margin:0 0 5.33333333vw 0;	/*40*/
	}
	.eventpage .detaiinfo dl dd .specialevent{
		font-size:3.466666667vw;	/*26*/
		line-height: 6.4vw;	/*48*/
		margin:0;
		width:100%;
		padding:5.33333333vw;	/*40*/
		border:0.266666667vw solid #AF9C69;	/*2*/
		border-radius:2.66666667vw;	/*20*/
	}
	.eventpage .detaiinfo dl dd .specialevent strong{
		font-size:150%;
		margin:0 0 0.8vw 0;	/*6*/
	}
	.eventpage .detaiinfo dl dd .specialevent dl{
		font-size:3.466666667vw;	/*26*/
		line-height: 6.4vw;	/*48*/

	}
	.eventpage .detaiinfo dl dd .specialevent dl dt{
		font-size:3.466666667vw;	/*26*/
		line-height: 6.4vw;	/*48*/
		width:16vw;	/*120*/
		display: inline-block;
		vertical-align: top;
	}
	.eventpage .detaiinfo dl dd .specialevent dl dd{
		font-size:3.466666667vw;	/*26*/
		line-height: 6.4vw;	/*48*/
	}
	.eventpage .detaiinfo dl dd .specialevent .entry{
		font-size:3.466666667vw;	/*26*/
		line-height: 6.4vw;	/*48*/
	}


	.eventpage .detaiinfo dl dd .member .prof{
		margin:0 2.66666667vw 10.66666667vw 0;	/*20 80*/
		width:28.66666667vw;	/*215*/
	}
	.eventpage .detaiinfo dl dd .member .prof img{
		width:28.66666667vw;	/*215*/
		margin:0 0 1.33333333vw 0;	/*10*/
	}
	.eventpage .detaiinfo dl dd .member .prof .handle{
		font-size:3.733333333vw;	/*28*/
		line-height:4.8vw;	/*36*/
		margin:0 0 1.33333333vw 0;	/*10*/
	}
	.eventpage .detaiinfo dl dd .member .prof .name{
		font-size:3.733333333vw;	/*28*/
		line-height: 4.8vw;	/*36*/
	}
	


}

/* ************************************************** */
.breadcrumbs{
	max-width:980px;
	margin:-42px auto 32px auto;
	padding:0 10px;
}



.breadcrumbs ul li{
	display: inline-block;
	vertical-align: middle;
	font-size:12px;
	line-height: 1.4;
	color:#A8ADAC;

}

.breadcrumbs ul li:after{
	content:"＞";
	font-size:8px;
	margin:0 4px 0 6px;
	display: inline-block;
	vertical-align: middle;
}
.breadcrumbs ul li:last-of-type:after{
	display: none;
}
.breadcrumbs a{
	color:#A8ADAC;
	text-decoration: none;
}
.breadcrumbs a:hover{
	text-decoration: underline;
}

@media(max-width:750px){
	.breadcrumbs{
		max-width:82.93333333vw;	/*622*/
		padding:0;
		margin:-10.66666667vw auto 6.66666667vw auto;	/*-80 50*/
	}
	.breadcrumbs ul li{
		font-size:2.66666667vw;	/*20*/
	}
	.breadcrumbs ul li:after{
		font-size:2.13333333vw;	/*16*/
		margin:0 1.066666667vw;	/*8*/
	}
}


/* ************************************************** */
.lgpage .citylist{

}
.lgpage .citylist ul{
	max-width:894px;
	margin:0 auto 74px auto;
	text-align: left;
	font-size:0;
}
.lgpage .citylist ul li{
	display: inline-block;
	vertical-align: top;
	border:1px solid #AF9C69;
	width: 209px;
	margin:6px;
	text-align: center;
	position:relative;
}
.lgpage .citylist ul li a{
	display: block;
	text-decoration: none;
	background-image:url("/wp-content/themes/summit/images/lg_arrow.png");
	background-position:right 20px center;
	background-repeat: no-repeat;
	background-size:21px auto;

}
.lgpage .citylist ul li a:after{
	content:"";
	display: block;
	width:0;
	height:10px;
	background-color:#AF9C69;
	position:absolute;
	bottom:0;
	transition: width .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lgpage .citylist ul li a:hover:after{
	width:100%;

}
.lgpage .citylist ul li .mark{
	height:40px;
	width:auto;
	position:absolute;
	top:20px;
	left:20px;

}
.lgpage .citylist ul li .mark img{
	width:auto;
	height: 100%;
}
.lgpage .citylist ul li .name{
	padding:30px 0;
	font-size:14px;
	color:#AF9C69;
}


@media(max-width:750px){
	.lgpage .citylist ul{
		max-width: 85.86666667vw;	/*644*/
		margin: 0 auto 9.2vw auto;	/*69*/
	}
	.lgpage .citylist ul li{
		width:40vw;	/*300*/
		margin:0 1.466666667vw 1.466666667vw 1.466666667vw;	/*11 11 11*/
		border: 0.133333333vw solid #AF9C69;	/*1*/
	}
	.lgpage .citylist ul li a{
		background-position: right 4vw center;	/*30*/
		background-size: 4.266666667vw auto;	/*32*/
	}
	.lgpage .citylist ul li .mark{
		height: 6.933333333vw;	/*52*/
		top: 1.866666667vw;	/*14*/
		left: 3.46666667vw;	/*26*/
	}
	.lgpage .citylist ul li .name{
		padding: 3.733333333vw 0;	/*28*/
		font-size: 3.2vw;	/*24*/
	}
	.lgpage .citylist ul li a::after{
		height: 1.33333333vw;	/*10*/
	}

}




/* ************************************************** */

.articlelist{

}
.articlelist .inner{
	max-width:912px;
	margin:0 auto;
}
.articlelist ul{
	font-size:0;
	text-align: left;
	margin:0 auto 10px auto;
}
.articlelist ul li{
	display: inline-block;
	vertical-align: top;
	margin:0 20px 40px 20px;
	width:264px;
	text-align: left;
}
.articlelist ul li a{
	text-decoration: none;
}
.articlelist ul li a:hover{
	opacity: .7;
}
.articlelist ul li .fig{
	width:264px;
	height:176px;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
	margin:0 0 10px 0;
}
.articlelist ul li .fig img{
	width:264px;
	height:176px;
}
.articlelist ul li .datetime{
	font-size:12px;
	color:#999999;
	margin:0 0 7px 0;
	font-family: 'Barlow Semi Condensed', sans-serif;
}
.articlelist ul li .title{
	font-size:18px;
	line-height: 28px;
	color:#333333;
	font-weight: bold;
	height:84px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin:0 0 15px 0;
}
.articlelist ul li .desc{
	font-size:14px;
	line-height: 24px;
	color:#333333;
	height:48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin:0 0 20px 0;
}
.articlelist ul li .tag{
	background-color:#E6E6E6;
	font-size:12px;
	color:#333333;
	padding:6px 12px;
	display: inline-block;
	vertical-align: top;
	margin:0 4px 4px 0;
}
.articlelist ul li .tag:hover{
	opacity: .7;;
}

@media(max-width:920px){
	.articlelist ul{
		text-align: center;
	}
}


@media(max-width:750px){
	.articlelist ul{
		margin: 0 auto ;
	}
	.articlelist ul li{
		margin: 0 0 8vw;	/*60*/
		width: 82.93333333vw;	/*622*/
	}
	.articlelist ul li .fig{
		width: 82.93333333vw;	/*622*/
		height: 55.2vw;	/*414*/
		margin: 0 0 20px 0;	/*20*/
	}
	.articlelist ul li .fig img{
		width: 82.93333333vw;	/*622*/
		height: 55.2vw;	/*414*/
	}
	.articlelist ul li .datetime{
		font-size:3.2vw;	/*24*/
		margin: 0 0 2.133333333vw 0;	/*16*/
	}
	.articlelist ul li .title{
		font-size: 3.2vw;	/*24*/
		line-height: 5.33333333vw;	/*40*/
		height:10.666666667vw;	/*80*/
		margin:0 0 2.8vw 0;	/*21*/
		-webkit-line-clamp: 2;
	}
	.articlelist ul li .desc{
		font-size: 3.2vw;	/*24*/
		line-height: 5.33333333vw;	/*40*/
		height:5.33333333vw;	/*40*/
		margin:0 0 2.8vw 0;	/*21*/
		-webkit-line-clamp: 1;
	}
	.articlelist ul li .tag{
		font-size:3.2vw;	/*24*/
		padding:1.6vw 1.866666667vw;	/*12 14*/
		margin: 0 0.8vw 0.8vw 0;	/*6 6*/
	}

}


/* ************************************************** */
.lgcategory{
	max-width:960px;
	margin:0 auto;
}
.lgcategory .visual{
	width:100%;
	position:relative;
	margin:0;
}
.lgcategory .visual .catevisual{
	width:100%;
	height: auto;
	margin:0 0 40px 0;
}
.lgcategory .visual .map{
	position:absolute;
	top:330px;
	right:-64px;
	width:420px;
	height:483px;	
}
.lgcategory .visual .map img{
	width:100%;
	height: auto;
}
.lgcategory .visual .catecopy{
	max-width:500px;
	margin:0 420px 0 44px;
	font-size:16px;
	line-height: 30px;
	color:#333333;
}
.lgcategory .furusato{
	padding:80px 0 0 0;
}
.lgcategory .furusato h3{
	color:#AF9C69;
	text-align: center;
	font-size:32px;
	line-height: 36px;
	font-weight: normal;
	margin:0 auto 40px auto;
}
.lgcategory .furusato h3 span{
	font-size:18px;
	line-height: 36px;
	display: block;
}
.lgcategory .furusato .catchcopy{
	max-width:872px;
	margin:0 auto;
	font-size:0;
}
.lgcategory .furusato .catchcopy .image{

	width:calc(100% - 416px - 40px);
	height: auto;
	margin:0 0 10px 0;
	display: inline-block;
	vertical-align: top;
}
.lgcategory .furusato .catchcopy .image img{
	width:100%;
	height: auto;
	margin:0 0 10px 0;
}
.lgcategory .furusato .catchcopy .image .caption{
	font-size:12px;
	line-height: 20px;
	color:#777777;
}
.lgcategory .furusato .catchcopy .text{
	display: inline-block;
	vertical-align: top;
	width:416px;
	margin:0 0 0 40px;
}
.lgcategory .furusato .catchcopy .text h4{ 
	font-size:22px;
	line-height: 36px;
	font-weight: 400;
	color:#333333;
	margin:0 0 21px 0;
}
.lgcategory .furusato .catchcopy .text p{ 
	font-size:16px;
	line-height: 30px;
	color:#333333;
}
.lgcategory .furusato .list{
	margin:80px auto 0 auto;
}
.lgcategory .furusato .list ul{
	font-size:0;
	max-width:872px;
	margin:0 auto;

}
.lgcategory .furusato .list ul li{
	width:calc((100% - 40px) / 2);
	display: inline-block;
	vertical-align: top;
	margin:0 40px 40px 0;
	border:1px solid #999999;
	text-align: center;
}
.lgcategory .furusato .list ul li:nth-child(2n){
	margin:0 0 40px 0;
}
.lgcategory .furusato .list ul li a{
	font-size:22px;
	color:#AF9C69;
	display: block;
	background-image:url("/wp-content/themes/summit/images/cate_ext.png");
	background-repeat: no-repeat;
	background-size:10px auto;
	background-position:top 10px right 10px;
	padding:48px 0;
	text-decoration: none;
	position:relative;
}
.lgcategory .furusato .list ul li a:after{
	content:"";
	display: block;
	width:0;
	height:10px;
	background-color:#AF9C69;
	position:absolute;
	bottom:0;
	transition: width .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lgcategory .furusato .list ul li a:hover:after{
	width:100%;
}

.lgcategory .sightseeing{
	padding:80px 0 0 0;
	margin:0 auto 60px auto;
}
.lgcategory .sightseeing h3{
	font-size:28px;
	color:#333333;
	padding:0 0 21px 0;
	border-bottom:1px solid #AF9C69;
	margin:0 auto 80px auto;
	text-align: center;
}
.lgcategory .sightseeing ul{
	margin:0 0 40px 0;
	font-size:0;
	max-width:872px;
	margin:0 auto;
}
.lgcategory .sightseeing ul li{
	width:calc((100% - 40px) / 2);
	display: inline-block;
	vertical-align: top;
	margin:0 40px 40px 0;
	border:1px solid #999999;
	text-align: center;


}

.lgcategory .sightseeing ul li:nth-child(2n){
	margin:0 0 40px 0;
}
.lgcategory .sightseeing ul li a{
	font-size:22px;
	color:#AF9C69;
	display: block;
	background-image:url("/wp-content/themes/summit/images/cate_ext.png");
	background-repeat: no-repeat;
	background-size:10px auto;
	background-position:top 10px right 10px;
	padding:24px 0;
	text-decoration: none;
	position:relative;
}
.lgcategory .sightseeing ul li a:after{
	content:"";
	display: block;
	width:0;
	height:10px;
	background-color:#AF9C69;
	position:absolute;
	bottom:0;
	transition: width .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lgcategory .sightseeing ul li a:hover:after{
	width:100%;
}
.lgcategory .sightseeing ul li p{
	font-size:22px;
	line-height: 36px;
	color:#AF9C69;
	padding:0 0 0 80px;
	background-repeat: no-repeat;
	background-size:40px auto;
	background-position: center left;
	display: inline-block;
	text-align: left;
}
.lgcategory .sightseeing ul li p span{
	font-size:16px;
	line-height: 36px;
	color:#666666;
	display: block;
}
.lgcategory .sightseeing ul li.migration p{
	background-image:url("/wp-content/themes/summit/images/cate_home.png");
}
.lgcategory .sightseeing ul li.tourism p{
	
	background-image:url("/wp-content/themes/summit/images/cate_see.png");
}



.articlelist.categorylist h3{
	font-size:28px;
	color:#333333;
	padding:0 0 21px 0;
	border-bottom:1px solid #AF9C69;
	margin:0 auto 80px auto;
	text-align: center;
	max-width:872px;
}

.articlelist.categorylist ul{
	text-align: left;
}
.articlelist.categorylist ul li{
	width:416px;
	margin:0 20px 40px 20px;
}
.articlelist.categorylist ul li .fig{
	width: 416px;
	height: 277px;
}
.articlelist.categorylist ul li .title{
	height: 56px;
	-webkit-line-clamp: 2;
}
.articlelist.categorylist ul li .desc{
	height: 24px;
	-webkit-line-clamp: 1;
}


.articlelistfooter{
	max-width:784px;
	margin:160px auto 0 auto;
}
.articlelistfooter .snslist{
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:34px 0;
	margin:0 auto 80px auto;
}
.articlelistfooter .snslist ul{
	text-align: center;
}
.articlelistfooter .snslist ul li{
	display: inline-block;
	vertical-align: top;
	margin:0 10px;
	width:auto;
}
.articlelistfooter .snslist ul li a{
	display: block;
	width:32px;
	height: auto;
}
.articlelistfooter .snslist ul li a:hover{
	opacity: .7;
}
.articlelistfooter .snslist ul li img{
	width:100%;
	height: auto;	
}
.articlelistfooter .return{
	
}
.articlelistfooter .return a{
	font-size:14px;
	color:#FFFFFF;
	background-color:#AF9C69;
	width:200px;
	padding:23px 0;
	display: block;
	margin:0 auto;
	text-align: center;
	text-decoration: none;
	transition: all 0.8s;
}
.articlelistfooter .return a:hover{
	background-color: #BFA04B;
}


@media(max-width:1100px){
	.lgcategory{
		padding:0 10px;
	}
	.lgcategory .visual .map{
		right: -10px;
	}
	.lgcategory .visual .catecopy{
		max-width: 480px;
	}


}

@media(max-width:920px){
	.articlelist.categorylist h3{
		margin: 0 10px 80px 10px;
	}
	.articlelist.categorylist ul{
		text-align: center;
	}


}
@media(max-width:820px){
	.articlelistfooter .snslist{
		margin: 0 10px 80px 10px;
	}
}



@media(max-width:750px){
	.lgcategory{
		padding:0;
	}
	.lgcategory .visual{
		width:82.93333333vw;	/*622*/
		margin:0 auto;
	}
	.lgcategory .visual .catevisual{
		margin: 0 0 64.26666667vw 0;	/*482*/
	}
	.lgcategory .visual .map{
		width: 56vw;	/*420*/
		height: 64.4vw;	/*483*/
		top: 42.4vw;	/*318*/
		right: 5.6vw;	/*42*/
	}
	.lgcategory .visual .catecopy{
		max-width: 82.93333333vw;	/*622*/
		margin: 0 auto;
		font-size: 3.46666667vw;	/*26*/
		line-height: 6.93333333vw;	/*52*/
	}

	.lgcategory .furusato{
		width:82.93333333vw;	/*622*/
		margin:0 auto;
	}
	.lgcategory .furusato h3{
		font-size: 5.866666667vw;	/*44*/
		line-height: 8.266666667vw;	/*62*/
		margin: 0 auto 5.33333333vw auto;	/*40*/
	}
	.lgcategory .furusato h3 span{
		font-size: 2.933333333vw;	/*22*/
		line-height: 4.8vw;	/*36*/
	}
	.lgcategory .furusato .catchcopy{
		max-width: 82.93333333vw;	/*622*/
		margin:0 auto 16vw auto;	/*120*/
	}
	.lgcategory .furusato .catchcopy .image{
		width:100%;
		margin: 0 0 5.33333333vw 0;	/*40*/
	}
	.lgcategory .furusato .catchcopy .image img{
		margin: 0 0 4vw 0;	/*30*/
	}
	.lgcategory .furusato .catchcopy .image .caption{
		font-size: 3.2vw;	/*24*/
		line-height: 5.33333333vw;	/*40*/
	}
	.lgcategory .furusato .catchcopy .text{
		width: 82.93333333vw;	/*622*/
		margin: 0 ;
	}
	.lgcategory .furusato .catchcopy .text h4{
		font-size: 4.266666667vw;	/*32*/
		line-height: 6.4vw;	/*48*/
		margin: 0 0 5.33333333vw 0;	/*40*/
	}
	.lgcategory .furusato .catchcopy .text p{
		font-size: 3.46666667vw;	/*26*/
		line-height: 6.93333333vw;	/*52*/
	}


	.lgcategory .furusato .list{
		margin: 0 auto;
	}
	.lgcategory .furusato .list ul{
		max-width: 82.93333333vw;	/*622*/
	}
	.lgcategory .furusato .list ul li:nth-child(2n),
	.lgcategory .furusato .list ul li{
		width:100%;
		border: 0.133333333vw solid #999999;	/*1*/
		margin:0 0 4vw 0;	/*30*/
	}
	.lgcategory .furusato .list ul li a{
		font-size: 4.266666667vw;	/*32*/
		background-size: 2.66666667vw auto;	/*20*/
		background-position: top 2.66666667vw right 2.66666667vw;	/*20*/
		padding: 9.733333333vw 0;	/*73*/
	}
	.lgcategory .furusato .list ul li a::after{
		height: 1.33333333vw;	/*10*/
	}

	.lgcategory .sightseeing{
		padding: 10.66666667vw 0 0 0;	/*80*/
  		margin: 0 auto 16vw auto;	/*120*/
	}
	.lgcategory .sightseeing h3{
		font-size:5.866666667vw;	/*44*/
		padding:0 0 4vw 0;	/*30*/
		border-bottom: 0.266666667vw solid #AF9C69;	/*2*/
		width:82.93333333vw;	/*622*/
		margin:0 auto 10.66666667vw auto;	/*80*/

	}
	.lgcategory .sightseeing ul{
		max-width:82.93333333vw;	/*622*/
	}
	.lgcategory .sightseeing ul li{
		width:100%;
		border: 0.133333333vw solid #999999;	/*1*/
		margin:0 0 4vw 0;	/*30*/
	}
	.lgcategory .sightseeing ul li a{
		font-size: 4.266666667vw;	/*32*/
		background-size: 2.66666667vw auto;	/*20*/
		background-position: top 2.66666667vw right 2.66666667vw;	/*20 20*/
		padding: 7.066666667vw 0;	/*53*/
	}
	.lgcategory .sightseeing ul li a::after{
		height: 1.33333333vw;	/*10*/
	}
	.lgcategory .sightseeing ul li p{
		font-size:4.266666667vw;	/*32*/
		line-height: 4.8vw;	/*36*/
		padding: 0 0 0 16vw;	/*120*/
		background-size: 8vw auto;	/*60*/
	}
	.lgcategory .sightseeing ul li p span{
		font-size:2.933333333vw;	/*22*/
		line-height: 4.8vw;	/*36*/
	}

	.articlelist.categorylist h3{
		font-size:5.866666667vw;	/*44*/
		padding:0 0 4vw 0;	/*30*/
		border-bottom: 0.266666667vw solid #AF9C69;	/*2*/
		width:82.93333333vw;	/*622*/
		margin:0 auto 10.66666667vw auto;	/*80*/
	}
	.articlelist.categorylist ul{
		max-width:82.93333333vw;	/*622*/
	}
	.articlelist.categorylist ul li{
		width:100%;
		margin:0 0 6.666666667vw 0;	/*50*/
	}
	.articlelist.categorylist ul li .fig{
		width:34.66666667vw;	/*260*/
		height: 34.66666667vw;	/*260*/
		float: left;
		margin:0;
	}
	.articlelist.categorylist  ul li .fig img{
		width:34.66666667vw;	/*260*/
		height: 34.66666667vw;	/*260*/
	}
	.articlelist.categorylist ul li .datetime{
		padding:0 0 0 39.2vw;	/*294*/
	}
	.articlelist.categorylist ul li .title{
		padding:0 0 0 4.533333333vw;	/*34*/
		font-size:3.733333333vw;	/*28*/
		line-height: 5.866666667vw;	/*44*/
		height: 29.33333333vw;	/*220*/
		margin:0 0 4vw 0;	/*30*/
  		-webkit-line-clamp: 5;


	}
	.articlelist.categorylist ul li .desc{
		font-size:3.46666667vw;	/*26*/
		line-height: 6.4vw;	/*48*/
		height: 6.4vw;	/*48*/
		-webkit-line-clamp: 1;
		margin: 0 0 2.66666667vw 0;	/*20*/
	}

	.articlelist ul li .tag{
		font-size:2.933333333vw;	/*22*/
		padding:1.2vw 2.66666667vw;	/*9 20*/
		margin:0 1.33333333vw 1.33333333vw 0;	/*10 10*/
	}


	.articlelistfooter{
		max-width: 82.93333333vw;	/*622*/
		margin: 13.33333333vw auto 0 auto;	/*100*/
	}
	.articlelistfooter .snslist{
		border-top: 0.266666667vw solid #DDDDDD;	/*2*/
		border-bottom: 0.266666667vw solid #DDDDDD;	/*2*/
		margin:0 auto 10.66666667vw auto;	/*80*/
		padding: 6.666666667vw 0;	/*50*/
	}
	.articlelistfooter .snslist ul li{
		margin: 0 2.66666667vw;	/*20*/
	}
	.articlelistfooter .snslist ul li a{
		width: 8.533333333vw;	/*64*/
	}

	.articlelistfooter .return a{
		font-size: 3.2vw;	/*24*/
		width: 53.33333333vw;	/*400*/
		padding: 6.133333333vw 0;	/*46*/
	}

}

/* ************************************************** */
.lgarticle{
	max-width:620px;
	margin:0 auto;
}

.lgarticle .mainfig{
	width:100%;
	margin:0 auto 32px auto;
}
.lgarticle .mainfig img{
	width:100%;
	height: auto;
}
.lgarticle .datetime{
	font-size:12px;
	color:#AAAAAA;
	margin:0 0 11px 0;
}
.lgarticle .tags{
	margin:0 0 26px 0;
}
.lgarticle .tags a{
	font-size:12px;
	display: inline-block;
	vertical-align: top;
	margin:0 4px 0 0;
	padding:6px 12px;
	background-color:#E6E6E6;
	text-decoration: none;
	color:#333333;
}
.lgarticle h3{
	font-size:26px;
	line-height: 40px;
	font-weight: bold;
	color:#333333;
	margin:0 0 40px 0;
}
.lgarticle p{
	font-size:16px;
	line-height: 30px;
	color:#333333;
	margin:0 0 40px 0;
}
.lgarticle h4{
	font-size:22px;
	line-height: 42px;
	color:#333333;
	margin:0 0 21px 0 ;
}
.lgarticle .fig{
	width:100%;
	margin:0 0 40px 0;
}
.lgarticle .fig img{
	width:100%;
	height: auto;
	margin:0 0 20px 0;
}
.lgarticle img{
	max-width:100%;
	height: auto;
}
.lgarticle .fig .caption{
	font-size:12px;
	line-height: 20px;
	color:#777777;
}

.lgarticle .author{
	margin:20px auto 0 auto;
	font-size:0;
}
.lgarticle .author .face{
	width:80px;
	height: 80px;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	display: inline-block;
	vertical-align: top;
}
.lgarticle .author .face img{
	width:80px;
	height: 80px;
}
.lgarticle .author .text{
	display: inline-block;
	vertical-align: top;
	width:calc(100% - 80px);
	padding:0 0 0 20px;
}
.lgarticle .author .text .handle{
	font-size:14px;
	line-height: 14px;
	font-weight: bold;
	color:#333333;
	margin:0 0 14px 0;
}
.lgarticle .author .text .copy{
	font-size:12px;
	line-height: 20px;
	color:#333333;
}


#pagenavi{
	border-top:1px solid #CCCCCC;
	padding:30px 0 0 0;
	margin:30px auto 0 auto;
}
#pagenavi .prev{
	border-bottom:2px solid #333333;
	float: left;
}
#pagenavi .prev img{
	width:14px;
	height: auto;
}
#pagenavi .prev a{
	font-size:14px;
	font-weight: bold;
	color:#333333;
	display: inline-block;
	margin:0 0 4px 0;
	text-decoration: none;
}
#pagenavi .prev a:hover{
	opacity: .7;
}
#pagenavi .next{
	border-bottom:2px solid #333333;
	float: right;	
}
#pagenavi .next img{
	width:14px;
	height: auto;
}
#pagenavi .next a{
	font-size:14px;
	font-weight: bold;
	color:#333333;
	display: inline-block;
	margin:0 0 4px 0;
	text-decoration: none;
}
#pagenavi .next a:hover{
	opacity: .7;
}

#bottomsns{
	margin:60px auto 0 auto;
	width:100%;
	height: 180px;
	background-color:#AF9C69;
	font-size:0;
}
#bottomsns figure{
	width:320px;
	height: 180px;

	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	display: inline-block;
	vertical-align: top;
}
#bottomsns figure img{
	width:320px;
	height: 180px;

}
#bottomsns .copy{
	width:calc(100% - 320px);
	display: inline-block;
	vertical-align: top;

}
#bottomsns .copy .copy2{
	align-content:center;
	text-align: center;
	height: 180px;
}
#bottomsns .comment{
	font-size:14px;
	color:#fff;
	font-weight: bold;
	margin:0 0 26px 0;
}
#bottomsns .sns{

}
#bottomsns .sns .snsshare{
	margin:0 10px;
	display: inline-block;
	vertical-align: top;
}
#bottomsns .sns .snsshare a:hover{
	opacity: .7;
}
#bottomsns .sns .snsshare img{
	width:32px;
	height: auto;	
}

#recommend{
	margin:60px auto 0 auto;

}
#recommend h1{
	margin:0 0 20px 0;
	font-weight: normal;
}
#recommend h1 img{
	height: 16px;
	width:auto;
	display: inline-block;
	vertical-align: middle;
}
#recommend h1 span{
	display: inline-block;
	vertical-align: middle;
	font-size:14px;
	color:#3C4F4C;
	margin:0 0 0 10px;
}
#recommend .inner{
	font-size:0;
}
#recommend a{
	display: inline-block;
	vertical-align: top;
	margin:0 28px 0 0;
	text-decoration: none;
}
#recommend a:hover{
	opacity: .7;
}
#recommend a:nth-child(3){
	margin:0;
}
#recommend article{
	width:188px;
}
#recommend article figure{
	width:188px;
	height: 129px;
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
	margin:0 0 16px 0;
}
#recommend article figure img{
	width:188px;
	height: 129px;

}

#recommend article .box .date{
	font-size:12px;
	color:#999999;
	margin:0 0 11px 0;
}
#recommend article h1{
	font-size:14px;
	line-height: 22px;
	font-weight: bold;
	color:#333;
	height:66px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


@media(max-width:750px){


	.lgarticle{
		max-width:82.93333333vw;	/*622*/

	}
	
	.lgarticle .mainfig{
		width:100%;
		margin:0 auto 8.533333333vw auto;	/*64*/
	}

	.lgarticle .datetime{
		font-size:3.2vw;	/*24*/
		margin:0 0 2.933333333vw 0;	/*22*/
	}
	.lgarticle .tags{
		margin:0 0 6.933333333vw 0;	/*52*/
	}
	.lgarticle .tags a{
		font-size:3.2vw;	/*24*/
		margin:0 1.066666667vw 0 0;	/*8*/
		padding:1.6vw 3.2vw;	/*12 24*/
	}
	.lgarticle h3{
		font-size:6.933333333vw;	/*52*/
		line-height: 10.66666667vw;	/*80*/
		margin:0 0 10.66666667vw 0;	/*80*/
	}
	.lgarticle p{
		font-size:4.266666667vw;	/*32*/
		line-height: 8vw;	/*60*/
		margin:0 0 10.66666667vw 0;	/*80*/
	}
	.lgarticle h4{
		font-size:5.866666667vw;	/*44*/
		line-height: 11.2vw;	/*84*/
		margin:0 0 5.6vw 0 ;	/*42*/
	}
	.lgarticle .fig{
		margin:0 0 10.66666667vw 0;	/*80*/
	}
	.lgarticle .fig img{
		margin:0 0 5.33333333vw 0;	/*40*/
	}
	.lgarticle .fig .caption{
		font-size:3.2vw;	/*24*/
		line-height: 5.33333333vw;	/*40*/
	}
	
	.lgarticle .author{
		margin:5.33333333vw auto 0 auto;	/*40 */
	}
	.lgarticle .author .face{
		width:21.33333333vw;	/*160*/
		height: 21.33333333vw;	/*160*/
	}
	.lgarticle .author .face img{
		width:21.33333333vw;	/*160*/
		height: 21.33333333vw;	/*160*/
	}
	.lgarticle .author .text{
		width:calc(100% - 21.33333333vw);	/*160*/
		padding:0 0 0 5.33333333vw;	/*40*/
	}
	.lgarticle .author .text .handle{
		font-size:3.733333333vw;	/*28*/
		line-height: 3.733333333vw;	/*28*/
		margin:0 0 3.733333333vw 0;	/*28*/
	}
	.lgarticle .author .text .copy{
		font-size:3.2vw;	/*24*/
		line-height: 5.33333333vw;	/*40*/
	}
	
	
	#pagenavi{
		border-top:0.266666667vw solid #CCCCCC;	/*2*/
		padding:8vw 0 0 0;	/*60*/
		margin:8vw auto 0 auto;	/*60*/
	}
	#pagenavi .prev{
		border-bottom:0.533333333vw solid #333333;	/*4*/
	}
	#pagenavi .prev img{
		width:3.733333333vw;	/*28*/
	}
	#pagenavi .prev a{
		font-size:3.733333333vw;	/*28*/
		margin:0 0 1.066666667vw 0;	/*8*/
	}
	#pagenavi .next{
		border-bottom:0.533333333vw solid #333333;	/*4*/
	}
	#pagenavi .next img{
		width:3.733333333vw;	/*28*/
	}
	#pagenavi .next a{
		font-size:3.733333333vw;	/*28*/
		margin:0 0 1.066666667vw 0;	/*8*/
		text-decoration: none;
	}
	
	#bottomsns{
		margin:16vw auto 0 auto;	/*120*/
		height: 24vw;	/*180*/
	}
	#bottomsns figure{
		width:42.66666667vw;	/*320*/
		height: 24vw;	/*180*/
	
	}
	#bottomsns figure img{
		width:42.66666667vw;	/*320*/
		height: 24vw;	/*180*/
	
	}
	#bottomsns .copy{
		width:calc(100% - 42.66666667vw);	/*320*/
	
	}
	#bottomsns .copy .copy2{
		align-content:center;
		text-align: center;
		height: 24vw;	/*180*/
	}
	#bottomsns .comment{
		font-size:2.66666667vw;	/*20*/
		line-height: 5.33333333vw;	/*40*/
		margin:0 0 3.466666667vw 0;	/*26*/
	}
	#bottomsns .sns{
	
	}
	#bottomsns .sns .snsshare{
		margin:0 2.66666667vw;	/*20*/
	}
	#bottomsns .sns .snsshare img{
		width:5.33333333vw;	/*40*/
	}
	
	#recommend{
		margin:16vw auto 0 auto;	/*120*/
	
	}
	#recommend h1{
		margin:0 0 5.33333333vw 0;	/*40*/

	}
	#recommend h1 img{
		height: 4.266666667vw;	/*32*/

	}
	#recommend h1 span{

		font-size:3.2vw;	/*24*/

		margin:0 0 0 2.66666667vw;	/*20*/
	}

	#recommend a{

		margin:0 0 7.466666667vw 0;	/*56*/

	}

	#recommend article{
		width:82.93333333vw;	/*622*/
	}
	#recommend article figure{
		width:82.93333333vw;	/*622*/
		height: 51.6vw;	/*387*/

		margin:0 0 4.266666667vw 0;	/*32*/
	}
	#recommend article figure img{
		width:82.93333333vw;	/*622*/
		height: 51.6vw;	/*387*/
	
	}
	
	#recommend article .box .date{
		font-size:3.2vw;	/*24*/
		margin:0 0 2.933333333vw 0;	/*22*/
	}
	#recommend article h1{
		font-size:3.733333333vw;	/*28*/
		line-height: 5.866666667vw;	/*44*/
		height:17.6vw;	/*132*/
	}
	


}

/* ************************************************** */