@charset "utf-8";

/* summary ------------------
Contents
-------------------------- */

#Container {
padding:0 15px;
background:#FFF;
}


#Container .category-title-header {
margin:0 0 10px 0;
text-align:center;
}

/* TopicPath  */
#TopicPath {
width:970px;
margin:0 auto;
text-align:left;
}
#TopicPath ol {
margin:0 0 25px 0;
}
#Header #TopicPath ol {
    margin:20px 0 10px 0;
}
#TopicPath ol li {
display:inline-block;
font-size:1.4em;
line-height:1;
}
#TopicPath ol li a:after {
content:" > ";
}
#TopicPath ol li strong {
font-weight:normal;
}
#TopicPath ol li:last-child a {
pointer-events: none;
	cursor: pointer;
	color: #333;
}

#TopicPath ol li:last-child a:after {
content:"";
}

/* layout3column  */
#Contents .layout3column {
margin:0;
}
	#Contents .layout3column:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Contents .layout3column {
	display: inline-block;
	}
	*+html #Contents .layout3column {
	display: inline-block;
	}

#Contents .layout3column #MainContentsSection {
float:right;
width:550px;
overflow:hidden;
}


/* layout2column  */
#Contents .layout2column {
margin:0;
}
	#Contents .layout2column:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Contents .layout2column {
	display: inline-block;
	}
	*+html #Contents .layout2column {
	display: inline-block;
	}


#Contents .layout2column #MainContentsSection {
float:right;
width:850px;
overflow:hidden;
}



/* LocalNavigationSection  */
#Contents #LocalNavigationSection {
float:left;
width:100px;
}
#Contents #LocalNavigationSection .GenreTitle {
padding:7px 5px;
-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;/* Safari,Google Chrome */
-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;/* Firefox */
-ms-border-top-right-radius:5px;-ms-border-top-left-radius:5px;/* IE10 */
-o-border-top-right-radius:5px;-o-border-top-left-radius:5px;/* Opera */
border-top-right-radius:5px;border-top-left-radius:5px;/* CSS3 */
background:#5BA0E3 url(images/bg_title_002.gif) repeat-x left top;
font-size:1.4em;
line-height:1.2;
color:#FFF;
}

#Contents #LocalNavigationSection .GenreTitle a {
color:#FFF;
}

#Contents #LocalNavigationSection .SubGenreTitle {
padding:7px 5px;
-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;/* Safari,Google Chrome */
-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;/* Firefox */
-ms-border-top-right-radius:5px;-ms-border-top-left-radius:5px;/* IE10 */
-o-border-top-right-radius:5px;-o-border-top-left-radius:5px;/* Opera */
border-top-right-radius:5px;border-top-left-radius:5px;/* CSS3 */
background: #E5E5E5;
font-size:1.4em;
line-height:1;
}

#Contents #LocalNavigationSection .LocalNavigation01 {
margin:0 0 10px 0;
}
#Contents #LocalNavigationSection .LocalNavigation01 ul.navigation {
border:1px solid #E5E5E5;
border-top:none;
-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;/* Safari,Google Chrome */
-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;/* Firefox */
-ms-border-bottom-right-radius:5px;-ms-border-bottom-left-radius:5px;/* IE10 */
-o-border-bottom-right-radius:5px;-o-border-bottom-left-radius:5px;/* Opera */
border-bottom-right-radius:5px;border-bottom-left-radius:5px;/* CSS3 */
}
#Contents #LocalNavigationSection .LocalNavigation01 ul.navigation li {
padding:7px 5px;
border-bottom:1px solid #E5E5E5;
font-size:1.4em;
line-height:1;
}
#Contents #LocalNavigationSection .LocalNavigation01 ul.navigation li.borderNone{
border-bottom:none;
}

#Contents #LocalNavigationSection .LocalNavigation02 {
margin:0 0 10px 0;
}
#Contents #LocalNavigationSection .LocalNavigation02 ul.navigation {
border:1px solid #E5E5E5;
-webkit-border-radius:5px;/* Safari,Google Chrome */
-moz-border-radius:5px;/* Firefox */
-ms-border-radius:5px;/* IE10 */
-o-border-radius:5px;/* Opera */
border-radius:5px;/* CSS3 */
}
#Contents #LocalNavigationSection .LocalNavigation02 ul.navigation li {
padding:7px 5px;
border-bottom:1px solid #E5E5E5;
font-size:1.2em;
line-height:1;
}
#Contents #LocalNavigationSection .LocalNavigation02 ul.navigation li.borderNone{
border-bottom:none;
}


/* ContentsTitle01 ----------------- */
#Contents .ContentsTitle01 {
position:relative;
margin:0 0 15px 0;
padding:7px 5px;
border:1px solid #E6E6E6;
-webkit-border-radius:5px;/* Safari,Google Chrome */
-moz-border-radius:5px;/* Firefox */
-ms-border-radius:5px;/* IE10 */
-o-border-radius:5px;/* Opera */
border-radius:5px;/* CSS3 */
background:#FFF url(images/bg_title_001.gif) repeat-x left top;
}
#Contents .ContentsTitle01 h1,
#Contents .ContentsTitle01 h2,
#Contents .ContentsTitle01 h3 {
font-size:1.4em;
line-height:1;
}
#Contents .ContentsTitle01 h1.SelectMenu,
#Contents .ContentsTitle01 h2.SelectMenu,
#Contents .ContentsTitle01 h3.SelectMenu {
font-size:1.4em;
line-height:1;
}

#Contents .ContentsTitle01 ul.navigation {
position:absolute;
right:6px;
top:8px;
border-left:1px solid #E5E5E5;
}
#Contents .ContentsTitle01 ul.navigation li.menu {
display:inline;
padding:0 10px;
border-right:1px solid #E5E5E5;
border-left:1px solid #FFF;
font-size:1.2em;
line-height:1;
}
#Contents .ContentsTitle01 ul.navigation li.more {
display:inline;
padding:0 0 0 20px;
background:url(images/arrow_002.gif) no-repeat 10px center;
border-right:none;
border-left:1px solid #FFF;
font-size:1.2em;
line-height:1;
}
#Contents .ContentsTitle01 p.more {
position:absolute;
right:6px;
top:8px;
padding:0 0 0 20px;
background:url(images/arrow_002.gif) no-repeat 10px center;
font-size:1.2em;
line-height:1;
}
#Contents .ContentsTitle01 span.note {
position:absolute;
right:6px;
top:8px;
line-height:1;
}
#Contents .ContentsTitle01 .tsubuyaki {
position:absolute;
right:6px;
top:4px;
}

#Contents .ContentsTitle01 p.timestamp {
position:absolute;
right:6px;
top:8px;
font-size:1.2em;
line-height:1;
}


/* ContentsTitle02 ----------------- */
#Contents .ContentsTitle02 {
position:relative;
margin:0;
padding:7px 5px;
border:1px solid #E6E6E6;
-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;/* Safari,Google Chrome */
-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;/* Firefox */
-ms-border-top-right-radius:5px;-ms-border-top-left-radius:5px;/* IE10 */
-o-border-top-right-radius:5px;-o-border-top-left-radius:5px;/* Opera */
border-top-right-radius:5px;border-top-left-radius:5px;/* CSS3 */
background:#FFF url(images/bg_title_001.gif) repeat-x left top;
}
#Contents .ContentsTitle02 h1,
#Contents .ContentsTitle02 h2,
#Contents .ContentsTitle02 h3 {
font-size:1.4em;
line-height:1;
}


/* ContentsTitle03 ----------------- */
#Contents .ContentsTitle03 {
position:relative;
margin:0 0 10px 0;
padding:4px 0 4px 15px;
background:#FFF url(images/bg_title_003.gif) no-repeat left top;
}
#Contents .ContentsTitle03 h1,
#Contents .ContentsTitle03 h2,
#Contents .ContentsTitle03 h3,
#Contents .ContentsTitle03 h4 {
font-size:1.4em;
line-height:1;
}

#Contents .ContentsTitle03 ul.navigation {
position:absolute;
right:6px;
top:8px;
border-left:1px solid #E5E5E5;
}
#Contents .ContentsTitle03 ul.navigation li.menu {
display:inline;
padding:0 10px;
border-right:1px solid #E5E5E5;
border-left:1px solid #FFF;
font-size:1.2em;
line-height:1;
}
#Contents .ContentsTitle03 ul.navigation li.more {
display:inline;
padding:0 0 0 20px;
background:url(images/arrow_002.gif) no-repeat 10px center;
border-right:none;
border-left:1px solid #FFF;
font-size:1.2em;
line-height:1;
}
#Contents .ContentsTitle03 p.more {
position:absolute;
right:6px;
top:8px;
padding:0 0 0 20px;
background:url(images/arrow_002.gif) no-repeat 10px center;
font-size:1.2em;
line-height:1;
}

#Contents .ContentsTitle03 p.timestamp {
position:absolute;
right:6px;
top:8px;
font-size:1.2em;
line-height:1;
}


/* ContentsTitle03b ----------------- */
#Contents .ContentsTitle03b {
margin:0;
padding:4px 0 4px 15px;
background:#FFF url(images/bg_title_003.gif) no-repeat left top;
}
#Contents .ContentsTitle03b h1,
#Contents .ContentsTitle03b h2,
#Contents .ContentsTitle03b h3,
#Contents .ContentsTitle03b h4 {
font-size:1.4em;
line-height:1;
}


/* tools ----------------- */
#Contents .tools {
margin:0 0 15px 0;
}
#Contents .tools .fb_iframe_widget,
#Contents .tools .fb-like,
#Contents .tools .hatena-button {
	display:inline-block;
	margin: 0 10px;
}
#Contents .tools #___plusone_0 {
	width:70px !important;
}
#Contents .tools .line-it-button {
	margin: 0 10px 0 0;
}
#Contents .tools .hatena-button {
	margin: 0 50px 0 0;
}

/* other ----------------- */
#FishingNavigation {
margin:0 0 25px 0;
}
#FishingNavigation ul.navigation {
margin:0;
}
	#FishingNavigation ul.navigation:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #FishingNavigation ul.navigation {
	display: inline-block;
	}
	*+html #FishingNavigation ul.navigation {
	display: inline-block;
	}

#FishingNavigation ul.navigation li {
float:left;
width:135px;
margin:0 10px 10px 0;
padding:0 0 0 17px;
background:url(images/arrow_001.gif) no-repeat 4px 5px;
}
#FishingNavigation ul.navigation li a {
font-size:1.4em;
line-height:1.3;
}


/* clearfix ----------------- */
	#Contents .clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Contents .clearfix {
	display: inline-block;
	}
	*+html #Contents .clearfix {
	display: inline-block;
	}


/* forIEclearfix ----------------- */
#Contents .forIEclearfix {
clear:both;
height:0;
font-size:0;
line-height:0;
}


/* legal_notice ----------------- */

.legal_notice {
    border: 1px solid #ccc;
    margin: 20px 0 30px;
    padding: 15px;
    font-size: 14px;
    font-size: 1.4em;
	line-height:1.3;
}

/* 202002.ぐるドル ----------------- */

.guruindex {
    background-color: #fff;
    padding: 20px 10px;
}

.guruindex h1 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 2px solid #ff83e0;
}

.guruindex p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    padding: 0 0 10px;
}

.guruindex ul {
    display: flex;
    flex-wrap: wrap;
    align-self: stretch;
}

.guruindex li {
    width: 25%;
    box-sizing: border-box;
    border: 1px solid #efefef;
    border-collapse: collapse;
    transition: .4s linear;
}

.guruindex li a {
    display: block;
    padding: 10px;
    color: #333;
    text-decoration: none;
}

.guruindex li:hover {
    background-color: #ffccf2;
    text-decoration: none;
}

.guruindex li .guruimage {
    position: relative;
    display: block;
    max-height: 160px;
    overflow: hidden;
}

.guruindex li .guruimage::before {
    content: "";
    bottom: 5px;
    right: 0;
    border-top: 3rem solid transparent;
    border-right: 3rem solid #ff83e0;
    position: absolute;

}

.guruindex li .guruimage::after {
    content: "クリック";
    font-size: 0.6rem;
    font-weight: 700;
    bottom: 18px;
    transform: rotate(-45deg);
    right: -2px;
    color: #fff;
    position: absolute;
}

.guruindex li .guruimage img {
    width: 100%;
    border-top: 2px solid #ff83e0;
    border-bottom: 2px solid #ff83e0;
    margin: 0 0 5px;
}

.guruindex li .gurutitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 20px;
}

.socialbutton {
    margin: 20px auto 40px;
    text-align: left;
    padding: 10px 20px;
    border: 3px solid #ff83e0;
    font-weight: 700;
    border-radius: 6px;
    background-color: #fff;
}

.socialbuttons {
    margin: 30px 0;
    text-align: center;
}

.socialbuttonsHeadline {
    background: #ff83e0;
    border-radius: 30px;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    margin-bottom: -22px;
    max-width: 100%;
    padding: 16px 40px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.socialbuttonsHeadline span {
    font-size: 1rem;
    font-weight: 700;
    position: relative;
    color: #fff;
}

.socialbuttonsHeadline:after {
    border-color: #ff83e0 transparent transparent;
    border-style: solid;
    border-width: 8px 8.5px 0;
    bottom: -8px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}

.socialbuttonsLead {
    background-color: #fcf5ff;

    color: #ff83e0;
    padding: 40px 16px 24px;
    font-weight: 700;
}

.socialbuttonsLead p {
    margin-bottom: 20px;
}

.twitter,
.facebook,
.line {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    font-size: 0;
}

.twitter {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2023.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%2048%2048%22%20style%3D%22enable-background%3Anew%200%200%2048%2048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%2338A1F3%3B%7D%0A%09.st1%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st2%7Bfill%3Anone%3B%7D%0A%09.st3%7Bclip-path%3Aurl(%23SVGID_2_)%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20id%3D%22Oval%22%20class%3D%22st0%22%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22%2F%3E%0A%3Cg%20id%3D%22Group_8%22%20transform%3D%22translate(12%2014)%22%3E%0A%09%3Cpath%20id%3D%22Fill_1%22%20class%3D%22st1%22%20d%3D%22M22.76%2C0.41L22.76%2C0.41z%22%2F%3E%0A%09%3Cg%20id%3D%22Group_7%22%20transform%3D%22translate(0%200.828)%22%3E%0A%09%09%3Cg%20id%3D%22Group_4%22%3E%0A%09%09%09%3Cpath%20id%3D%22Clip_3-2%22%20class%3D%22st2%22%20d%3D%22M0%2C0.08h23.7v18.95H0V0.08z%22%2F%3E%0A%09%09%09%3Cg%3E%0A%09%09%09%09%3Cdefs%3E%0A%09%09%09%09%09%3Crect%20id%3D%22SVGID_1_%22%20y%3D%220.08%22%20width%3D%2223.7%22%20height%3D%2218.95%22%2F%3E%0A%09%09%09%09%3C%2Fdefs%3E%0A%09%09%09%09%3CclipPath%20id%3D%22SVGID_2_%22%3E%0A%09%09%09%09%09%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20%20style%3D%22overflow%3Avisible%3B%22%2F%3E%0A%09%09%09%09%3C%2FclipPath%3E%0A%09%09%09%09%3Cg%20id%3D%22Group_4-2%22%20class%3D%22st3%22%3E%0A%09%09%09%09%09%3Cpath%20id%3D%22Fill_2%22%20class%3D%22st1%22%20d%3D%22M21.95%2C2.77c-0.3%2C0.08-0.61%2C0.12-0.92%2C0.12l0.02-0.1c0.74-0.57%2C1.37-1.27%2C1.85-2.08%0A%09%09%09%09%09%09c0.07-0.23-0.01-0.31-0.01-0.32l-1.54%2C0.65l-1.29%2C0.57c-0.99-0.99-2.34-1.54-3.75-1.52c-2.68%2C0-4.86%2C1.87-4.86%2C4.19%0A%09%09%09%09%09%09c0%2C0.53%2C0.06%2C1.06%2C0.2%2C1.58c0%2C0.12%2C0-0.12%2C0%2C0C9.58%2C5.68%2C7.57%2C5.09%2C5.74%2C4.12C1.85%2C2.18%2C1.61%2C0.83%2C1.61%2C0.83%0A%09%09%09%09%09%09C1%2C1.47%2C0.68%2C3.58%2C1.3%2C5.25c0.41%2C0.81%2C1.02%2C1.5%2C1.76%2C2.02c-0.42%2C0-0.84-0.07-1.25-0.2C1.5%2C6.98%2C1.2%2C6.83%2C0.93%2C6.64%0A%09%09%09%09%09%09c-0.38%2C0.91%2C0.38%2C2.54%2C1.7%2C3.71c0.65%2C0.49%2C1.39%2C0.87%2C2.17%2C1.11l-2.19%2C0.06c-0.12%2C2.1%2C4.46%2C3.34%2C4.46%2C3.34%0A%09%09%09%09%09%09c-1.3%2C1.04-2.91%2C1.61-4.57%2C1.64c-0.85%2C0-1.69-0.12-2.5-0.36c2.26%2C1.93%2C5.16%2C2.95%2C8.13%2C2.87c8.18-0.42%2C12.8-7.36%2C13.02-14.18%0A%09%09%09%09%09%09l0.01%2C0.01c0.44-0.28%2C0.85-0.61%2C1.2-1c0.52-0.52%2C0.97-1.11%2C1.34-1.75C23.7%2C2.1%2C22.47%2C2.63%2C21.95%2C2.77%22%2F%3E%0A%09%09%09%09%3C%2Fg%3E%0A%09%09%09%3C%2Fg%3E%0A%09%09%3C%2Fg%3E%0A%09%09%3Cpath%20id%3D%22Fill_5%22%20class%3D%22st1%22%20d%3D%22M22.88%2C0.39C22.89%2C0.51%2C22.88%2C0.4%2C22.88%2C0.39%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    width: 48px;
    height: 48px;
}

.facebook {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2023.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%2048%2048%22%20style%3D%22enable-background%3Anew%200%200%2048%2048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%233B5998%3B%7D%0A%09.st1%7Bfill%3Anone%3B%7D%0A%09.st2%7Bclip-path%3Aurl(%23SVGID_2_)%3B%7D%0A%09.st3%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20id%3D%22Oval_Copy%22%20class%3D%22st0%22%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22%2F%3E%0A%3Cg%20id%3D%22Group_3%22%20transform%3D%22translate(17%2012)%22%3E%0A%09%3Cpath%20id%3D%22Clip_2-2%22%20class%3D%22st1%22%20d%3D%22M0%2C0h15v24H0V0z%22%2F%3E%0A%09%3Cg%3E%0A%09%09%3Cdefs%3E%0A%09%09%09%3Crect%20id%3D%22SVGID_1_%22%20width%3D%2215%22%20height%3D%2224%22%2F%3E%0A%09%09%3C%2Fdefs%3E%0A%09%09%3CclipPath%20id%3D%22SVGID_2_%22%3E%0A%09%09%09%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20%20style%3D%22overflow%3Avisible%3B%22%2F%3E%0A%09%09%3C%2FclipPath%3E%0A%09%09%3Cg%20id%3D%22Group_3-2%22%20class%3D%22st2%22%3E%0A%09%09%09%3Cpath%20id%3D%22Fill_1%22%20class%3D%22st3%22%20d%3D%22M9.74%2C15.31h4.42l0.66-5.27H9.74V7.49c0-1.53%2C0.41-2.57%2C2.55-2.57H15V0.21%0A%09%09%09%09C13.68%2C0.06%2C12.36%2C0%2C11.04%2C0c-3.92%2C0-6.6%2C2.46-6.6%2C6.97v3.06H0v5.27h4.43V24h5.3L9.74%2C15.31z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    width: 48px;
    height: 48px;
}

.line {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2023.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%2048%2048%22%20style%3D%22enable-background%3Anew%200%200%2048%2048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%2300B900%3B%7D%0A%09.st1%7Bfill%3Anone%3B%7D%0A%09.st2%7Bclip-path%3Aurl(%23SVGID_2_)%3B%7D%0A%09.st3%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20id%3D%22Oval_Copy%22%20class%3D%22st0%22%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22%2F%3E%0A%3Cg%20id%3D%22Group_3%22%20transform%3D%22translate(12%2012)%22%3E%0A%09%3Cpath%20id%3D%22Clip_2-2%22%20class%3D%22st1%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%0A%09%3Cg%3E%0A%09%09%3Cdefs%3E%0A%09%09%09%3Crect%20id%3D%22SVGID_1_%22%20width%3D%2224%22%20height%3D%2224%22%2F%3E%0A%09%09%3C%2Fdefs%3E%0A%09%09%3CclipPath%20id%3D%22SVGID_2_%22%3E%0A%09%09%09%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20%20style%3D%22overflow%3Avisible%3B%22%2F%3E%0A%09%09%3C%2FclipPath%3E%0A%09%09%3Cg%20id%3D%22Group_3-2%22%20class%3D%22st2%22%3E%0A%09%09%09%3Cpath%20id%3D%22Fill_1%22%20class%3D%22st3%22%20d%3D%22M11.34%2C24c-0.12%2C0.01-0.24-0.04-0.32-0.12c-0.15-0.18-0.1-0.52-0.07-0.71v-0.03%0A%09%09%09%09c0.03-0.19%2C0.17-1.08%2C0.17-1.08c0.07-0.38%2C0.06-0.77-0.04-1.14c-0.13-0.35-0.65-0.53-1.06-0.62c-2.7-0.34-5.22-1.55-7.18-3.45%0A%09%09%09%09c-1.8-1.74-2.82-4.13-2.85-6.64C0%2C4.59%2C5.38%2C0%2C12%2C0s12%2C4.59%2C12%2C10.22c-0.04%2C2.34-0.96%2C4.59-2.57%2C6.29%0A%09%09%09%09c-2.74%2C2.91-5.92%2C5.38-9.43%2C7.31C11.79%2C23.92%2C11.57%2C23.98%2C11.34%2C24z%20M16.64%2C7.5c-0.06%2C0-0.12%2C0.03-0.16%2C0.07l-0.01%2C0.01%0A%09%09%09%09c-0.04%2C0.05-0.06%2C0.11-0.06%2C0.17v5.49c0%2C0.06%2C0.02%2C0.12%2C0.06%2C0.17l0%2C0c0.04%2C0.05%2C0.1%2C0.07%2C0.17%2C0.07H20%0A%09%09%09%09c0.13%2C0%2C0.24-0.11%2C0.23-0.25v-0.88c0-0.13-0.1-0.24-0.23-0.24h-2.28v-0.93H20c0.13%2C0%2C0.24-0.11%2C0.23-0.25v-0.88%0A%09%09%09%09c0-0.13-0.1-0.24-0.23-0.24h-2.28V8.87H20c0.13%2C0%2C0.24-0.11%2C0.23-0.25V7.74c0-0.13-0.1-0.24-0.23-0.24H16.64z%20M11.92%2C9.97%0A%09%09%09%09L11.92%2C9.97l2.4%2C3.4c0.02%2C0.02%2C0.04%2C0.04%2C0.06%2C0.06h0.01l0.01%2C0.01h0.01l0.01%2C0.01h0.01h0.01l0.02%2C0.01%0A%09%09%09%09c0.02%2C0.01%2C0.04%2C0.01%2C0.06%2C0.01h0.84c0.13%2C0%2C0.24-0.11%2C0.23-0.24V7.74c0-0.13-0.1-0.24-0.23-0.24h-0.84%0A%09%09%09%09c-0.13%2C0-0.24%2C0.11-0.23%2C0.24c0%2C0%2C0%2C0%2C0%2C0V11l-2.4-3.39c0-0.01-0.01-0.02-0.02-0.03l-0.01-0.01l-0.01-0.01l0%2C0l-0.01-0.01%0A%09%09%09%09l-0.01-0.01l-0.01-0.01h-0.01h-0.01h-0.01L11.8%2C7.52h-0.01h-0.01h-0.01h-0.01h-0.01h-0.01l0%2C0l0%2C0h-0.02h-0.89%0A%09%09%09%09c-0.13%2C0-0.24%2C0.11-0.23%2C0.24c0%2C0%2C0%2C0%2C0%2C0v5.46c0%2C0.13%2C0.1%2C0.24%2C0.23%2C0.24c0%2C0%2C0%2C0%2C0%2C0h0.84c0.13%2C0%2C0.24-0.11%2C0.23-0.24%0A%09%09%09%09L11.92%2C9.97L11.92%2C9.97z%20M8.72%2C7.5c-0.13%2C0-0.24%2C0.11-0.24%2C0.24c0%2C0%2C0%2C0%2C0%2C0v5.48c0%2C0.13%2C0.1%2C0.24%2C0.23%2C0.24c0%2C0%2C0%2C0%2C0%2C0h0.84%0A%09%09%09%09c0.13%2C0%2C0.24-0.11%2C0.23-0.24c0%2C0%2C0%2C0%2C0%2C0V7.74c0-0.13-0.1-0.24-0.23-0.24H8.72z%20M4.17%2C7.5c-0.13%2C0-0.24%2C0.11-0.23%2C0.24%0A%09%09%09%09c0%2C0%2C0%2C0%2C0%2C0v5.49c0%2C0.06%2C0.02%2C0.12%2C0.06%2C0.17v0.01c0.04%2C0.04%2C0.1%2C0.07%2C0.16%2C0.07h3.37c0.13%2C0%2C0.24-0.11%2C0.23-0.25v-0.88%0A%09%09%09%09c0-0.13-0.1-0.24-0.23-0.25H5.24V7.74c0-0.13-0.1-0.24-0.23-0.24H4.17z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    width: 48px;
    height: 48px;
}

.sns-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1s0px auto;
}

.sns-group li:not(:last-child) {
    margin-right: 20px;
}

.guruLinkbtn {
    font-size: 1rem;
    font-weight:700;
    text-align: center;
    margin: 30px auto 20px;
    width: 50%;

}

.guruLinkbtn a,
.guruLinkbtn a:visited {
    border-radius: 30px;
    padding: 15px;
    color: #fff;
    background-color: #ff83e0;
    border: 2px solid #ff83e0;
    display: block;
}

.guruLinkbtn a:hover,
.guruLinkbtn a:active {
    color: #ff83e0;
    background-color: #fff;
    text-decoration: none;
}