@charset "UTF-8";
@media(max-width:767px){
	body{
		margin:0px;
		font-family: "Shippori Mincho", serif;
		font-weight: 400;
		font-style: normal;
		color:#333;
		font-size:14px;
	}
	/*フォントサイズ・装飾*/
	.fs_L{	font-size: 18px;}
	.fs_XL{	font-size: 20px;}
	.fs_XXL{font-size: 24px;}
	.fs_M{	font-size: 16px;} 
	.fs_S{	font-size: 10px;}
	.fdeco_color{color:deepskyblue;}
	.fdeco_color_r{color:deeppink;}
	.fdeco_UL{text-decoration: underline;}
	.fdeco_st{font-weight: bold;}
	.fdeco_marker_b{background: linear-gradient(transparent 30%, deepskyblue 100%);}
	.fdeco_marker_r{background: linear-gradient(transparent 30%, hotpink 100%);}

	/*============
	nav
	=============*/
	nav {
	  display: block;
	  position: fixed;
	  top: 0;
	  left: -300px;
	  bottom: 0;
	  width: 300px;
	  background: #ffffff;
	  overflow-x: hidden;
	  overflow-y: auto;
	  -webkit-overflow-scrolling: touch;
	  transition: .5s;
	  z-index: 999;
	}
	.open nav {
	  left: 0;
	}
	nav .inner {
	  padding: 25px;
	}
	nav .inner ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	nav .inner ul li {
	  position: relative;
	  margin: 0;
	  border-bottom: 1px solid #333;
	}
	nav .inner ul li a {
	  display: block;
	  color: #333;
	  font-size: 14px;
	  padding: 1em;
	  text-decoration: none;
	  transition-duration: 0.2s;
	}
	nav .inner ul li a:hover {
	  background: #e4e4e4;
	}
	nav {
		left: -240px;
		width: 240px;
	  }
	/*============
	.toggle_btn
	=============*/
	.toggle_btn {
	  display: block;
	  position: fixed;
	  top: 30px;
	  left: 30px;
	  width: 30px;
	  height: 30px;
	  transition: all .5s;
	  cursor: pointer;
	  z-index: 999;
	}
	.open .toggle_btn {
	  left: 330px;
	}
	.toggle_btn span {
	  display: block;
	  position: absolute;
	  left: 0;
	  width: 30px;
	  height: 2px;
	  background-color: #333;
	  border-radius: 4px;
	  transition: all .5s;
	}
	.toggle_btn span:nth-child(1) {
	  top: 4px;
	}
	.toggle_btn span:nth-child(2) {
	  top: 14px;
	}
	.toggle_btn span:nth-child(3) {
	  bottom: 4px;
	}
	.open .toggle_btn span {
	  background-color: #fff;
	}
	.open .toggle_btn {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
	.open .toggle_btn span:nth-child(1), .open .toggle_btn span:nth-child(3) {
	  width: 16px;
	}
	.open .toggle_btn span:nth-child(1) {
	  -webkit-transform: translate(-1px,4px) rotate(-45deg);
	  transform: translate(-1px,4px) rotate(-45deg);
	}
	.open .toggle_btn span:nth-child(3) {
	  -webkit-transform: translate(-1px,-4px) rotate(45deg);
	  transform: translate(-1px,-4px) rotate(45deg);
	}
	.open .toggle_btn {
		left: 250px;
	  }
	/*============
	#mask
	=============*/
	#mask {
	  display: none;
	}
	.open #mask {
	  display: block;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: #000;
	  opacity: .8;
	  z-index: 998;
	  cursor: pointer;
	  transition: all .5s;
	}
	.nav_icons{
		height: 18px;
		margin-top:15px;
		margin-left:15px;
	}
	.nav_icons a{
		margin-right:10px;
	}
	/*メニューバー*/
	div.menubar{
		display:none;
	}
	div.spmenubar{
		display: block;
		position: fixed;
		z-index: 997; 
		top: 0px;
		left: 0px;
		width:100%;
		height:90px;
		background-image: url("../image/menubar_bg_sp.png");
		background-repeat:repeat-x;
		padding-top:10px;
		text-align:center;
	}
/*slickslider関連*/
	.header a {
	  	background-repeat: no-repeat;
	  	background-size: cover;
	  	background-position: center;
	  	height: 80vh;
	  	margin: 0;
	  	text-decoration: none;
	}
	.header a.slick_bg01{
		background-image: url(../image/header/sp/bg01.jpg);
	}
/*	.header a.slick_bg03{
		background-image: url(../image/header/sp/bg03.jpg);
	}
	.header a.slick_bg05{
		background-image: url(../image/header/sp/bg05.jpg);
	}*/
	.header .slick-dots {
		bottom: 5%;
		z-index: +1;
	}
	.slick-dots li
	{
		position: relative;
		display: inline-block;

		width: 25px;
		height: 25px;
		margin: 0 10px;
		padding: 0;

		cursor: pointer;
	}
	.slick-dots li button
	{
		font-size: 0;
		line-height: 0;

		display: block;

		width: 25px;
		height: 25px;
		padding: 10px;

		cursor: pointer;

		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.slick-dots li button:before
	{
		font-family: 'slick';
		font-size: 15px;
		line-height: 20px;

		position: absolute;
		top: 0;
		left: 0;

		width: 20px;
		height: 20px;

		content: '•';
		text-align: center;

		opacity: .25;
		color: deeppink;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.slick-dots li.slick-active button:before
	{
		opacity: .75;
		color: deeppink;
	}
	/*main*/
	.sectitle,.nosp,.sectitle2{
		display:none;
	}
	.nosp2{
		display:none;
	}
	.flex01{
		margin:0px;
		width:100%;
	}
	.flex02{
		display: none;
	}
	.kosin,.mu_back{
		display: -webkit-flex;
		display:flex;
		margin:0px 0px 40px 0px;
	}
	.bosyu{
		display: -webkit-flex;
		display:flex;
		margin:0px 0px 0px 0px;
	}	
	.sptitle{
		width:95%;
		margin:0 auto 10px;
	}
	.sptitle2{
		width:95%;
		margin:0 auto 10px;
	}
	ul.kosinbox{
		margin-left:-5%;
	}
	li.kosin_parent{
		display: -webkit-flex;
		display: flex;
		align-items: start;
		-webkit-align-items: start;
		margin-bottom: 8px;
		margin-top:0px;
	}
	.kosinbox{
		width:100%;
		margin:0px;
	}
	.kosin_day{
		width:20%;
		font-size:13px;
		line-height:18px;
		letter-spacing: -3px;
	}
	.kosin_news{
		width:80%;
		font-size:13px;
		line-height:18px;
		letter-spacing: 0px;
	}
	li.bosyu_parent{
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 20px;
		margin-top:0px;
	}
	.bosyubox{
		width:100%;
		margin:0px;
	}
	.bosyu_img{
		width:25%;
		
	}
	.bosyu_img_gazo{
		width:80%;
	}
	.bosyu_naiyo{
		width:60%;
		font-size:14px;
		line-height:28px;
		letter-spacing: 1px;
	}
	.textlink a {
		position: relative;
		color: #333;
		text-decoration: underline;
	}
	.textlink a:active {
		color: deepskyblue;
	}
	.tl1 a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 10px;
		background-color: rgba(0,191,255,0.5);
		transition: width 0.3s;
	}

	.tl1 a:active::after {
		width: 100%;
	}
	.bosyusp{
		line-height: 30px;
	}
	.bosyulink{
		width:85%;
		margin:0px auto 50px;
	}
	.topgekkan{
		display:flex;
		margin:0px auto;
		width:90%;

	}
	.mu_latest{
		width:100%;
	}
	.mu_back{
		display:block;
		text-align:right;
		padding-right:5%;
	}
	.footer{
		margin: 0px auto;
		width: 90%;
		text-align:center;
		letter-spacing: 1px;
		line-height: 28px;
		font-size: 14px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.copyright{
		margin: 0px auto;
		width: 90%;
		text-align:center;
		letter-spacing: 1px;
		font-size:11px;
		margin-bottom:100px;
	}
	.rcm_parent{
		display:flex;
		margin: 0px auto;
		width: 90%;
	}
	.rcm{
		margin:3%;
	}
/*about*/
	.about1{
		width:95%;
		margin:100px auto 40px;
	}
	.aboutimg{
		width:70%;
		margin:0px auto;
	}
	.about1text,.about2text{
		width:95%;
		margin:0px auto;
		text-align:justify;
		font-size:14px;
		line-height: 24px;
	}
	.aboutn,.about2text{
		width:95%;
		margin: 0px auto;
	}
	.aboutn{
		margin-bottom:40px;
	}
	.aboutimg{
		width: 90%;
		margin:auto;
	}
	.mashname{
		display:block;
		margin-bottom: 15px;
	}
	.excuse{
		display:block;
		text-align:justify;
		line-height:12px;
	}
	.accordion-text{
		display: grid;
		transition: grid-template-rows 0.5s;
		grid-template-rows: 0fr;
	}
	.accordion input{
		display: none;
	}
	.accordion-text span{
		overflow: hidden;
	}
	.accordion input[type="checkbox"]:checked + .accordion-text{
		grid-template-rows: 1fr;
	}
	.accordion label{
		display: block;
  		cursor: pointer;
		width:150px;
		text-decoration: underline;
		margin-top:20px;
		margin-bottom:-20px;
	}
	.accordion label:hover {
		text-decoration: underline;
		color:deepskyblue;
	}
	.about3text{
		width:95%;
		margin:0px auto;
		font-size:13px;
		line-height: 15px;
	}
	.discoyear{
		display:block;
		margin-top:18px;
		margin-bottom:-8px;
	}
	.discotopic{
		display:block;
		margin-bottom:0px;
	}
/*read*/
	.readmain{
		width: 95%;
		margin:0px auto;
	}
	.readmenu{
		margin: 150px auto 50px;
		text-align:center;
		width: 100%;
	}
	.readmenu a{
		font-weight: 400;
		font-size:12px;
	}
	.readmenu a.now{
		font-weight: 800;
		font-size:14px;
	}
	.fplatest{
		margin: 0px auto;
		width: 95%;
	}
	.fpimg{
		margin:10px auto 30px;
		width:95%;
	}
	.fptext{
		width:95%;
		margin:0px auto;
		font-size:12px;
		line-height:20px;
		letter-spacing: 1px;
	}
	.fp_btn{
		width:95%;
		margin:0px auto;
		line-height: 30px;
	}
	.fpback{
		margin: 0px auto;
		width: 95%;
		margin-top:50px;
	}
	.fpbacklist{
		display:flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.fpbn{
		display:block;
		width: 40%;
		margin: 0px 10px 20px;
		font-size:14px;
	}
	.fplink a {
		color: #333;
		text-decoration: underline;
	}
	.fplink a:active {
		color: deepskyblue;
	}
/*月刊うたらば*/
	.mutamain{
		margin:0px auto;
		width:95%;
	}
	.muta{
		margin:0px auto 50px;
		width:100%;
	}
	.mupd{
		width:280px;
		height:30px;
		margin-bottom: 20px;
		margin-left:10px;
		font-size:16px;
	}
	.mucontent{
		width:100%;
		margin-left:0px;
	}
/*表紙フォト短歌*/
	.covermain{
		margin:0px auto;
		width:95%;
	}
	.cover1{
		width:100%;
		margin-left:0px;
	}
	.covsec{
		font-size:14px;
		letter-spacing: 1px;
		margin-bottom:5px;
		padding-left:5px;
	}
	.coverimgs{
		display:flex;
		flex-wrap: wrap;
		width:100%;
		margin-bottom:10px;
	}
	.cbox1,	.cbox2{
		width:30%;
		margin:5px;
	}
	.cbox3{
		width:46%;
		margin:5px;
	}
/*JOIN*/
	.joinmain{
		width:95%;
		margin: 0px auto;
	}
	.join1,.tokoform{
		width:100%;
		margin-bottom:50px;
	}
	.bosyuyoko{
		width:95%;
		margin:0px auto;
		line-height: 28px;
		letter-spacing: 0.5px;
	}
	.yoko{
		margin-bottom:40px;
	}
	.attention{
		line-height:18px;
	}
	.senka{
		display: block;
		margin:30px 0px 30px 20px;
		line-height: 27px;
		font-size:15px;
	}
	.formarea{
		width:95%;
		margin:0px auto;;
		line-height: 24px;
		letter-spacing: 0.5px;
	}
	.formmain{
		margin:0px 10px;
	}
	.tokotheme{
		font-size: 18px;
	}
	.tform{
		width: 95%;
		height:20px;
		margin: 5px 5px;
		font-size: 14px;		
	}
	.tform2{
		width: 95%;
		height:20px;
		margin: 5px;
		font-size: 14px;				
	}
	.tform3{
		width: 95%;
		height:100px;
		margin: 5px 5px;
		font-size: 14px;
	}
	.tselect{
		width: 80%;
		height:36px;
		margin:10px 5px;
		font-size:14px;
	}
	.btn_submit{
		width:90px;
		height:40px;
		margin:10px 5px;
		font-size: 14px;
	}
	.btn_return{
		width:200px;
		height:50px;
		margin:15px;
		font-size: 16px;		
	}
	.toko_at{
		font-size:10px;
	}
	table.form{
		width:100%;
		border-spacing: 8px; 
	}
	table.form td{
		width: 70%;
		padding-left:20px;
		text-algin:left;
	}
	table.form th{
		width:30%;
		border-right: 1px dashed #666;
		border-left: 1px dashed #666;
		text-align:center;
	}
	.toko_kakunin{
		display: flex;
		width: 100%;
		margin-left: 20px;
	}
	.toko_key{
		width:100px;
		text-align:center;
		border-right: 1px dashed #666;
		border-left:1px dashed #666;
		margin-bottom: 5px;
	}
	.toko_val{
		margin-left: 30px;
	}
/*GET*/
	.getmain{
		width: 95%;
		margin: 0px auto 50px;
	}
	.gettext{
		width:95%;
		line-height: 24px;
		margin: 15px auto 15px;
	}
	.gettext p{
		display: block;
		margin-bottom:25px
	}
	.shoplist{
		display: block;
		margin-left:10px;
	}
/*ウェブ連載*/
	.rensai{
		width:100%;
		margin:120px auto;
		font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Helvetica Neue", Arial;
		line-height: 1.7;
  		font-feature-settings: "palt";
  		letter-spacing: 0.01em;
  		color: #333;
  		background: #fff;
	}
/*メールフォーム*/
	.mailmain{
		margin-top:120px;
	}
	.formarea{
		text-align: justify;
	
	}
	.mailform{
		width: 95%;
		margin: 0px auto;
	}
	.mailformmain{
		margin-top:25px;
	}
	.mail_type{
		width:80%;
		height:35px;
		margin-bottom:20px;
	}
	.mail_name{
		width:70%;
		height: 25px;
		margin-bottom:20px;
	}
	.mail_ad1,.mail_ad2{
		width:70%;
		height: 25px;
		margin-bottom:8px;
	}
	.mail_ad2{
		margin-bottom:20px;
	}
	.mail_text{
		width:90%;
		height:300px;
	}
	.btn_submit2{
		width:180px;
		height:40px;
		font-size: 14px;
	}
	.FS_form{
		font-size:11px;
	}
/*PrivacyPolicy*/
	.ppmain{
		width: 95%;
		margin: 0px auto 50px;
		margin-top:120px;
	}
	.pptext{
		width:95%;
		line-height: 24px;
		margin: 15px auto 15px;
	}
	.gettext p{
		display: block;
		margin-bottom:25px
	}
}
@media(min-width:768px) and (max-width:1299px){
	body{
		margin:0px;
		font-family: "Shippori Mincho", serif;
		font-weight: 400;
		font-style: normal;
		color:#333;
		font-size:14px;
	}
	/*フォントサイズ・装飾*/
	.fs_L{	font-size: 20px;}
	.fs_XL{	font-size: 24px;}
	.fs_XXL{font-size: 28px;}
	.fs_M{	font-size: 18px;}
	.fs_S{	font-size: 12px;}
	.fdeco_color{color:deepskyblue;}
	.fdeco_color_r{color:deeppink;}
	.fdeco_UL{text-decoration: underline;}
	.fdeco_st{font-weight: bold;}
	.fdeco_marker_b{background: linear-gradient(transparent 30%, deepskyblue 100%);}
	.fdeco_marker_r{background: linear-gradient(transparent 30%, hotpink 100%);}
/*基本*/
	body{
		font-size:16px;
	}
	.nosp{
		display:none;
	}
	.notab{
		display:none;
	}
	.textlink a {
		position: relative;
		color: #333;
		text-decoration: underline;
	}
	.textlink a:hover {
		color: deepskyblue;
	}
	.tl1{
		line-height:30px;
	}
	.tl1 a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 10px;
		background-color: rgba(0,191,255,0.5);
		transition: width 0.3s;
	}

	.tl1 a:hover::after {
		width: 100%;
	}

	/*============
	nav
	=============*/
	nav {
	  display: block;
	  position: fixed;
	  top: 0;
	  left: -300px;
	  bottom: 0;
	  width: 300px;
	  background: #ffffff;
	  overflow-x: hidden;
	  overflow-y: auto;
	  -webkit-overflow-scrolling: touch;
	  transition: .5s;
	  z-index: 999;
	}
	.open nav {
	  left: 0;
	}
	nav .inner {
	  padding: 25px;
	}
	nav .inner ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	nav .inner ul li {
	  position: relative;
	  margin: 0;
	  border-bottom: 1px solid #333;
	}
	nav .inner ul li a {
	  display: block;
	  color: #333;
	  font-size: 14px;
	  padding: 1em;
	  text-decoration: none;
	  transition-duration: 0.2s;
	}
	nav .inner ul li a:hover {
	  background: #e4e4e4;
	}
	nav {
		left: -240px;
		width: 240px;
	  }
	/*============
	.toggle_btn
	=============*/
	.toggle_btn {
	  display: block;
	  position: fixed;
	  top: 30px;
	  left: 30px;
	  width: 30px;
	  height: 30px;
	  transition: all .5s;
	  cursor: pointer;
	  z-index: 999;
	}
	.open .toggle_btn {
	  left: 330px;
	}
	.toggle_btn span {
	  display: block;
	  position: absolute;
	  left: 0;
	  width: 30px;
	  height: 2px;
	  background-color: #333;
	  border-radius: 4px;
	  transition: all .5s;
	}
	.toggle_btn span:nth-child(1) {
	  top: 4px;
	}
	.toggle_btn span:nth-child(2) {
	  top: 14px;
	}
	.toggle_btn span:nth-child(3) {
	  bottom: 4px;
	}
	.open .toggle_btn span {
	  background-color: #fff;
	}
	.open .toggle_btn {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
	.open .toggle_btn span:nth-child(1), .open .toggle_btn span:nth-child(3) {
	  width: 16px;
	}
	.open .toggle_btn span:nth-child(1) {
	  -webkit-transform: translate(-1px,4px) rotate(-45deg);
	  transform: translate(-1px,4px) rotate(-45deg);
	}
	.open .toggle_btn span:nth-child(3) {
	  -webkit-transform: translate(-1px,-4px) rotate(45deg);
	  transform: translate(-1px,-4px) rotate(45deg);
	}
	.open .toggle_btn {
		left: 250px;
	  }
	/*============
	#mask
	=============*/
	#mask {
	  display: none;
	}
	.open #mask {
	  display: block;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: #000;
	  opacity: .8;
	  z-index: 998;
	  cursor: pointer;
	  transition: all .5s;
	}
	.nav_icons{
		height: 18px;
		margin-top:15px;
		margin-left:15px;
	}
	.nav_icons a{
		margin-right:10px;
	}
	/*メニューバー*/
	div.menubar{
		display:none;
	}
	div.spmenubar{
		display: block;
		position: fixed;
		z-index: 997; 
		top: 0px;
		left: 0px;
		width:100%;
		height:100px;
		background-image: url("../image/menubar_bg_sp.png");
		background-repeat:repeat-x;
		padding-top:10px;
		text-align:center;
	}
/*slickslider関連*/
	.header a {
		  background-repeat: no-repeat;
		  background-size: cover;
		  background-position: center;
		  height: 55vh;
		  margin: 0;
		  text-decoration: none;
	}
	.header a.slick_bg01{
		background-image: url(../image/header/bg01.jpg);
	}
	.header .slick-dots {
		bottom: 2%;
		z-index: +1;
	}
	.slick-dots li
	{
		position: relative;

		display: inline-block;

		width: 25px;
		height: 25px;
		margin: 0 10px;
		padding: 0;

		cursor: pointer;
	}
	.slick-dots li button
	{
		font-size: 0;
		line-height: 0;

		display: block;

		width: 25px;
		height: 25px;
		padding: 10px;

		cursor: pointer;

		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.slick-dots li button:before
	{
		font-family: 'slick';
		font-size: 15px;
		line-height: 20px;

		position: absolute;
		top: 0;
		left: 0;

		width: 20px;
		height: 20px;

		content: '•';
		text-align: center;

		opacity: .25;
		color: deeppink;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.slick-dots li.slick-active button:before
	{
		opacity: .75;
		color: deeppink;
	}

	/*indexメイン*/
	.sptitle{
		display:none;
	}
	.main{
		margin: 0px auto;
		width: 95%;
	}
	.flex01{
		margin:0px;
		width:100%;
	}
	.kosin,.mu_back,.bosyulink{
		display:flex;
		margin:0px 0px 50px 0px;
	}
	.bosyu,.topgekkan{
		display:flex;
		margin:0px 0px 0px 0px;
	}
	.sectitle{
		width:5%;
		padding:5px;
	}
	li.kosin_parent{
		display: -webkit-flex;
		display: flex;
		margin-bottom: 10px;
		margin-top:0px;
	}
	.kosinbox{
		width:100%;
		margin:0px;
	}
	.kosin_day{
		display:block;
		width:160px;
		font-size:16px;
		line-height:30px;
		letter-spacing: -2px;
	}
	.kosin_news{
		display:block;
		width:100%;
		font-size:16px;
		line-height:30px;
		letter-spacing: 1px;
	}
	li.bosyu_parent{
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 20px;
		margin-top:0px;
	}
	.bosyubox{
		width:95%;
		margin:0px;
	}
	.bosyu_img{
		width:150px;
	}
	.bosyu_img_gazo{
		width:100px;
	}
	.bosyu_naiyo{
		width:100%;
		font-size:16px;
		line-height:32px;
		letter-spacing: 1px;
	}
	.bosyulink{
		margin-left: 80px;
	}
	.mu_back{
		display:block;
		text-align:right;
		padding-right:50px;
	}
	.mu_latest{
		width: 90%;
		padding:10px;
	}
	.flex02{
		display: none;
	}
	.rcm_parent{
		display:flex;
		margin: 0px auto;
		width: 100%;
	}
	.rcm{
		margin: 15px;
	}
	.footer{
		margin: 0px auto;
		width: 100%;
		text-align:center;
		letter-spacing: 1px;
		font-size:14px;
		margin-top:30px;
		margin-bottom:30px;
	}
	.copyright{
		margin: 0px auto;
		width: 100%;
		text-align:center;
		letter-spacing: 1px;
		font-size:12px;
		margin-bottom:100px;
	}

/*about*/
	.sectitle2{
		display:none;
	}
	.sptitle2{
		width:100%;
		margin:0px 0px 20px;
	}
	.about1{
		width:90%;
		margin:150px auto 40px;
	}
	.aboutimg{
		width:60%;
		margin:10px 20px;
	}
	.about1text,.about2text{
		width:100%;
		margin:10px auto;
		text-align:justify;
		font-size:16px;
		line-height: 28px;
	}
	.aboutn{
		width:90%;
		margin: 0px auto;
	}
	.aboutn{
		margin-bottom:40px;
	}
	.mashname{
		display:block;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.excuse{
		display:block;
		text-align:justify;
		line-height:20px;
		font-size:12px;
		margin-bottom:-30px;
	}
	.accordion-text{
		display: grid;
		transition: grid-template-rows 0.5s;
		grid-template-rows: 0fr;
	}
	.accordion input{
		display: none;
	}
	.accordion-text span{
		overflow: hidden;
	}
	.accordion input[type="checkbox"]:checked + .accordion-text{
		grid-template-rows: 1fr;
	}
	.accordion label{
		display: block;
  		cursor: pointer;
		width:150px;
		text-decoration: underline;
		margin-top:20px;
		margin-bottom:-20px;
	}
	.accordion label:hover {
		text-decoration: underline;
		color:deepskyblue;
	}
	.about3text{
		width:95%;
		margin:20px auto;
		font-size:14px;
		line-height: 16px;
	}
	.discoyear{
		display:block;
		font-size: 16px;
		margin-top:24px;
		margin-bottom:-4px;
	}
	.discotopic{
		display:block;
		margin-bottom:0px;
	}
/*read*/
	.readmain{
		width: 95%;
		margin:0px auto;
	}
	.readmenu{
		margin: 150px auto 50px;
		text-align:center;
		width: 100%;
	}
	.readmenu a{
		font-weight: 400;
		font-size:16px;
	}
	.readmenu a.now{
		font-weight: 800;
		font-size:20px;
	}
	.fplatest{
		margin: 0px auto;
		width: 95%;
	}
	.fpimg{
		margin:20px;
		width:60%;
	}
	.fptext{
		width:95%;
		margin:0px auto;
		font-size:14px;
		line-height:24px;
		letter-spacing: 1px;
	}
	.fp_btn{
		width:95%;
		margin:0px auto;
		line-height: 30px;
	}
	.fpback{
		margin: 0px auto;
		width: 95%;
		margin-top:50px;
	}
	.fpbacklist{
		display:flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.fpbn{
		display:block;
		width: 40%;
		margin: 0px 10px 30px;
		font-size:16px;
		line-height:30px;
	}
	.fplink a {
		color: #333;
		text-decoration: underline;
	}
	.fplink a:active {
		color: deepskyblue;
	}
/*月刊うたらば*/
	.mutamain{
		margin:0px auto;
		width:95%;
	}
	.muta{
		margin:0px auto 50px;
		width:100%;
	}
	.mupd{
		width:50%;
		height:30px;
		margin-bottom: 20px;
		margin-left:10px;
		font-size:18px;
	}
	.mucontent{
		width:100%;
		margin-left:0px;
	}
/*表紙フォト短歌*/
	.covermain{
		margin:0px auto;
		width:95%;
	}
	.cover1{
		width:100%;
		margin-left:0px;
	}
	.covsec{
		font-size:16px;
		letter-spacing: 1px;
		margin-bottom:5px;
		padding-left:5px;
	}
	.coverimgs{
		display:flex;
		flex-wrap: wrap;
		width:100%;
		margin-bottom:10px;
	}
	.cbox1,	.cbox2{
		width:30%;
		margin:5px;
	}
	.cbox3{
		width:46%;
		margin:5px;
	}
/*JOIN*/
	.joinmain{
		width:90%;
		margin: 0px auto;
	}
	.join1,.tokoform{
		width:100%;
		margin-bottom:50px;
	}
	.bosyuyoko{
		width:100%;
		margin:0px auto;
		line-height: 28px;
		letter-spacing: 0.5px;
	}
	.yoko{
		margin-bottom:40px;
	}
	.attention{
		line-height:18px;
	}
	.senka{
		display: block;
		margin:30px 0px 30px 20px;
		line-height: 27px;
		font-size:15px;
	}
	.formarea{
		width:95%;
		margin:0px auto;;
		line-height: 24px;
		letter-spacing: 0.5px;
	}
	.formmain{
		margin:0px 10px;
	}
	.tokotheme{
		font-size: 18px;
	}
	.tform{
		width: 95%;
		height:20px;
		margin: 5px 5px;
		font-size: 14px;		
	}
	.tform2{
		width: 95%;
		height:20px;
		margin: 5px;
		font-size: 14px;				
	}
	.tform3{
		width: 95%;
		height:100px;
		margin: 5px 5px;
		font-size: 14px;
	}
	.tselect{
		width: 80%;
		height:36px;
		margin:10px 5px;
		font-size:14px;
	}
	.btn_submit{
		width:90px;
		height:40px;
		margin:10px 5px;
		font-size: 14px;
	}
	.btn_return{
		width:200px;
		height:50px;
		margin:15px;
		font-size: 16px;		
	}
	.toko_at{
		font-size:10px;
	}
	table.form{
		width:100%;
		border-spacing: 8px; 
	}
	table.form td{
		width: 80%;
		padding-left:20px;
		text-algin:left;
	}
	table.form th{
		width:20%;
		border-right: 1px dashed #666;
		border-left: 1px dashed #666;
		text-align:center;
	}
	.toko_kakunin{
		display: flex;
		width: 100%;
		margin-left: 20px;
	}
	.toko_key{
		width:100px;
		text-align:center;
		border-right: 1px dashed #666;
		border-left:1px dashed #666;
		margin-bottom: 5px;
	}
	.toko_val{
		margin-left: 30px;
	}
/*GET*/
	.getmain{
		width: 90%;
		margin: 0px auto 50px;
	}
	.gettext{
		width:100%;
		font-size:15px;
		line-height: 28px;
		margin: 15px auto 15px;
		text-align:justify;
	}
	.gettext p{
		display: block;
		margin-bottom:25px
	}
	.shoplist{
		display: block;
		margin-left:10px;
	}
/*ウェブ連載*/
	.rensai{
		width:95%;
		margin:150px auto;
		font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Helvetica Neue", Arial;
		line-height: 1.7;
  		font-feature-settings: "palt";
  		letter-spacing: 0.01em;
  		color: #333;
  		background: #fff;
	}
	.rensai_main{
		padding-left: 0px;
	}
/*メールフォーム*/
	.mailmain{
		margin-top:120px;
	}
	.formarea{
		text-align: justify;
		width:100%;
	}
	.mailform{
		width: 90%;
		margin: 0px auto;
	}
	.mailformmain{
		margin-top:25px;
	}
	.mail_type{
		width:80%;
		height:35px;
		margin-bottom:20px;
	}
	.mail_name{
		width:70%;
		height: 25px;
		margin-bottom:20px;
	}
	.mail_ad1,.mail_ad2{
		width:70%;
		height: 25px;
		margin-bottom:8px;
	}
	.mail_ad2{
		margin-bottom:20px;
	}
	.mail_text{
		width:90%;
		height:300px;
	}
	.btn_submit2{
		width:180px;
		height:40px;
		font-size: 14px;
	}
	.FS_form{
		font-size:11px;
	}
/*PrivacyPolicy*/
	.ppmain{
		width: 90%;
		margin: 0px auto 50px;
		margin-top:120px;
	}
	.pptext{
		width:100%;
		line-height: 24px;
		margin: 15px auto 15px;
	}
	.gettext p{
		display: block;
		margin-bottom:25px
	}
}

@media (min-width:1300px){
	body{
		margin:0px;
		font-family: "Shippori Mincho", serif;
		font-weight: 400;
		font-style: normal;
		color:#333;
	}
/*フォントサイズ・装飾*/
	.fs_L{	font-size: 20px;}
	.fs_XL{	font-size: 24px;}
	.fs_XXL{font-size: 28px;}
	.fs_M{	font-size: 18px;}
	.fs_S{	font-size: 12px;}
	.fdeco_color{color:deepskyblue;}
	.fdeco_color_r{color:deeppink;}
	.fdeco_UL{text-decoration: underline;}
	.fdeco_st{font-weight: bold;}
	.fdeco_marker_b{background: linear-gradient(transparent 50%, deepskyblue 100%);}
	.fdeco_marker_r{background: linear-gradient(transparent 50%, hotpink 100%);}
/*基本*/
	body{
		font-size:16px;
	}
	#navArea,.spmenubar,.nopc{
		display:none;
	}
	.textlink a {
		position: relative;
		color: #333;
		text-decoration: underline;
	}
	.textlink a:hover {
		color: deepskyblue;
	}
	.tl1{
		line-height:30px;
	}
	.tl1 a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 10px;
		background-color: rgba(0,191,255,0.5);
		transition: width 0.3s;
	}

	.tl1 a:hover::after {
		width: 100%;
	}
/*メニューバー*/
	div.menubar{
		display:block;
		position: fixed;
		z-index: 998; 
		top: 0px;
		left: 0px;
		width: 100%;
		height: 130px;
		background-image: url("../image/menubar_bg.png");
		background-repeat:repeat-x;
	}
	div.menu{
		display: flex;
		align-items: center;
		margin: 0 auto;
		z-index: 999; 
		top: 0px;
		left: 0px;
		width: 1300px;
		height: 130px;
	}
	img.logoimg{
		margin:10px 20px 0 10px;
	}
	img.menubtn{
		margin-left: 25px;
	}
	.nav_icons{
		height: 18px;
		margin-top:0px;
		margin-left:70px;
	}
	.nav_icons a{
		margin-right:8px;
	}
/*slickslider関連*/
	.header a {
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center;
	  height: 98vh;
	  margin: 0;
	  text-decoration: none;
	}
	.header a.slick_bg01{
		background-image: url(../image/header/bg01.jpg);
	}
	.header .slick-dots {
		bottom: 2%;
		z-index: +1;
	}
	.slick-dots li
	{
		position: relative;

		display: inline-block;

		width: 25px;
		height: 25px;
		margin: 0 10px;
		padding: 0;

		cursor: pointer;
	}
	.slick-dots li button
	{
		font-size: 0;
		line-height: 0;

		display: block;

		width: 25px;
		height: 25px;
		padding: 10px;

		cursor: pointer;

		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.slick-dots li button:before
	{
		font-family: 'slick';
		font-size: 15px;
		line-height: 20px;

		position: absolute;
		top: 0;
		left: 0;

		width: 20px;
		height: 20px;

		content: '•';
		text-align: center;

		opacity: .25;
		color: deeppink;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.slick-dots li.slick-active button:before
	{
		opacity: .75;
		color: deeppink;
	}

	/*indexメイン*/
	.sptitle,.sptitle2{
		display:none;
	}
	.main{
		display:flex;
		margin: 0px auto;
		width: 1300px;
	}
	.flex01{
		margin:0px;
		width:70%;
	}
	.kosin,.mu_back,.bosyulink{
		display:flex;
		margin:0px 0px 50px 0px;
	}
	.bosyu,.topgekkan{
		display:flex;
		margin:0px 0px 0px 0px;
	}
	.sectitle,.sectitle2{
		width:45px;
		padding:5px;
	}
	li.kosin_parent{
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 10px;
		margin-top:0px;
	}
	.kosinbox{
		width:865px;
		margin:0px;
	}
	.kosin_day{
		width:120px;
		font-size:16px;
		line-height:30px;
		letter-spacing: -2px;
	}
	.kosin_news{
		width:705px;
		font-size:16px;
		line-height:30px;
		letter-spacing: 1px;
	}
	li.bosyu_parent{
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 20px;
		margin-top:0px;
	}
	.bosyubox{
		width:865px;
		margin:0px;
	}
	.bosyu_img{
		width:140px;
	}
	.bosyu_img_gazo{
		width:110px;
	}
	.bosyu_naiyo{
		width:685px;
		font-size:16px;
		line-height:32px;
		letter-spacing: 1px;
	}
	.bosyulink{
		margin-left: 80px;
	}
	.mu_back{
		display:block;
		text-align:right;
		padding-right:50px;
	}
	.mu_latest{
		width:865px;
	}
	.flex02{
		margin:0px;
		width:30%;
		line-height: 50px;
	}
	.rcm_parent{
		display:flex;
		margin: 0px auto;
		width: 1300px;
	}
	.rcm{
		margin:15px;
	}
	.ads_img{
		width:75%;
	}
	.footer{
		margin: 0px auto;
		width: 1300px;
		text-align:center;
		letter-spacing: 1px;
		font-size:14px;
		margin-top:30px;
		margin-bottom:30px;
	}
	.copyright{
		margin: 0px auto;
		width: 1300px;
		text-align:center;
		letter-spacing: 1px;
		font-size:12px;
		margin-bottom:100px;
	}

	/*about*/
	.about1{
		display:flex;
		margin: 0px auto;
		width: 1200px;
		margin-top:150px;
	}
	.aboutn{
		display:flex;
		margin: 0px auto;
		width: 1200px;
		margin-top:80px;
	}
	.aboutimg{
		width:415px;
		text-align:center;
		line-height:18px;
	}
	.about1text{
		width:850px;
		line-height:25px;
		letter-spacing: 1.5px;
	}
	.about2text{
		width:1155px;
		padding-left:30px;
		line-height:25px;
		letter-spacing: 1.5px;
	}
	.accordion-text{
		display: grid;
		transition: grid-template-rows 0.5s;
		grid-template-rows: 0fr;
	}
	.accordion input[type="checkbox"]{
		display: none;
	}
	.accordion-text span{
		overflow: hidden;
	}
	.accordion input[type="checkbox"]:checked + .accordion-text{
		grid-template-rows: 1fr;
	}
	.accordion label{
		display: block;
  		cursor: pointer;
		width:200px;
		margin-top:20px;
		margin-bottom:-20px;
	}
	.accordion label:hover {
		text-decoration: underline;
		color:deepskyblue;
	}
	.about3text{
		width:1155px;
		margin-left:30px;
		margin-bottom:50px;
		font-size:16px;
		line-height: 18px;
	}
	.discoyear{
		display:block;
		margin-top:22px;
		margin-bottom:-10px;
		font-size:18px;
	}
	.discotopic{
		display:block;
		margin-bottom:0px;
	}
/*read*/
	.readmain{
		margin: 0px auto;
		width: 1200px;
	}
	.readmenu{
		margin: 150px auto 50px;
		width: 1200px;
	}
	.readmenu a.now{
		font-weight: 800;
		font-size:20px;
	}
	.fplatest{
		display:flex;
		margin: 0px auto;
		width: 1200px;
	}
	.fpimg{
		width:35%;
		padding-left:10px;
	}
	.fptext{
		width:45%;
		font-size:14px;
		line-height:24px;
		letter-spacing: 1px;
	}
	.fp_btn{
		width:20%;
		line-height: 40px;
		padding-top: 80px;
	}
	.fpback{
		display:flex;
		margin: 0px auto;
		width: 1200px;
		margin-top:50px;
	}
	.fpbacklist{
		display:flex;
		flex-wrap: wrap;
		width: 1165px;
		padding:0px 20px;
	}
	.fpbn{
		display:block;
		width: 160px;
		margin: 0px 10px 20px;
		font-size:14px;
	}
	.fplink a {
		position: relative;
		color: #333;
		text-decoration: underline;
	}
	.fplink a:hover {
		color: deepskyblue;
	}
/*月刊うたらば*/
	.mutamain{
		margin:0px auto;
		width:1200px;
		display:flex;
	}
	.muta{
		margin:0px auto 50px;
		width:1100px;
	}
	.mupd{
		width:400px;
		height:30px;
		margin-bottom: 20px;
		font-size:18px;
	}
/*表紙フォト短歌*/
	.covermain{
		display:flex;
		margin:0px auto 0px;
		width:1200px;
	}
	.cover1{
		width:1150px;
		margin-left:20px;
	}
	.covsec{
		font-size:18px;
		letter-spacing: 1px;
		margin-bottom:10px;
	}
	.coverimgs{
		display:flex;
		flex-wrap: wrap;
		width:1150px;
		margin-bottom:10px;
	}
	.cbox1{
		width:200px;
		margin:5px;
	}
	.cbox2{
		width:150px;
		margin:5px;
	}
	.cbox3{
		width:250px;
		margin:5px;
	}
/*JOIN*/
	.joinmain{
		width:1200px;
		margin:0px auto;
	}
	.join1,.tokoform{
		display: flex;
		width:100%;
		margin-bottom:50px;
	}
	.bosyuyoko{
		margin-left: 30px;
		line-height:28px;
		letter-spacing: 1px;
	}
	.yoko{
		margin-bottom:40px;
	}
	.attention{
		line-height:18px;
	}
	.senka{
		display: block;
		margin:30px 0px 30px 20px;
		line-height: 27px;
		font-size:15px;
	}
	.formarea{
		width:1155px;
		margin:0px 30px;
		line-height: 26px;
		letter-spacing: 0.5px;
	}
	.formmain{
		margin:0px 20px;
	}
	.tokotheme{
		font-size: 22px;
	}
	.tform{
		width: 750px;
		height:20px;
		margin:5px 10px;
		font-size:14px;		
	}
	.tform2{
		width: 450px;
		height:20px;
		margin:5px 10px;
		font-size:14px;				
	}
	.tform3{
		width: 600px;
		height:100px;
		margin:5px 10px;
		font-size:14px;				
	}
	.tselect{
		width: 320px;
		height:36px;
		margin:15px 10px;
		font-size:16px;
	}
	.btn_submit{
		width:120px;
		height:50px;
		margin:15px;
		font-size: 16px;
	}
	.btn_return{
		width:200px;
		height:50px;
		margin:15px;
		font-size: 16px;		
	}
	.toko_at{
		font-size:13px;
	}
	table.form{
		width:800px;
		border-spacing: 8px; 
	}
	table.form td{
		width: 650px;
		padding-left:20px;
		text-algin:left;
	}
	table.form th{
		width:150px;
		border-right: 1px dashed #666;
		border-left: 1px dashed #666;
		text-align:center;
	}
	.toko_kakunin{
		display: flex;
		width: 800px;
		margin-left: 20px;
	}
	.toko_key{
		width:100px;
		text-align:center;
		border-right: 1px dashed #666;
		border-left:1px dashed #666;
		margin-bottom: 5px;
	}
	.toko_val{
		margin-left: 30px;
	}
/*GET*/
	.getmain{
		display:flex;
		width: 1200px;
		margin: 50px auto 50px;
	}
	.gettext{
		margin-left: 40px;
		letter-spacing: 0.3px;
		line-height: 28px;
	}
	.gettext p{
		display: block;
		margin-bottom:25px
	}
	.shoplist{
		display: block;
		margin: 30px;
	}
/*ウェブ連載*/
	.rensai{
		display:flex;
		width:1200px;
		margin:150px auto;
		font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Helvetica Neue", Arial;
		line-height: 1.7;
  		font-feature-settings: "palt";
  		letter-spacing: 0.01em;
  		color: #333;
  		background: #fff;
	}
	.rensai_main{
		padding-left: 20px;
	}
/*メールフォーム*/
	.mailmain{
		margin-top:150px;
	}
	.mailform{
		display: flex;
		width: 1200px;
		margin: 50px auto 50px;
	}
	.mailformmain{
		margin-top:25px;
	}
	.mail_type{
		width:500px;
		height:40px;
		margin-bottom:20px;
	}
	.mail_name{
		width:500px;
		height: 30px;
		margin-bottom:20px;
	}
	.mail_ad1,.mail_ad2{
		width:500px;
		height: 30px;
		margin-bottom:8px;
	}
	.mail_ad2{
		margin-bottom:20px;
	}
	.mail_text{
		width:600px;
		height:300px;
	}
	.btn_submit2{
		width:200px;
		height:50px;
		margin:15px;
		font-size: 16px;
	}
	.FS_form{
		font-size:14px;
	}
/*privacypolicy*/
	.ppmain{
		display:flex;
		width: 1200px;
		margin: 150px auto 50px;
	}
	.pptext{
		margin-left: 40px;
		letter-spacing: 0.3px;
		line-height: 28px;
	}
	.pptext p{
		display: block;
		margin-bottom:25px
	}
}