@charset "utf-8";
/*
Theme Name: Rota Cafe 2509
Theme URI: 
Author: チルチルミチル
*/

/* UTILITY */
/* -------------------------------------------------- */
.m1b {
	margin-bottom: 1px !important;
}

.m2b {
	margin-bottom: 2px !important;
}

.m3b {
	margin-bottom: 3px !important;
}

.m4b {
	margin-bottom: 4px !important;
}

.m5b {
	margin-bottom: 5px !important;
}

.m6b {
	margin-bottom: 6px !important;
}

.m7b {
	margin-bottom: 7px !important;
}

.m8b {
	margin-bottom: 8px !important;
}

.m9b {
	margin-bottom: 9px !important;
}

.m10b {
	margin-bottom: 10px !important;
}

.m13b {
	margin-bottom: 13px !important;
}

.m15b {
	margin-bottom: 15px !important;
}

.m20b {
	margin-bottom: 20px !important;
}

.m25b {
	margin-bottom: 25px !important;
}

.m30b {
	margin-bottom: 30px !important;
}

.m35b {
	margin-bottom: 35px !important;
}

.m40b {
	margin-bottom: 40px !important;
}

.m45b {
	margin-bottom: 45px !important;
}

.m50b {
	margin-bottom: 50px !important;
}

.m80b {
	margin-bottom: 80px !important;
}

.m100b {
	margin-bottom: 100px !important;
}

.m20t {
	margin-top: 20px !important;
}

.m5l {
	margin-left: 5px !important;
}

.m9l {
	margin-left: 9px !important;
}

.m10l {
	margin-left: 10px !important;
}

.m12l {
	margin-left: 12px !important;
}

.m15l {
	margin-left: 15px !important;
}

.m20l {
	margin-left: 20px !important;
}

.m25l {
	margin-left: 25px !important;
}

.m30l {
	margin-left: 30px !important;
}

.m150l {
	margin-left: 150px !important;
}

.m570l {
	margin-left: 570px !important;
}

.m5r {
	margin-right: 5px !important;
}

.m10r {
	margin-right: 10px !important;
}

.m15r {
	margin-right: 15px !important;
}

.m20r {
	margin-right: 20px !important;
}

.m25r {
	margin-right: 25px !important;
}

.m30r {
	margin-right: 30px !important;
}

.m40r {
	margin-right: 40px !important;
}

.m50r {
	margin-right: 50px !important;
}

.p5b {
	padding-bottom: 5px !important;
}

.p10b {
	padding-bottom: 10px !important;
}

.p15b {
	padding-bottom: 15px !important;
}

.p20b {
	padding-bottom: 20px !important;
}

.p25b {
	padding-bottom: 25px !important;
}

.p30b {
	padding-bottom: 30px !important;
}

.p40b {
	padding-bottom: 40px !important;
}

.p50b {
	padding-bottom: 50px !important;
}

.p60b {
	padding-bottom: 60px !important;
}

.p70b {
	padding-bottom: 70px !important;
}

.p80b {
	padding-bottom: 80px !important;
}

.p5t {
	padding-top: 5px !important;
}

.p8t {
	padding-top: 8px !important;
}

.p10t {
	padding-top: 10px !important;
}

.p15t {
	padding-top: 15px !important;
}

.p17t {
	padding-top: 17px !important;
}

.p20t {
	padding-top: 20px !important;
}

.p25t {
	padding-top: 25px !important;
}

.p30t {
	padding-top: 30px !important;
}

.p10a {
	padding: 10px !important;
}

.p20a {
	padding: 20px !important;
}

.p0r {
	padding-right: 0px !important;
}

.p5r {
	padding-right: 5px !important;
}

.p10r {
	padding-right: 10px !important;
}

.p20r {
	padding-right: 20px !important;
}

.p15r {
	padding-right: 15px !important;
}

.p25r {
	padding-right: 25px !important;
}

.p30r {
	padding-right: 30px !important;
}

.p40r {
	padding-right: 40px !important;
}

.p50r {
	padding-right: 50px !important;
}

.p55r {
	padding-right: 55px !important;
}

.p60r {
	padding-right: 60px !important;
}

.p70r {
	padding-right: 70px !important;
}

.p75r {
	padding-right: 75px !important;
}

.p90r {
	padding-right: 90px !important;
}

.p100r {
	padding-right: 100px !important;
}

.p110r {
	padding-right: 110px !important;
}

.p120r {
	padding-right: 120px !important;
}


.p10l {
	padding-left: 10px !important;
}

.p15l {
	padding-left: 15px !important;
}

.p20l {
	padding-left: 20px !important;
}

.p25l {
	padding-left: 25px !important;
}

.p30l {
	padding-left: 30px !important;
}

.p200l {
	padding-left: 200px !important;
}

.box60 {
	width: 60px !important;
}

.box85 {
	width: 85px !important;
}

.box100 {
	width: 100px !important;
}

.box110 {
	width: 110px !important;
}

.box120 {
	width: 120px !important;
}

.box130 {
	width: 130px !important;
}

.box140 {
	width: 140px !important;
}

.box160 {
	width: 160px !important;
}

.box180 {
	width: 180px !important;
}

.box200 {
	width: 200px !important;
}

.box230 {
	width: 230px !important;
}

.box250 {
	width: 250px !important;
}

.box260 {
	width: 260px !important;
}

.box280 {
	width: 280px !important;
}

.box285 {
	width: 285px !important;
}

.box290 {
	width: 290px !important;
}

.box330 {
	width: 330px !important;
}

.box340 {
	width: 340px !important;
}

.box300 {
	width: 300px !important;
}

.box310 {
	width: 310px !important;
}

.box320 {
	width: 320px !important;
}

.box350 {
	width: 350px !important;
}

.box355 {
	width: 355px !important;
}

.box365 {
	width: 365px !important;
}

.box370 {
	width: 370px !important;
}

.box400 {
	width: 400px !important;
}

.box420 {
	width: 420px !important;
}

.box450 {
	width: 450px !important;
}

.box440 {
	width: 440px !important;
}

.box460 {
	width: 460px !important;
}

.box480 {
	width: 480px !important;
}

.box500 {
	width: 500px !important;
}

.box510 {
	width: 510px !important;
}

.box530 {
	width: 530px !important;
}

.box600 {
	width: 600px !important;
}

.box630 {
	width: 630px !important;
}

.box640 {
	width: 640px !important;
}

.clear {
	clear: both !important;
}

.cen {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}

.fLeft {
	float: left !important;
}

.fRight {
	float: right !important;
}

.bold {
	font-weight: bold !important;
}

.txtRed {
	color: #ff0000 !important;
}

.txtRed2 {
	color: #CC0000 !important;
}

.txtBlue {
	color: #0052E5 !important;
}

.txtPink {
	color: #F246A4 !important;
}

.txtGold {
	color: #A98552 !important;
}

.txtGray {
	color: #666666 !important;
}

.txtWhite {
	color: #FFFFFF !important;
}

.txt11 {
	font-size: 92% !important;
}

.txt13 {
	font-size: 109% !important;
}

.txt14 {
	font-size: 117% !important;
}

.txt15 {
	font-size: 125% !important;
}

.txt17 {
	font-size: 142% !important;
}

.txt18 {
	font-size: 150% !important;
}

.txt20 {
	font-size: 167% !important;
}

.lh190 {
	line-height: 190% !important;
}

.bNone {
	border: none !important;
}

.vaMiddle {
	vertical-align: middle !important;
}

.tac {
	text-align: center;
}

/* 投稿の画像配置 */
.alignright {
	display: block;
	margin: 0 0 10px auto;
}

/* 配置位置 左 */
.alignleft {
	display: block;
	margin: 0 auto 10px 0;
}

/* 配置位置 右 */
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

/* 配置位置 中央 */
/* .alignright { float: right; padding: 0px 0 10px 10px; } */
/* 後続のテキスト左回り込み */
/*.alignleft { float: left; padding: 0px 10px 10px 0; }*/
/* 後続テキスト右回り込み */

/* LINK */
/* -------------------------------------------------- */
a:link,
a:visited {
	text-decoration: none;
	color: #333333;
}

a:hover {
	text-decoration: none;
	color: #333333;
}

a:active {
	text-decoration: none;
	color: #333333;
}

/* CLEARFIX */
/* -------------------------------------------------- */
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

/* OUTLINE */
/* -------------------------------------------------- */
body {
	background: #faf8f0;
	color: #000000;
}

#container {
	position: relative;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	/*font-size: 93%;*/
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.2em;
}

/* modal */
#redirectModal {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#redirectModal::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	background: rgba(0,0,0,0.7);
}

#redirectModalIn {
	width: 60%;
	max-width: 600px;
	padding: 5%;
	position: relative;
	z-index: 5;
	background: #FFF;
	border-radius: 20px;
}

#redirectModalIn h4 {
	padding: 10px 20px;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	background: #f0f0f0;
	line-height: 1.2;
}

#closeBtn {
	position: absolute;
	top: -50px;
	right: 0;
	z-index: 5;
	cursor: pointer;
}

#igLink {
	padding: 20px 0;
	text-align: center;
}

#igLink a {
	transition: all 0.3s ease-in-out 0s;
}

#igLink a:hover {
	opacity: 0.7;
}

#igLink a img {
	max-width: 100%;
}

#fixedIgLink {
	position: fixed;
	left: 5px;
	bottom: 5px;
	z-index: 1000;
	transition: all 0.3s ease-in-out 0s;
}

#fixedIgLink:hover {
	opacity: 0.7;
}