@charset "UTF-8";
.flex {
  display: flex;
}

.flex-j-center {
  display: flex;
  justify-content: center;
}

.align-items {
  align-items: center;
}

.c_spe {
  padding: 5%;
}

.nav-check {
  margin: 0px 0px 15px 0px;
}

.nav-btn1 {
  margin: 0;
}

.nav-btn1 a {
  text-decoration: none;
}

.nav-btn2 {
  margin: 2% 1%;
}

.calendar {
  margin-top: 5%;
}

.c_mcome {
  font-size: 1.5vw;
  padding: 2%;
}

.t_mds3 {
  color: #7D4E22;
  border-color: #7D4E22;
  font-size: 2.5em;
  font-weight: bold;
  height: 45px;
}

.hakumihon {
  margin: 0 2%;
}

.hakumihon span {
  font-weight: bold;
}

.icon {
  display: flex;
  flex-direction: row;
}

.icon table {
  width: auto;
  font-size:95%;	
}

.icon td td1 {
  width: 25px;	
}

.icon-th {
  display: flex;
  align-items: center;
}

.block-link-icon-line {
  justify-content: center;
  text-align: center;
  padding: 0;
}

.block-link-icon-line>img {
  padding: 0;
}

.cal2_hikakut {
  border: none;
}

.cal2_hikakut th {
  background-color: #FDEBB7;
  white-space: nowrap;
  font-weight: bold;
}

.sub_text{
  font-size: 0.8em;
  color:#FF686B;	
  margin: 2% auto -1% 2%;	
}


/* テーブル内の「あり」アイコン風 */
.ari{
 display:inline-block;  	
 width:40%; 	
 color:#FF686B;
 font-weight: 800;
 padding:1%;
 margin: 1%;
 font-size: 1.1em;
 border: solid 1px #FF686B;
 border-radius: 5px;	
}

/* テーブル内の「なし」アイコン風 */
.nashi{
 display:inline-block;  	
 width:40%; 	
 color:#898989;
 font-weight: 800;
 padding:1%;
 margin: 1%;
 font-size: 1.1em;
 border: solid 1px #898989;
 border-radius: 5px;	
}

/* PC画面用（ウィンドウ幅が769px以上の場合に適用） */

@media screen and (min-width: 769px) {
	
.hikaku_h2 {
	width: 940px;
	height:170px;
	position: relative;
	background-image: url(/novelty-calendar/images/index2026_title.jpg);
	background-repeat: no-repeat;
	margin: 0% auto;
	font-size:3em;
}
	
.hikaku_h2 h2{
	display: table-cell;
	vertical-align:top;
	width: 940px;
	height:120px;
	font-family:"Verdana", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;;
	text-align: center;
	font-weight:700;
	color: #000;
}
	
.hikaku_h2 h2 span{
	display: table-cell;
	vertical-align:middle;
	width: 940px;
	height:50px;
	font-size: 0.4em;
	color: #d71718;
}	
	
	
	
  .layout_text{
	margin:auto;
	font-weight: 600;
	text-align: center;  
	
    }
	
 		
		
	
.hikaku h3 {
  padding: 0.5em;/*文字周りの余白*/
  color: #4c1d13;/*文字色603813*/
  font-size: 150%;	
  font-weight: 600;	 
  background: #ffffdd;/*背景色*/
  border-left: solid 20px #4c1d13;/*左線（実線 太さ 色）*/
  margin:2% auto 1% auto;
	}
	

.hikaku h4 {
	font-size:16px;
	font-weight: bold;
	width: 98%;
	border-bottom: solid 4px #B9B9B9;
	padding-left: 1%;
	margin:2% auto 0% auto;
	line-height: 1.8em;
	}
		
  .t_text {
	width: 900px;  
    
  }
	
 .t_text p {
    margin: 0px auto;
	font-size: 14px;
	color: #333; 
	line-height: 1.5em; 
  }	

 .top_img{
	width: 900px; 
	margin: 0px auto; 
	text-align: center;
  }	

  .top_img img{
	width: 630px;	
  }	
	
  .c_text {
	text-align: center; 
    margin: 3px 0px 40px 0px;
    color:#F00;   
  }	
	
	
  .icon-direction {
    display: flex;
    flex-direction: column;
  }
  .print-f-direction {
    display: flex;
    flex-direction: row;
  }
  .cal2_hikakut {
	width: 900px;  
    font-size: 11px;
    margin: 5px 0px 20px 20px;
  }
  .cal2_hikakut th {
	width:107px;
	background:#FDEBB7; 
  }	

  .cal2_hikakut td, .cal2_hikakut th {
    border: 1px #999 solid;
    padding: 2px;
    text-align: center;
    box-sizing: border-box;
  }
	
 .cal2_hikakut td　{
    width: 127px;
  }
	
 .cal_img {
	margin-top: 3%; 
    width: 125px;
	height: 125px;
  }	
	
  .calendar_title{
    margin:0 10px 20px 10px;
  }
	
.top-btn {
    display: flex;
	flex-wrap:wrap;
	margin-left: 110px;
	margin-top: 10px; 
	margin-bottom: 10px; 
  }
	
  .top-btn a {
    width: 50%;
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box; 
  } 	

 .top-btn a>img {
    max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
  } 			
	
/*卓上カレンダー特集ボタン　ここから*/
.cal_link_list{
  display: flex;
  justify-content: space-around;
  align-items: center;		
  margin: 0px auto 10px auto;	
  padding: 0px 10px;	
}	
	
.btn-takujo a{
  display: inline-block;
  max-width: 230px;
  width: 100%;
  padding: 0.5em 1.5em;
  margin: 15px auto;
  text-decoration: none;
  border: solid 1px #ff301e;
  border-radius: 40px;	
  color: #ff301e;		
  font-weight: bold;
  font-size:16px;
  text-align: center;
  line-height: 1.5em;	
}

.btn-takujo a:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: -3px 6px 0 0;
  background: url("https://www.giftit.co.jp/novelty-diary/images/icon_takujo.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.btn-takujo a:hover {
  background:#ffe7db;
}
	
.btn-takujo span {
  display: inline-block;
}	
/*卓上カレンダー特集ボタン　ここまで*/	
	
/*壁掛けカレンダー特集ボタン　ここから*/
.btn-kabe a{
  display: inline-block;
  max-width: 230px;
  width: 100%;
  padding: 0.5em 1.5em;
  margin: 15px auto;
  text-decoration: none;
  border: solid 1px #3c4998;
  border-radius: 40px;	
  color: #3c4998 ;		
  font-weight: bold;
  font-size:16px;
  text-align: center;	
  line-height: 1.5em;	
}

.btn-kabe a:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: -2px 6px 0 0;
  background: url("https://www.giftit.co.jp/novelty-diary/images/icon_kabe.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.btn-kabe a:hover {
  background:#ECF3FF;
}
/*壁掛けカレンダー特集ボタン　ここまで*/

/*手帳特集ボタン　ここから*/
.btn-diary a{
  display: inline-block;
  max-width: 230px;
  width: 100%;
  padding: 0.5em 1.5em;
  margin: 15px auto;
  text-decoration: none;
  border: solid 1px #409046;
  border-radius: 40px;	
  color: #409046 ;		
  font-weight: bold;
  font-size:16px;
  text-align: center;
  line-height: 1.5em;	
}

.btn-diary a:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: -2px 6px 0 0;
  background: url("https://www.giftit.co.jp/novelty-diary/images/icon_diary.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.btn-diary a:hover {
  background:#e4eece;
}
/*手帳特集ボタン　ここまで*/
	
	
/* ナビボタン ここから*/
.navi_btnlist {
  width: 95%;
  height: 40px;
  margin: 2% auto 5% auto;	
}

.navi_btn {
  display: flex;
  justify-content: center;	
  flex-wrap:wrap;
  margin: 2px 2% 3px 2%;
  font-size: 1.2em;	
}
	
.navi_btn button{
  width: 30%;
  background: #fff;
  border:solid 1px #B0B0B0;
  margin: 0.5% 1.5% ;
}
	
.navi_btn a{
  text-decoration: none;
  color:#000;
  padding: 0.6em 0.5em;		
  display: block;
}
	
.navi_btn button :hover{
  color:#828282;
}	
/* ナビボタン ここまで*/			
	
	

	
/*　比較表テーブル　*/	
.hikaku_table{
  width: 100%;
  margin: 20px auto;
}
	
.hikaku_table td:first-child{
  background: #e9727e;
  color: #fff;
  text-align: center;
  border: solid 0px #e9727e!important;
  font-size: 1.2em;
  font-weight: bold;
}

.hikaku_table th:first-child {
  vertical-align:middle;	
  background: #e9727e;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  width: 15%;	
}	

.hikaku_table th{
  padding: 12px 5px;	
  background: #FBF5F5;
  vertical-align: top;
  font-weight: 400;	
}	
	
.hikaku_table td{
  padding: 0.5% 1%;
  margin: 1% auto;
  text-align: center;
  line-height: 1.5em;
  border-bottom: dotted 3px #FBF5F5;
  border-right: dotted 3px #FBF5F5; 		
		
}	
	
.hikaku_table th img{
  padding:1%;		
}
	
.th_image{
  width: 150px;	
  height: 150px;
  text-align: center;
}	
	
	
}

/* SP画面用（ウィンドウ幅が768px以下の場合に適用） */

@media screen and (max-width: 768px) {
	
.hikaku_h2 {
	background-image: url(/novelty-calendar/images/index2026_title.jpg);
	background-size:100% auto;
	margin: 1% auto 3% auto;

}
	
.hikaku_h2 h2{
	width: 98%;
    color: #000;
    font-size:1.6em;	
	margin:1% auto 5% auto;
	text-align: center;
	font-weight: bold;
	font-family:"Verdana", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;;
	line-height: 1em;
	padding: 0% 1% 5% 1%;
}
	
.hikaku_h2 h2 span{
    font-size:0.5em;
	color: #d71718;
}	
	
.hikaku h3 {
  padding: 0.5em;/*文字周りの余白*/
  color: #4c1d13;/*文字色603813*/
  font-size: 130%;	
  font-weight: 600;	 
  background: #ffffdd;/*背景色*/
  border-left: solid 10px #4c1d13;/*左線（実線 太さ 色）*/
  margin:2% auto 3% auto;
  line-height: 1em;
  }	
	
	
.hikaku h4 {
	font-size:15px;
	font-weight: bold;
	width: 95%;
	height: 20px;
	border-bottom: solid 4px #B9B9B9;
	padding-left: 10px;
	margin:5% auto 1% auto;
}
	
	
	.layout_text{
	width: 100%;	
	text-align: center;
	font-weight: 600;	
	padding:1em;
	box-sizing: border-box;
	font-size: 3.2vw;	
    }
		
	.top-text-link-list {
    margin-top: 3%;
    width: 95%;
    font-size: 120%; 
  }	
	

	.block-link-icon-line2{
	margin-bottom: 1%;	
		
	}	
	
 .cal_nav {
	width:89%;   
	display:flex;
	justify-content: center;  
	margin: auto; 
	margin-top:-10px;
	margin-bottom: 5%;
  }	
	
	
 .cal_nav img {
	width:100%; 
  }		 
		
 .t_text {
    width: 95%; 
    margin:2% auto;
  }		
	
 .t_text p {
    font-size: 13px;
	line-height: 1.7em;
  }	
	
.top_img{
	width: 95%; 
	margin: 0px auto; 
	text-align: center;
  }	

  .top_img img{
	width: 100%;	
  }		
	
 .c_text {
    width: 95%; 
	text-align: center; 
	margin:3% auto 5% auto;
    line-height: 1.5em;
    font-size: 3.2vw;
	color:#F00; 
  }			
		
 .d_text {
    width: 90%; 
    margin: 1% auto !important;
	margin-top:-1%;   
    padding: 5px;
    line-height: 1.5em;
    font-size: 3.2vw;
  }	
	
	/* 商品一覧 */
  .item_table {
    margin: auto;
	margin-top: 2%;
	margin-left: 1.5%;   
    width: 98%;
    display: block;
  }
  .item_table tr {
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .item_table td {
    padding: 2px;
    margin: 0px 0px 10px 0px;
    border: 0;
    width: 47%;
	margin-left: 0.5%;  
    display: inline-block;
    vertical-align: top;
  }
	
 .spec_mds {
   background:#D9D9D9;
   text-align: center;
   padding: 2% 0% 1% 0%;	 
   font-size: 3.5vw;
   font-weight: 600;	 
  }	
	
  .icon-th {
    width: 20%;
    font-size: 2vw;
  }
  .icon-direction {
    width: 80%;
    display: flex;
    flex-direction: row;
  }
  .print-f-direction {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-size: 2vw;
  }
  .cal2_hikakut th {
    text-align: center;
  }
  .cal2_hikakut td {
    text-align: left;
  }
  .cal2_hikakut td, .cal2_hikakut th {
    border: 1px #999 solid;
    padding: 2px;
    box-sizing: border-box;
    width: 130px;
    white-space: normal;
  }
  .calendar_title {
    margin: 20px auto;
    width: 90%;
  }
  .top-btn {
    margin: 5% auto;
  }	


	
.top-btn {
    display: -webkit-flex;
    display: flex;
	width: 96%; 
	text-align: center; 
	margin-top: 3%;
	margin-left: -0.2%;
  }
	
  .top-btn a {
	box-sizing:border-box;
	padding-left: 4%;  
  } 	

 .top-btn a>img {
    max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
  } 	
			
/*卓上カレンダー特集ボタン　ここから*/
.cal_link_list{
  margin: 10px auto 20px auto;
  width: 100%;
}	
	
.btn-takujo a{
  display: block;
  width: 85%;	
  text-align: center;	
  margin: 5px auto ;	
  padding: 0.5em 1em;
  text-decoration: none;
  border: solid 1px #ff301e;
  border-radius: 20px;	
  color: #ff301e;		
  font-weight: bold;
  font-size:12px;
}

.btn-takujo a:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -1px 5px 0 0;
  background: url("https://www.giftit.co.jp/novelty-diary/images/icon_takujo.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.btn-takujo a:hover {
  background:#ffe7db;
}
/*卓上カレンダー特集ボタン　ここまで*/	
	
/*壁掛カレンダー特集ボタン　ここから*/
.btn-kabe a{
  display: block;
  width: 85%;	
  text-align: center;	
  margin: 5px auto ;	
  padding: 0.5em 1em;
  text-decoration: none;
  border: solid 1px #3c4998;
  border-radius: 20px;	
  color: #3c4998 ;		
  font-weight: bold;
  font-size:12px;
}

.btn-kabe a:before {
  content: "";
  display: inline-block;
   width: 20px;
  height: 20px;
  margin: -1px 2px 0 0;
  background: url("https://www.giftit.co.jp/novelty-diary/images/icon_kabe.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.btn-kabe a:hover {
  background:#ECF3FF;
}
/*壁掛カレンダー特集ボタン　ここまで*/	
	
/*手帳特集ボタン　ここから*/
.btn-diary a{
  display: block;
  width: 85%;	
  text-align: center;	
  margin: 5px auto ;	
  padding: 0.5em 1em;
  text-decoration: none;
  border: solid 1px #409046;
  border-radius: 20px;	
  color: #409046 ;		
  font-weight: bold;
  font-size:12px;
}

.btn-diary a:before {
  content: "";
  display: inline-block;
   width: 20px;
  height: 20px;
  margin: -1px 2px 0 0;
  background: url("https://www.giftit.co.jp/novelty-diary/images/icon_diary.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.btn-diary a:hover {
  background:#e4eece;
}
/*手帳特集ボタン　ここまで*/	
	
/* ナビボタン ここから*/
.navi_btnlist {
  width: 99%;
  height: auto;
  margin: 1% auto 0% auto ;	
}

.navi_btn {
  padding-top: 0px;
  display: flex;
  flex-wrap:wrap;
  justify-content: center;		
  font-size: 0.8em;
}
	
.navi_btn button{
  width: 45%;
  margin: 1%;
  background: #fff;
  border: solid 1px #B0B0B0;
}
	
.navi_btn a{
  text-decoration: none;
  color:#000;
  padding: 0.6em 0.3em;
  display: block;	
}
	
.navi_btn button :hover{
  color:#828282;
}	
	
.navi_btn span{
	display: none;
	
	}
/* ナビボタン ここまで*/		
	
	
	
/*　比較表テーブル　*/	
	
.scroll {
    overflow-x: auto;
  }
.hikaku_table {
  width: 210%;
  margin: 2% 0% 5% 0%;
  table-layout: fixed;	
  }
	
.hikaku_table td:first-child{
  width: 11%;	
  padding: 1% 0.7%;
  background: #e9727e;	
  color: #fff;
  text-align: center;
  border: solid 0px #e9727e!important;
  font-size: 0.9em;
  font-weight: bold;
  position: sticky;
  top: 0;
  left: 0.5%;
}	
	
.hikaku_table td:first-child::before{
    content: "";
    position: absolute;
    left: -2px;
	top:0px;
    width: 100%;
    height: 100%;
    border-left: 3px solid #fff;
}
	
.hikaku_table th:first-child{
  width: 11%;	
  vertical-align:middle;
  background: #e9727e;	
  color: #fff;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  position: sticky;
  left: 0.5%;
}
	
.hikaku_table th:first-child::before{
    content: "";
    position: absolute;
    left: -2px;
	top:0px;
    width: 100%;
    height: 100%;
    border-left: 3px solid #fff;	
  }	
		

	
.hikaku_table th{	
  background: #FBF5F5;
  vertical-align: top;
  font-weight: 400;
  line-height: 1.8em;	
}	
	
.hikaku_table td{
  padding:1%;
  margin: 1%;
  text-align: center;
  line-height: 1.8em;
  border-bottom: dotted 3px #FBF5F5;
  border-right: dotted 3px #FBF5F5; 		
}	
	
.hikaku_table th img{
  padding:1%;
  border: 0px;	
}

.hikaku_table a{
  font-size: 1em;	
}	
	
.th_image{
  margin: 2%;	
  width: 90%;	
  height: 90%;
  text-align: center;
}

	
	
}